@import url(https://fonts.googleapis.com/css?family=Kanit:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&subset=latin,thai);

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 18, 2013 */

#hero p.lead,
.overview .lead,
#footer .overview p {font-family: 'Kanit', Arial, sans-serif;}

body {
	color: #2c3e50;
	font: normal 16px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	background-color: #fff;
	overflow-x: hidden;
	line-height: 1.5;
}

a {
	color: #3498db;
	cursor: pointer;
	text-decoration: none;
	
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
a:hover, a:focus {
	color: #2980b9;
	outline: none;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Kanit', Arial, sans-serif;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 0;
}
h1 {font-size: 38px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

p.lead {
	font-size: 24px;
	font-weight: 200;
}
p {
	margin-bottom: 20px;
}
p:last-child {
	margin-bottom: 0;
}
ul, ol {
	margin-bottom: 20px;
}
blockquote {
	padding-top: 0;
	padding-bottom: 0;
	border-color: #1ABC9C;
}
blockquote small {
	color: inherit;
}
pre {
	background-color: rgba(255, 255, 255, .5);
	border-color: rgba(0, 0, 0, .1);
	margin-bottom: 20px;
}

.img-mobile-box { max-width: 100%; display:block;margin-left:auto;margin-right:auto;}
.d-mobile-block {display: none;}

/*	Section
	==================================================*/
.section {
	padding: 60px 0;
}
.active-section {
	top: 80px;
}
.navbar.active-section {
	top: 0 !important;
}

/*	Button & Label
	==================================================*/
.alert {
	color: #FFF;
	border: none;
}
[class^="alert-"] .alert-link, [class*=" alert-"] .alert-link {
	color: #FFF;
	font-weight: 300;
	text-decoration: underline;
}
.btn, .label {
	font-weight: 300;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.btn:hover, .btn:focus {
	outline: none;
}
.btn-link {
	color: #1abc9c;
}
.btn-link:hover, .btn-link:focus {
	color: #16a085;
}
.btn-default, .label-default {
	background-color: #34495e;
	border-color: #34495e;
	color: #FFF;
}
.btn-default:hover, .btn-default:focus {
	background-color: #2c3e50;
	border-color: #2c3e50;
	color: #FFF;
}
.btn-success, .label-success, .alert-success {
	background-color: #2ecc71;
	border-color: #2ecc71;
}
.btn-success:hover, .btn-success:focus {
	border-color: #27ae60;
	background-color: #27ae60;
}
.btn-primary, .label-primary {
	background-color: #3498db;
	border-color: #3498db;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #2980b9;
	border-color: #2980b9;
}
.btn-info, .label-info, .alert-info {
	background-color: #3498db;
}
.btn-info:hover, .btn-info:focus {
	background-color: #2980b9;
	border-color: #2980b9;
}
.btn-warning, .label-warning, .alert-warning {
	background-color: #e67e22;
	border-color: #e67e22;
}
.btn-warning:hover, .btn-warning:focus {
	background-color: #d35400;
	border-color: #d35400;
}
.btn-danger, .label-danger, .alert-danger {
	background-color: #e74c3c;
	border-color: #e74c3c;
}
.btn-danger:hover, .btn-danger:focus {
	background-color: #c0392b; 
	border-color: #c0392b; 
}


/*	Header
	==================================================*/
#header {
	box-shadow: 0 0 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.05);
}

/*	Parallax Background
	==================================================*/

#parallax {
  height: 0;
  width: 100%;
  top: 0;
  background:url(assets/images/banner-box2.jpg) no-repeat; 
  background-size: cover;
  z-index: -100;
}

/*	Navbar
	==================================================*/
.navbar-inverse .navbar-brand {
	padding: 10px 15px;
	margin-right: 30px;
	color: inherit;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #000;
}
.navbar-inverse {
	background-color: rgba(255, 255, 255, .9);	
	border: none;
}
.navbar-right button {
	margin: 23px 0;
}
.navbar-nav>li>a {
	padding: 10px 0;
	margin: 0 15px;
}
.navbar-inverse .navbar-nav>li>a {
	color: inherit;
	text-transform: uppercase;
	font-size: 12px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0);
	color: #3498db;
}
.header-button {
	margin-left: 15px;
}

/*	Hero
	==================================================*/
#hero {
	background: rgba(0, 0, 0, 0);
	color: #000;
	margin-top: 86px;
	padding: 0;
}
#hero .lp-element {
	padding: 260px 50px 220px;
	text-align: left;
}
#hero h2 {
	font-size: 56px;
	text-shadow: 2px 3.464px 10px rgba(0, 0, 0, 0.6);
	-moz-transform: matrix( 1.10402192131489,0,0,1.10402192131489,0,0);
	-webkit-transform: matrix( 1.10402192131489,0,0,1.10402192131489,0,0);
	-ms-transform: matrix( 1.10402192131489,0,0,1.10402192131489,0,0);
}
#hero p.lead {
	font-size: 2.3em;
	color: #fff;
	text-shadow: 2px 3.464px 10px rgba(0, 0, 0, 0.6);
	-moz-transform: matrix( 1.10402192131489,0,0,1.10402192131489,0,0);
	-webkit-transform: matrix( 1.10402192131489,0,0,1.10402192131489,0,0);
	-ms-transform: matrix( 1.10402192131489,0,0,1.10402192131489,0,0);
}
#hero p.lead strong {
	font-weight: 500;
}

/*	Clients
	==================================================*/
.client-list-style li { display: inline;}
.client-list-style li img {
	max-height: 90px;
    padding: 10px 5px;
}

/*	Features
	==================================================*/ 
#features {
    background-color: #FFF;
    padding: 60px 0 30px;
}
#features .overview h2 {font-size:50px;}
.overview, .service-block {
	text-align: center;
}
.overview .lead {
	margin: 40px 10%;
	margin-bottom: 80px;
}
.service-block {
	margin-bottom: 30px;
}
.service-block .glyphicon {
	font-size: 60px;
	margin-bottom: 20px;
}

/*	Image
	==================================================*/
#image {
	background-color: #ecf0f1;
}

/*	Promotion
	==================================================*/ 
#promotion .overview h2 {
    font-weight: 300;
    font-size: 44px;
	color: #000;
}
#promotion .overview h2 strong {
	color:#fbb813;
	font-size: 62px;
	font-weight: 500;
}
#promotion2 {
	color: #FFF;
	padding-bottom: 70px;
}
#promotion2 a {
	margin-bottom: 30px;
	display: block;
}
#promotion2 a:hover {
	opacity: .5;
}


/*	Coupons
	==================================================*/ 
.faq-block {
	margin: 0 80px;
}
#coupons .overview .lead {
    margin-bottom: 0px;	
    font-size: 40px;
    font-weight: 400;
}
#coupons .overview h2 { font-size:62px;}
#coupons .overview .lead strong {
    color: #fbb813;
    font-size: 46px;
    font-weight: 500;
}

/*	Coupons
	==================================================*/
#couponsnow .overview .lead {
	margin-top: 0px;
    margin-bottom: 0px;
    font-size: 58px;
    font-weight: 400;
}
#couponsnow .overview h2 { font-size:62px;}
#couponsnow .overview .lead strong {
    color: #fbb813;
    font-size: 46px;
    font-weight: 500;
}
#promotion_2 .overview h2, #promotion_3 .overview h2 { font-size:56px;}
#coupons_6 .overview h2, #coupons_7 .overview h2,
#coupons_6_1 .overview h2, #coupons_7_1 .overview h2,
#coupons_6_2 .overview h2, #coupons_6_3 .overview h2,
#coupons_6_4 .overview h2, #coupons_6_5 .overview h2,
#coupons_8 .overview h2, #coupons_9 .overview h2,
#coupons_10 .overview h2, #coupons_11 .overview h2,
#coupons_12 .overview h2, #coupons_12_1 .overview h2 { font-size:62px;}
#coupons_6 .overview .lead,
#coupons_8 .overview .lead,
#coupons_9 .overview .lead,
#coupons_11 .overview .lead,
#coupons_12_1 .overview .lead {
	margin-top: 0px;
    margin-bottom: 0px;
    font-size: 44px;
    font-weight: 400;
}
#coupons_6_1 .overview .lead,
#coupons_6_2 .overview .lead,
#coupons_6_3 .overview .lead,
#coupons_6_4 .overview .lead,
#coupons_6_5 .overview .lead, 
#coupons_7_1 .overview .lead,
#promotion_2 .overview .lead,
#promotion_3 .overview .lead {font-size: 44px;font-weight: 400;margin-top: 0px; margin-bottom: 0px;}
#coupons_7 .overview .lead,
#coupons_10 .overview .lead,
#coupons_12 .overview .lead {margin-top: 0px;margin-bottom: 0px;font-size: 58px;font-weight: 400;}

/*	Footer
	==================================================*/ 
#footer { background-color: #000000;}
#footer.section { padding:30px 0;}
#footer .overview p {font-size: 26px; color: #FFFFFF;}


/*	Responsive
	==================================================*/ 

@media (max-width: 991px) {
	.service-block  {
		margin-bottom: 30px;
	}
	#image img.img-responsive {
		margin-left: auto;
		margin-right: auto;
	}
	.faq-block {
		margin: 0 60px;
	}
	.navbar-nav>li>a {
		margin: 0 7px;
	}
}

@media (min-width:768px) and (max-width:1199px) {
	#hero {background-size: cover !important;padding: 0 15px;}
	#hero h2 {font-size: 44px;}
	#hero p.lead {font-size: 34px;}
	#hero p.lead strong {font-size: 34px;}
	#hero .lp-element {padding: 100px 15px 80px;}
	#promotion .overview h2, #promotion_2 .overview h2 {font-size: 44px;line-height: 1.5;}
	#promotion .overview h2 strong {font-size: 44px;}
	#features .overview h2 {font-size:50px;}
	#coupons .overview h2 {font-size: 40px;}
	#coupons .overview .lead {font-size: 28px;}
	#coupons .overview .lead strong {font-size: 32px;}
	#couponsnow .overview h2 {font-size: 50px;}
	#couponsnow .overview .lead {font-size: 32px !important;}
	#couponsnow .overview .lead strong {font-size: 30px;}
	#promotion_2 .overview h2, #promotion_3 .overview h2,
	#coupons_6 .overview h2, #coupons_7 .overview h2, 
	#coupons_6_1 .overview h2, #coupons_7_1 .overview h2,
	#coupons_6_2 .overview h2, #coupons_6_3 .overview h2,
	#coupons_6_4 .overview h2, #coupons_6_5 .overview h2,
	#coupons_8 .overview h2, #coupons_9 .overview h2, 
	#coupons_10 .overview h2, #coupons_11 .overview h2, 
	#coupons_12 .overview h2, #coupons_12_1 .overview h2 { font-size: 36px; }
	#coupons_6 .overview .lead, #coupons_8 .overview .lead, 
	#coupons_9 .overview .lead, #coupons_11 .overview .lead, 
	#coupons_12_1 .overview .lead {font-size: 28px;}
	#coupons_6_1 .overview .lead, #coupons_7 .overview .lead, #coupons_7_1 .overview .lead, 
	#coupons_6_2 .overview .lead, #coupons_6_3 .overview .lead,
	#coupons_6_4 .overview .lead, #coupons_6_5 .overview .lead,
	#coupons_10 .overview .lead, #coupons_12 .overview .lead,
	#promotion_2 .overview .lead, #promotion_3 .overview .lead { font-size: 28px;}
	#footer .overview p {font-size: 14px;}
	}

@media (max-width: 767px) {
	.service-block, .img-responsive, .carousel {
		margin-bottom: 30px;
	}
	.overview .lead {
		margin-left: 0;
		margin-right: 0;
	}
	.container {
		max-width: 690px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.faq-block {
		margin: 0 50px;
	}
	.navbar-nav>li>a {
		padding: 10px;
	}
	.header-button {
		margin: 0;
	}
	.navbar-right button {
		margin-top: 0;
		margin-bottom: 50px;
	}
}
@media (max-width: 767px) {
	body {font-size: 14px;}
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4, .carousel-inner blockquote p {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}
	p.lead {font-size: 18px;}
	.d-mobile-block {display:block;}
	.section {padding: 30px 0;}
	.overview p.lead {margin-bottom: 40px;}
	.service-block, .img-responsive, .carousel {margin-bottom: 30px;}
	.overview .lead {margin-left: 0;margin-right: 0;	}
	#hero .lp-element {padding: 40px 20px 40px;}
	#hero {margin-top: 130px;background-size: cover!important;}
	#hero h2 {font-size: 24px;line-height: 1.5;}
	#hero p.lead {font-size: 19px;}
	#hero p.lead strong {font-size: 19px;}
	#features {padding: 40px 0 0px;}
	#features .overview h2 {font-size:50px;}
	#promotion .overview h2 {font-size: 30px;}
	#promotion .overview h2 strong {font-size: 40px;}
	#coupons .overview h2 {font-size: 30px;}
	#coupons .overview .lead {font-size: 22px;}
	#coupons .overview .lead strong {font-size: 24px;}
	#couponsnow .overview h2 {font-size: 34px;}
	#couponsnow .overview .lead {font-size: 28px !important;}
	#couponsnow .overview .lead strong {font-size: 30px;}
	#promotion_2 .overview h2, #promotion_3 .overview h2,
	#coupons_6 .overview h2, #coupons_7 .overview h2, 
	#coupons_6_1 .overview h2, #coupons_7_1 .overview h2,
	#coupons_6_2 .overview h2, #coupons_6_3 .overview h2,
	#coupons_6_4 .overview h2, #coupons_6_5 .overview h2,
	#coupons_8 .overview h2, #coupons_9 .overview h2, 
	#coupons_10 .overview h2, #coupons_11 .overview h2, 
	#coupons_12 .overview h2, #coupons_12_1 .overview h2 {font-size: 34px;}
	#coupons_6 .overview .lead, #coupons_8 .overview .lead, 
	#coupons_9 .overview .lead, #coupons_11 .overview .lead, 
	#coupons_12_1 .overview .lead {font-size: 22px;}
	#coupons_6_1 .overview .lead, #coupons_7 .overview .lead, #coupons_7_1 .overview .lead, 
	#coupons_6_2 .overview .lead, #coupons_6_3 .overview .lead,
	#coupons_6_4 .overview .lead, #coupons_6_5 .overview .lead,
	#coupons_10 .overview .lead, #coupons_12 .overview .lead,
	#promotion_2 .overview .lead, #promotion_3 .overview .lead {font-size: 28px;}
	#footer .overview p {font-size: 14px;}
	.container {
		max-width: 690px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.input-lg, .btn-lg {
		font-size: 12px;
		height: 37px;
	}
	.faq-block {margin: 0 40px;}
	.navbar-inverse .navbar-toggle {border: none; float: none; text-align: center; margin-right: 0;padding: 5px 5px;}
	.navbar-inverse .navbar-toggle img {width: 160px;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: transparent;}
	.navbar-inverse .navbar-brand {
		padding: 10px 15px;
		margin-right: 30px;
		text-align: center;
		display: block;
		width: 100%;
		float: none;
	}
	.navbar-inverse .navbar-brand img {width: 180px;}
}
@media (max-width: 605px) {
	#coupons_6_1 .overview .lead, #coupons_7 .overview .lead, 
	#coupons_7_1 .overview .lead, #coupons_6_2 .overview .lead, 
	#coupons_6_3 .overview .lead, #coupons_6_4 .overview .lead, 
	#coupons_6_5 .overview .lead, #coupons_10 .overview .lead, 
	#coupons_12 .overview .lead, #promotion_2 .overview .lead, #promotion_3 .overview .lead {font-size: 22px;}
	#promotion_2 .overview h2 {font-size: 32px;}
	#couponsnow .overview .lead {font-size: 24px !important;}
	#coupons_6_1 .overview h2 {font-size: 26px !important;}
}
@media (max-width: 490px) {
	.container {
		max-width: 430px;
		padding-left: 0px;
		padding-right: 0px;
	}	
	.section {padding: 40px 0;}
	.navbar-inverse .navbar-toggle,
	#header .navbar-header .navbar-brand { text-align: center; display: block;float:none;margin-right: 0;}
	.navbar-inverse .navbar-toggle {margin-right: 0px;padding: 0px 10px;margin-top: 5px;margin-bottom: 5px;}
	.navbar-inverse .navbar-toggle a img {width: 40%;}
	#hero .lp-element {padding: 50px 20px 50px;}
	#hero {margin-top: 115px;background-position: 40% top !important;}
	#hero h2 {font-size: 18px;line-height: 1.5;}
	#hero p.lead {font-size: 16px;}
	#hero p.lead strong {font-size: 16px;}
	
	#features {padding: 30px 0 10px;}
	#features .overview h2 {font-size:40px;}
	#features .client-list-style {padding-left: 0;}
	#features .client-list-style li img {max-height: 80px;}
	#promotion .overview h2 {font-size: 20px;}
	#features  .overview h2 strong,
	#promotion .overview h2 strong, #promotion_2 .overview h2 strong, #promotion_3 .overview h2 strong {font-size: 26px;}
	#coupons .overview h2 {font-size: 20px;line-height: 1.5;}
	#coupons .overview .lead {font-size: 17px;}
	#coupons .overview .lead strong {font-size: 22px;}
	#couponsnow .overview h2 { font-size: 22px;}
	#couponsnow .overview .lead {font-size: 18px!important;}
	#couponsnow .overview .lead strong {font-size: 26px;}
	#promotion_2 .overview h2, #promotion_3 .overview h2,
	#coupons_6 .overview h2, #coupons_7 .overview h2, 
	#coupons_6_1 .overview h2, #coupons_7_1 .overview h2,
	#coupons_6_2 .overview h2, #coupons_6_3 .overview h2,
	#coupons_6_4 .overview h2, #coupons_6_5 .overview h2,
	#coupons_8 .overview h2, #coupons_9 .overview h2, 
	#coupons_10 .overview h2, #coupons_11 .overview h2, 
	#coupons_12 .overview h2, #coupons_12_1 .overview h2 {font-size: 20px;}
	#coupons_6 .overview .lead, #coupons_8 .overview .lead, 
	#coupons_9 .overview .lead, #coupons_11 .overview .lead, 
	#coupons_12_1 .overview .lead,
	#promotion_2 .overview .lead, #promotion_3 .overview .lead {font-size: 16px;}
	#coupons_6_1 .overview .lead, #coupons_7 .overview .lead, #coupons_7_1 .overview .lead, 
	#coupons_6_2 .overview .lead, #coupons_6_3 .overview .lead,
	#coupons_6_4 .overview .lead, #coupons_6_5 .overview .lead,
	#coupons_10 .overview .lead, #coupons_12 .overview .lead {font-size: 16px;}
	#footer .overview p {font-size: 14px;}
	#gallery .col-xs-6 {
		width: 50%;
	}
	.faq-block {
		margin: 0;
	}
}


@media (max-width: 321px) {	
	#hero p.lead {font-size: 14px;}
	#couponsnow .overview .lead {font-size: 15px!important;}
	#coupons_6 .overview .lead, #coupons_8 .overview .lead, 
	#coupons_9 .overview .lead, #coupons_11 .overview .lead, 
	#coupons_12_1 .overview .lead,
	#promotion_2 .overview .lead, #promotion_3 .overview .lead {font-size: 14px;}
	#coupons_6_1 .overview .lead, #coupons_7 .overview .lead, #coupons_7_1 .overview .lead, 
	#coupons_6_2 .overview .lead, #coupons_6_3 .overview .lead,
	#coupons_6_4 .overview .lead, #coupons_6_5 .overview .lead,
	#coupons_10 .overview .lead, #coupons_12 .overview .lead {font-size: 14px;}	
	#coupons_6_1 .overview h2 {font-size: 17px;}
}