@charset "utf-8";
/* CSS Document */
@import url(font/th_fahkwang.css);
/*custom color*/
	body {
		
		font-family	: 'THFahkwang', sans-serif; font-size: 0.875em;
		
		
	}
	
	nav { box-shadow:0px 0px 5px #999; }
	.name-brand { font-family: 'Monoton', cursive;  }
	.name-brand-pink { color:#ED1F91;}
	a#navbar-brand   { font-family: 'Monoton', cursive;   }
	
	/*.navbar-brand {
        font-size: 3.5em; 
	}
	
	.navbar-shrink .navbar-brand {
		 font-size: 2em; 
	}*/
	
	.navbar-default .navbar-brand { color:#FF5BAD; }
	.navbar-default .navbar-brand:hover{}
	.navbar-default {
		/*background-color: #FFF;*/
		/*border-color: transparent;*/
		border-top:10px solid #FF4AA5;
	}
	.navbar-default .navbar-nav>li>a {
		font-family	: 'THFahkwang', sans-serif; font-size: 0.875em;
		letter-spacing:2px;
	}
	.navbar-default .navbar-nav>li>a:hover {
		
	}
	
	
	.navbar-toggle {		
		background-color: #222; 
	}
	
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		background-color:#FF4AA5;
		color:#FFF;
		border-radius:3px;
	}
	
	
	
	/***
	 *	header
	 */
	header {
		position:relative;
		background-color: #EC3354;
		color:#FFF;
	}
	header a , header a:hover{ color:#FFF;}
	.background {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		background:  no-repeat;
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:left -100px;
		/*opacity: 0.7;
		filter: alpha(opacity=70);*/
		background-image: url("../img/intro-bg-02.jpg");
		
	}
	@media (min-width: 767px) { 
		.background{ 
			background-position:left top;
		}
	}
	.intro-text {
		bottom:0px; width:100%;  position:absolute;
	}
	@media (min-width: 768px) { 
		.intro-text{ 
			bottom:15%;
		}
	}
	/*slide*/
	.carousel-control.left {
		background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0001) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	}
	.carousel-control.right {
		left: auto;
		right: 0;
		background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0) 100%));
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	}
	
	/***
	 *	eof header
	 */
	
	h1,h2,h3{ font-family	: 'THFahkwang', sans-serif; font-size: 3em; line-height:1.5em;}
	h3{ font-size:1.8em;}
	a.itb-botton-red {
		padding: 10px 15px;
		background-color:#F20B8A; 
		color:#FFFFFF;
		font-size:14px;
		text-align:center;
		text-decoration:none;
	}
	a.itb-botton-red:hover{ text-decoration:none; background-color:#FC0B90; }
	.template-info-preview img{ margin:15px auto; border:5px solid #FFF; box-shadow:0px 0px 5px #999; }
	.lead{ font-size:16px;}
	.text-muted {
		color: #000;
		text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	}
	.line-dot{
		border-top:2px dashed #FF76A1;
		margin:10px 0px;
	}
	
	
	
	
	
	/*form*/
	.itb-botton-signup {
		padding: 11px 15px;
		background-color: #7ACD0A;
		color:#FFFFFF;
		font-size:14px;
		margin:0px;
		border-radius:0px;
	}
	
	#itb-bt-facebook-signup {
		font-size:14px; width:100%;
		padding:10px 15px 5px 15px;
		
		border-color: #274e9f;
		color: #fff;
		font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
		
		line-height:20px;
		
		overflow: hidden;
		text-shadow: 0px 1px 1px #274e9f;
		-webkit-box-shadow: 0 0 3px 0px rgba(255,255,255,0.3) inset;
		-moz-box-shadow: 0 0 3px 0px rgba(255,255,255,0.3) inset;
		box-shadow: 0 0 3px 0px rgba(255,255,255,0.3) inset;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
		background-color: #3f63af;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4167b8), color-stop(100%, #3e60a7));
		background-image: -webkit-linear-gradient(top, #4167b8,#3e60a7);
		background-image: -moz-linear-gradient(top, #4167b8,#3e60a7);
		background-image: -o-linear-gradient(top, #4167b8,#3e60a7);
		background-image: linear-gradient(top, #4167b8,#3e60a7);
		background-image: linear-gradient(to bottom, #4167b8,#3e60a7);
		
		text-decoration:none;
		
	}
	#itb-bt-facebook-signup i { float:left; }
	.pure-form input.pure-input-1{
		font-size:14px;
		padding: 10px 15px;
		border-radius:0px;
	}
	
	.pure-form .pure-group button {
		margin: 0;
	}
	
	.btn-outline { }
	/*eof form*/
	
	/**
	 * Price 1 stylesheet  
	 * */
	.price-1 {
	  padding-top: 110px;
	  padding-bottom: 110px;
	}
	.price-1 .plan {
	  position: relative;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  border: 0px solid #ebedee;
	  padding: 25px 0;
	 /* -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;*/
	  text-align: center;
	  color: #FFF;
	  font-size: 18px;
	  font-weight: normal;
	  
	  margin:10px 0px;
	}
	.price-1 .plan > * {
	  padding-left: 0px;
	  padding-right: 0px;
	  color:#FFF;
	}
	.price-1 .plan b {
	  color: #7f8c8d;
	}
	.price-1 .plan .title {
	  color: #FFF;
	  font-size: 20px;
	  font-weight: 500;
	  margin-bottom: 8px;
	}
	.price-1 .plan .description {
	  margin: 26px 0;
	  padding-top: 0px;	 
	  line-height: 28px;
	  font-weight: normal;
	}
	.price-1 .plan .description b {
	  font-weight: 500;
	}
	.price-1 .plan .btn {
	  min-width: 170px;
	}
	.price-1 .ribbon {
	  position: absolute;
	  right: -3px;
	  top: 26px;
	}
	
	.price-1 .ribbon {
	  position: absolute;
	  right: -3px;
	  top: 26px;
	}
	@media (max-width: 991px) {
	  .price-1 .ribbon {
		top: 4px;
	  }
	}
	@media (max-width: 767px) {
	  .price-1 .ribbon {
		top: 26px;
	  }
	}
	
	.ribbon {
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 0 10px!important;
	  background: #e74c3c;
	  color: #fff;
	  text-align: center;
	  font-size: 14px;
	  line-height: 24px;
	}
	.ribbon:before,
	.ribbon:after {
	  display: block;
	  position: absolute;
	  line-height: 0;
	}
	.ribbon:before {
	  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAgCAYAAADe+2JdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACLSURBVHja7M6xCcIAEAXQZwwpJI0W6V3AVgdwKrF3CWdwAhFcIjhDKiGCoDGxSVAxyQT5zcG94+5G+X4GS+zqOlEnxAKn72aTANs2aHCtIwGmfWjAAfsxhPIWeaSJVxaris98WN4i9/Nc9Rz/r32kSStA8Mri7oeqIsj7vj324QbXLrxghQN+TrwHABFIH/AzT59nAAAAAElFTkSuQmCC');
	  left: -7px;
	  bottom: 0;
	}
	.ribbon:after {
	  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACMSURBVHja7MwxDoJAFIThf9fVAo2x4A5cwprKytPY2HoJS6/hCbwBoaKi0WxYoyYg+ywICQK9jdPNl/dG5Zu1AA44Azsg1TRZAlvgAkQttlkBhz4CxGO4GEP++Cs0yc2ilWI+NYRBwGyim0svwr2syApHWdff716E6/M13HxUbztAL3I0nW6BE7D/DADKLyXavmqdkAAAAABJRU5ErkJggg==');
	  right: -5px;
	  top: 0;
	}
	
	/**
	 *	section
	 */
	#service{
		background-color:#FFF;	
	}
	.background-section-01 {
		background-image:url(../img/section-01.png);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:contain;
		
	}
	.background-line{
		background:url(../img/background-line.jpg) top left right #EEE;
		border-top:1px solid #DDD;
		border-bottom:1px solid #DDD;
	}

	.ib-icon-loadding { background:url(../img/loading.gif); width:80px; height:80px; margin:15px auto;}