@charset "utf-8";
/* CSS Document */

/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}

/* Clear Floated Elements
---------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}


img{ max-width:100%;image-rendering: -webkit-optimize-contrast;}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'ThaiSansLiteRegular';
    src: url('../fonts/thaisanslite_r1.eot');
    src: url('../fonts/thaisanslite_r1.eot') format('embedded-opentype'),
         url('../fonts/thaisanslite_r1.woff') format('woff'),
         url('../fonts/thaisanslite_r1.ttf') format('truetype'),
         url('../fonts/thaisanslite_r1.svg#ThaiSansLiteRegular') format('svg');
}

/* Primary Styles
---------------------------------*/
body {
	background-color:#fff;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	margin:0;
	padding-top: 90px;
	background: url('../img/new-bg.jpg') no-repeat center center fixed;
  	background-size: cover;
} 
h1,h2,h3,h4{
    font-family: 'ThaiSansLiteRegular';
}
a{
	color: #188eca;
}
a:hover{
	text-decoration: none;
}
h2,h3{
	color: #178dc8;
	font-weight: bold;
}
ul{
	list-style: none;
	color: #d40000;
	padding: 0;
}
.blue_section{
	background: #188eca;
	padding: 20px 30px;
}
.blue_section h2{
	color: #d40000;
}
.blue_section ul{
	color: #fff;
}
.spector {
	margin-top: 30px;
}
/* Nav Styles
---------------------------------*/
.navbar-default{
	background: #fff;
	border-color: #fff;
	border-radius: 0;
	padding: 10px 0;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}
.navbar-brand img{
	width: 120px;
	margin-top: -15px;
}

.btn_bottom_section{
	padding: 40px;
	background: #b1bbc0;
	text-align: center;
}
#bg-header{
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: 250px;
	z-index: -1;
	width: 100%;
	max-width: 450px;
}
#border-radius{
	border: 2px solid #c6c8cc;
	background: linear-gradient(#e9e9e9, white, transparent, transparent);
	padding: 30px;
	border-radius: 50px;
    box-shadow: 5px 5px 10px #545454;
}
@media only screen and (max-width: 992px) {
#bg-header{
display: none;
}
}
.form-group input{
	text-align: left;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: transparent;
	outline: none;
	background: transparent;
	border-bottom: 2px solid #3c3c3c;
	color: #009fe3;
}
/*Nav tab*/
.nav-tabs{
  background: #ededed;
}
.nav-tabs>li{
  text-align: center;
}
.nav-tabs>li>a{
	font-size: 21px;
	color: #444;
}

@media only screen and (max-width: 480px) {
.nav-tabs>li>a{
	font-size: 14px;
	color: #444;
}
}
.nav>li>a>img{
	width: 100%;
	max-width: 118px;
}

.tab-content{
	background: #fff;
  color: #959595;
}
.tab-pane{
  padding: 20px;
  font-size: 18px;
}
.tab-pane h2{

	margin: 1em 0 0.5em 0;
	font-weight: normal;
	position: relative;
	text-shadow: 0 -1px rgba(0,0,0,0.6);
	font-size: 40px;
	line-height: 60px;
	background: #178dc8;
	border: 1px solid #fff;
	padding: 5px 15px;
	color: white;
	border-radius: 0 10px 0 10px;
	box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
}
.tab-pane .max-width-panel{
	margin: auto;
	width: 100%;
	max-width: 640px;
}
.tab-pane .max-width-panel img{
	padding-right: 30px;
}
.tab-pane .max-width-panel .row{
	padding:20px 0;
}
.tab-pane .max-width-panel .blue_bg{
	background:#009EE2;
	text-align: center;
}
.tab-pane .max-width-panel .blue_bg img{
	padding-right: 0;
}
.tab-pane .max-width-panel .blue_bg h1{
	color: #fff;
	font-size: 28px;
}
.tab-pane .max-width-panel .blue_bg h3{
	color: #D40000;
}
/* Footer
---------------------------------*/
.footer_bottom{
	background: #111214;
	color: #fff;
	padding: 40px;
	}
.footer_bottom a{
	display:inline-block;
	color:#B39DDB;
	font-size:16px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	}

.footer_bottom a:hover{
	color: #fff;
}
.footer_policy{
    text-align: right;
}
.footer_policy a{
    color: white;
    font-size: 13px;
}
.footer_policy a:first-of-type{
    margin-right: 20px;
}
.footer_policy a:hover{
    text-decoration: underline;
}
@media only screen and (max-width: 991px) {
    .footer_policy{
        margin-top: 15px;   
    }
    .footer_bottom, .footer_policy{
        text-align: center;
    }
}
@media only screen and (max-width: 575px) {
    .footer_bottom{
        padding-left: 0;
        padding-right: 0;
    }
}

.img-coupon{
	 transition: all .2s ease-in-out;
	 transform: scale(0.9);
}
.img-coupon:hover{
	 transform: scale(1.0);
}
.btn-coupon{
	 transition: all .2s ease-in-out;
	 transform: scale(0.99);
}
.btn-coupon:hover{
	 transform: scale(1.0);
}
.colorstyle{
	color: #666666;
	float: right;
}
/*Share social*/
.facebook-like, .twitter-button, .google-plusone, .pinterest-button {
float: left;
}
.facebook-like {
width: 110px;
height: 20px;
}
/*Article*/
.article_page_header{
	text-align: right;
	margin-bottom: 30px;
}
.article_page_header h1{
color: #188eca;
font-weight: bold;
}
.article_page_header h2{
color: #d40000;
}
.article_page_thumb{
	background-color: #188eca;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.article_page_thumb:hover{
	background-color: #4298cc;
}
.article_page_thumb h3{
color: #d40000;
margin: 10px 15px;
}
.article_page_thumb p{
color: #fff;
margin-left:15px;
}
.article_content{
	color: #178dc8;
    font-family: 'ThaiSansLiteRegular';
    font-size: 24px;
}
.article_content span{
	font-size: 36px;
	font-weight: bold;
}
.article_content .big_text{
	font-size: 36px;
	text-align: right;
}
.article_content h1{
	font-size: 60px;
	font-weight: bold;
}
.article_content h2{
	font-size: 48px;
	color: #d40000;
	font-weight: bold;
}
@media only screen and (max-width: 640px) {
	body {
		background-color:#000;
		padding-top: 90px;
		background: url('../img/new-bg-mobile.jpg');
		background-attachment: fixed;
		background-position: bottom;
		background-size: 100%;
	}
.article_content .big_text{
	font-size: 24px;
	text-align: center;
}
.article_content .big_text h1{
	font-size: 36px;
}
.article_content h2{
	font-size: 42px;
}
}

.hl-desktop{
    display: block;
}
.hl-mobile{
    display: none;
}

@media all and (max-width: 768px){
    .hl-desktop{
        display: none;
    }
    .hl-mobile{
        display: block;
    }
}