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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
/*font-family: "Open Sans", sans-serif;*/

@font-face {
	font-family: 'HelveticaNeueLTComTh';
	src: url('../fonts/HelveticaNeueLTComTh.eot');
	src: url('../fonts/HelveticaNeueLTComTh.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTComTh.woff2') format('woff2'), url('../fonts/HelveticaNeueLTComTh.woff') format('woff'), url('../fonts/HelveticaNeueLTComTh.ttf') format('truetype'), url('../fonts/HelveticaNeueLTComTh.svg#HelveticaNeueLTComTh') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLTComHvCn';
	src: url('../fonts/HelveticaNeueLTComHvCn.eot');
	src: url('../fonts/HelveticaNeueLTComHvCn.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTComHvCn.woff2') format('woff2'), url('../fonts/HelveticaNeueLTComHvCn.woff') format('woff'), url('../fonts/HelveticaNeueLTComHvCn.ttf') format('truetype'), url('../fonts/HelveticaNeueLTComHvCn.svg#HelveticaNeueLTComHvCn') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLTComLt';
	src: url('../fonts/HelveticaNeueLTComLt.eot');
	src: url('../fonts/HelveticaNeueLTComLt.eot') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTComLt.woff2') format('woff2'),  url('../fonts/HelveticaNeueLTComLt.woff') format('woff'),  url('../fonts/HelveticaNeueLTComLt.ttf') format('truetype'),  url('../fonts/HelveticaNeueLTComLt.svg#HelveticaNeueLTComLt') format('svg');
}

@-moz-document url-prefix() { .wrapper10 {
        padding: 40px 0px 30px!important;}}
div:nth-child(3) > div > div > div.bx-viewport {height: 196px!important;}

div:nth-child(3) > div > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction {padding-top:11px;important;}

@media  screen and (max-width: 1024px) {
    
div:nth-child(1) > div > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction {padding-top:40px;important}
    div:nth-child(2) > div > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction {padding-top:20px;important}
div:nth-child(3) > div > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction {padding-top:10px}
    

}

@media  screen and (min-width: 1200px){
.wrapper11 .form2  input { width:90%;max-width: 236px;min-width: 236px;}
.wrapper11 .form2  select { width:90%;max-width: 236px;font-size:17px;}
}

#bonus_top{height:auto;background:#fff001;width:100%;color:#000;font-size:13px;text-align:center;padding-top:4px;padding-bottom:4px}
#bonus_top a{color:#000;text-decoration:underline}
@media (min-width: 768px){#bonus_top{ height:30px;z-index:999}}

.error404 {text-align: center!important;}
.error404 h1 {font-family:'HelveticaNeueLTComHvCn', sans-serif  !important ;	font-size: 50px!important;	color: #000;	text-align: center!important;	margin: 0px;	padding: 20px 0;	text-transform: uppercase; font-style:normal !important;}
.error404 p {text-align: center!important;}
.error404 a {margin:20px}

.margin {
    margin-left:15px!important;
    margin-right:15px!important;}

.clr { clear:both}
.cntr-box { margin:0 auto !important; float:none !important}


h1 { font-family:'HelveticaNeueLTComHvCn', sans-serif  !important ;	font-size: 50px;	color: #000;	text-align: center;	margin: 0px;	padding: 20px 0;	text-transform: uppercase; font-style:normal !important;}

p { font-family: 'Open Sans', sans-serif; font-size:16px; text-align:justify}

body { font-family: 'Open Sans', sans-serif; }

.img-res { width:100%;}

.pdng { padding:0px !important}
.mrgn { margin::0px !important}

.nopad {
	margin: 0px !important
}
.nopad {
	padding: 0px !important
}
.logo {
	position: relative;
}
.nolpad {
	padding-left: 0px !important;
}
.norpad {
	padding-right: 0px !important;
}
.black {
	background: #000;
}
.green {
	background: #000c15; padding:0px 0;
}
.rj-p {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: lighter;
	margin: 0px;
	padding: 15px 0px;
	color: #cdcdcd;
}
.warn img {
	vertical-align: middle;
	padding: 19px 0
}
.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
/**************************/
.navbar-default {
	background-color: transparent !important;
	border-color: transparent !important;
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px !important;
	border: 0px solid transparent !important;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 47px !important;
	padding: 20px 28px !important;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #fff !important;
	font-weight: 600;
	text-transform:uppercase;
}
.reds {
	background: #d90202;
}
.navbar-nav > li > a:hover {
	color: #000 !important;
	background-color: #f1b810 !important;
}

.navbar-nav > li { border-left:1px solid #363f47 !important;
	 }

/**************************/
.slider {
	background: url(../images/top-banner-bg.jpg) center top no-repeat, #01a0e1;
	height: auto;
}
.slder {
}
.grean {
	background: url(../images/white-line-bg1.jpg) center top ;
	height: auto;
	padding:0px 0 40px 0
}
.result {
	background: #fff;
	margin-top: 50px;
	padding: 30px 10px 5px 10px;
	min-height: 430px;
	position: relative;
}
.result h6 {
	  position: absolute;
  top: 15px;
  left: -20px;
  margin: 0px;
  padding: 0px;
  z-index:99
}
.result h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	color: #3a3a3a;
	margin: 0px;
	padding: 0px 0px 29px 0px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}

.media3 { display:block  !important; margin-top:-65px !important; position:relative; z-index:99}


.one .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 110% !important;
	margin-top: -16px;
	outline: 0px none;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	border: 1px solid #EDEDED;
}
.one .bx-wrapper .bx-prev {
	background: url(../images/ctrl.png) no-repeat 0 0px;
	right: 67px;
	left: 75%;
}
.sld img {
	margin: 0px auto;
}
.reas h1 {
	color: #990708;
}
.reas h1 span {
	color: #01894b;
}
.reas iframe {
	width: 70%;
	height: 200px;
	border: 4px #fff solid;
    display:block;
    margin:0 auto;
}
.rease iframe {
	width: 100%;
	height: 210px;
	border: 4px #fff solid;
}
.reas h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	color: #3a3a3a;
	margin: 0px;
	line-height: 24px;
	padding: 0px 0px px 0px;
	text-align: center;
}
.rease h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	color: #3a3a3a;
	margin: 0px;
	line-height: 24px;
	padding: 0px 0px px 0px;
	text-align: center;
}
.rease h2 span {
	font-weight: 600;
	color: #e17c00;
}
.reas h2 span {
	font-weight: 600;
	color: #e17c00;
}

.batn img {
	display: block;
	margin: 17px auto;
}





.white {
	background: url(../images/dark-blue-line-bg.jpg)center top;
	height: auto;
}

.white-2 {
	background: url(../images/light-blue-line-bg.jpg)center top;
	height: auto;
}

.vdo-btl { background: url(../images/vdo-bottle.png) center top no-repeat; background-size:100% ;}
.play-btn1 { padding:160px 0 140px 0;}

.vdo-btl h1 {
	
		color: #fff;
	text-align: center;
	margin: 0px;
	padding: 20px 0;
	text-transform: uppercase;
}

.white-2 { padding:30px 0;}
.white-2 p { color:#FFF; font-style:normal }

.videos {
	margin: 0px auto;
	text-align: center;
}



.profolan_works {  background: url(../images/white-line-bg1.jpg) center top; }

.pworks-1 { position:relative; margin-top:40px;}
.pworks-1 img { border:4px solid #FFF;}
.pworks-month { position:absolute; right:20px; top:-10px; width:150px; height:40px; line-height:40px; color:#FFF; background:#09F; text-align:center; font-family:'HelveticaNeueLTComHvCn', sans-serif; font-size:18px;}



.wrapper7 { padding:30px 0; background: url(../images/light-blue-line-bg.jpg) center top;}
.wrapper7 h1 { color:#FFF; margin:0; padding:0 0 40px 0;}
.wrapper7 .w7-box1 { position:relative; background:#FFF; border:4px solid #CCC; min-height:140px; padding:40px 20px 10px 20px;font-family: 'Open Sans', sans-serif;  font-size:20px;}
.wrapper7 .cont { position:absolute; width:50px; height:50px; color:#FFF; background:#ea5b06; text-align:center; line-height:50px; font-family: Verdana, Geneva, sans-serif;  font-size:22px; left:20px ; top:-15px}

.top-mrgn { margin-top:30px;}



.wrapper8 { padding:30px 0; background: url(../images/dark-blue-line-bg.jpg) center top;}

.wrapper8 h1 { color:#FFF; margin:0; padding:0 0 40px 0;}



.wrapper8 h1 { color:#FFF; margin:0; padding:0 0 60px 0;}
.wrapper8 .w7-box1 { position:relative; background:#0585aa; border:6px solid #13a6cf; min-height:140px; padding:60px 20px 10px 20px;font-family: 'Open Sans', sans-serif;  font-size:20px;}
.wrapper8 .w7-box1 p { color:#FFF; font-weight:300}
.wrapper8 .w7-box1 h4 { margin-top:-50px; padding-left:120px; color:#FFF; padding-bottom:20px }
.wrapper8 .w7-box1-pic {position:absolute; width:auto; height:auto; left:20px ; top:-45px}
.wrapper8 .w7-box1-pic img {  border:4px solid #FFF; box-shadow: 0 0 3px 1px #999 }
.wrapper8  .top-mrgn { margin-top:60px;}




.wrapper9 { padding:30px 0; background: url(../images/light-blue-line-bg.jpg) center top;}

.wrapper9 h1 { color:#FFF; margin:0; padding:0 0 20px 0;}
.wrapper9 .w7-box1 { position:relative; background:#fff; border:1px solid #eae4e4; min-height:140px; padding:60px 20px 10px 20px;font-family: 'Open Sans', sans-serif;  font-size:20px;}
.wrapper9 .w7-box1 p { font-weight:300}
.wrapper9 .w7-box1 h4 { margin-top:-30px; padding-left:160px; color:#0585aa; padding-bottom:30px }
.wrapper9 .w7-box1-pic {position:absolute; width:auto; height:auto; left:20px ; top:-65px}
.wrapper9 .w7-box1-pic img {  border:4px solid #FFF; box-shadow: 0 0 3px 1px #999 }
.wrapper9  .top-mrgn { margin-top:80px;}

.wrapper9 .w9-box { background:#FFF; padding:100px 20px 20px 20px ; margin-bottom:-150px; }
.wrapper9  .quote-icon {position:absolute; width:auto; height:auto; right:20px ; top:-20px}



.wrapper10 { padding:30px 0; background: url(../images/white-line-bg1.jpg) center top; padding-top:150px;}

.wrapper10 h1 { margin:0;  padding:0 0 20px 0;}


.wrapper10  .top-mrgn { margin-top:20px;}

.wrapper10 .w10-box { background:#FFF; padding:20px ; }
.wrapper10  .quote-icon {position:absolute; width:auto; height:auto; right:20px ; top:-20px}

.wrapper10 .bfr {position:absolute; width:auto; height:auto; left:0px ; bottom:30px;}
.wrapper10 .aftr {position:absolute; width:auto; height:auto; right:0px ; bottom:30px;}

.wrapper10 .w10-pic img { border:4px solid #e5e2e2}

.wrapper10  .w10-box2 { padding:20px 20px 20px 60px; position:relative}

.wrapper10  .w10-box2 .qoute {position:absolute; width:auto; height:auto; left:-0px ; top:30px;}
.wrapper10  .w10-box2 p { font-size:26px; line-height:28px; color:#5d5959;}



.wrapper11 { padding:30px 0; background: url(../images/top-banner-bg.jpg) center top;}

.wrapper11 form { background:#FFF}
.wrapper11 .form1 { padding:20px 0; background:url(../images/arrow-form.jpg) center bottom no-repeat, #2d2d2d; text-align:center; font-size:50px; color:#fff; font-family:'HelveticaNeueLTComHvCn', sans-serif; text-transform:uppercase; line-height:50px; padding:10px 0;}

.wrapper11 .form2 { padding:10px 0;}
.wrapper11 .form2  input { width:90%;}
.wrapper11 .form2  select { width:90%;}

.wrapper11 .form2  table tr td { padding:2px 0;}


.wrapper11 .form3 { padding:8px 0; text-align:center}



.pall iframe { 	width:100%; min-height:450px;}



/*ingradient*/

.inner-banner1 {padding:0px 0; background: url(../images/top-banner-bg.jpg) center top;}


.ingrents .ingr-box1 { position:relative; background:#FFF; border:1px solid #e8e8e8; min-height:140px; padding:20px 20px 20px 30px  ;font-family: 'Open Sans', sans-serif;  font-size:20px; margin:0 40px}
.ingrents .cont { position:absolute; width:50px; height:50px; color:#FFF; background:#ea5b06; text-align:center; line-height:50px; font-family: Verdana, Geneva, sans-serif;  font-size:22px; left:-25px ; top:20px}
.ingrents .ingr-box1 p { font-size:14px;}
.ingrents .ingr-box1 h3 {  border-bottom:1px solid #CCC; padding:10px 0 ; margin:0px ; text-transform:uppercase}

.ingrents .ingr-box1-pic img { border:4px solid #CCC;}
.ingrents .top-mrgn { margin-top:30px;}





/*ingradient-e*/



/*FAQ*/




.faq .faq-box1 { position:relative; background:#FFF; border:1px solid #e8e8e8; min-height:140px; padding:20px 20px 20px 40px ;font-family: 'Open Sans', sans-serif;  font-size:20px; margin:0 40px}

.faq .cont { position:absolute; width:50px; height:50px; color:#FFF;  text-align:center; line-height:50px; font-family: Verdana, Geneva, sans-serif;  font-size:22px; left:-25px ; top:20px}
.faq .faq-box1 p { font-size:14px;}

.faq .faq-box1 h3 {  border-bottom:1px solid #CCC; padding:10px 0 ; margin:0px ; text-transform:uppercase; font-size:18px ; color:#ea7900}


.faq .top-mrgn { margin-top:30px;}





/*FAQ-e*/





/*contact*/

#contact { margin:20px;}
#contact .contact-frm  h4 { font-size:24px; color:#0f86c6; font-family:'Conv_HELVETI8', sans-serif; }
#contact .contact-frm 	{ font-size:16px; color:#000}
#contact .contact-frm 	input { width:100%;}

#contact .contact-frm  .cntct { margin-bottom:20px; font-size:14px; color:#333 }

#contact .contact-frm 	.cntct1 input { width:20px;}

#contact .contact-frm  textarea { width:100%; }

#contact .getstart {  background-color:#f76923; width:150px; display:block; padding:5px 5px; border:1px solid #f76923; color:#fff; text-align:center; text-decoration:none; font-size:18px; font-weight:bold; margin-top:0px; font-weight:normal; font-family: 'Conv_HELVETI8', sans-serif }
#contact .getstart:before   {  background:#60992d; }
#contact .getstart:hover { color:#FFFFFF !important;border:1px solid #f0f0f0;}

#contact .address { padding:100px 30px 55px 30px; background:#fbfbfb; border:1px solid #f0efef; font-size:16px; color:#000;font-family: 'Conv_HELVETI8', sans-serif; font-weight:bold }

#contact .address span { font-size:24px;font-weight:normal}


#contact .address .add01-left{ width:60px; float:left}
#contact .address .add01-right{  float:left; text-align:left; line-height:50px}
#contact .address .add02 { line-height:30px; margin-bottom:30px}





/*contact-e*/


/*order*/

.sselect-box { background:#f1b810; padding:10px ;min-height: 400px;}

.sselect-box h4  { font-size:17px; font-family:'Conv_HELVETI8', sans-serif; font-weight:bold; padding:5px 0 ; margin:0 0 10px 0; text-align:center}
.sselect-box .select-box-pic { text-align:center} 
.sselect-box p { color:#000; text-align:center}
.sselect-box .select { padding:20px ; background:url(../images/uncheck1.jpg) center 6px no-repeat; margin-top:10px;border-top:1px solid #d4a20e;}

.sselect-box span { display:block; padding:5px 0; font-size:16px; text-align:center}

.sselect-box.brder1 { border-left:1px solid #dca709; border-right:1px solid #dca709; }

.sselect-box:hover{background:#f19f10; box-shadow:0px  0px 3px 1px #999; cursor: pointer; }
.sselect-box2 {background:#f19f10!important; box-shadow:0px  0px 3px 1px #999; cursor: pointer; }


/*.sselect-box:hover  .select {  background:url(../images/checked1.jpg) center 6px no-repeat; }*/
.sselect-box2 .select2 {  background:url(../images/checked1.jpg) center 6px no-repeat; }

.middle-order h1 { text-align:left; font-size:30px; padding:10px 0;border-bottom:1px solid #e5e5e5; margin:0px -15px 10px -15px  ;}

.middle-order form { padding:20px ; border:1px solid #e5e5e5; margin-top:20px; font-family: 'Open Sans', sans-serif; color:#000000; font-weight:500; }

.middle-order .ord-form1 input { width:100%; height:30px; margin:5px 0; border:1px solid #CCC}
.middle-order .ord-form1 select { width:100%; height:30px; margin:5px 0; border:1px solid #CCC}


.middle-order .ord-form2 span { float:left;padding:5px 5px; display:block; font-size:12PX}

.middle-order .ord-form3 .row { border-bottom:1px solid #e5e5e5; padding:5px 0;} 

.middle-order .ord-form3 { padding: 0 15px}

.features {  border:1px solid #e5e5e5; margin-bottom:30px}
.features h3 { background:#333; color:#FFF; margin:0; padding:15px 5px; font-size:15px}
.features-pic { float:left; padding:10px; display:block; width:30%;}
.features-text { float:left;display:block;width:70%; text-align:justify; font-size:12px; line-height:16px; padding:10px}

.clock { float:right; margin:20px 0 15px 0}
.clock .clock1 { /*width:40%;*/ float:right; font-size:14px; color:#FFF; text-transform:uppercase; text-align:right;font-family:'Conv_HELVETI8', sans-serif; font-weight:bold; padding:5px 0 ; padding-right:10px }
.clock .clock2 { width:auto;float:right; }

.logo-xs { padding:15px 0 0 0 !important;}



.thank-text { border-top:1px solid #e5e5e5; padding:20px 0;}

.thank-text .col-lg-12 { padding:10px 0; }

.privacy h2 { text-transform:uppercase !important ; color:#111; border-bottom:1px solid #CCC; padding:10px 0}


/*order-e*/




.w-footer  { text-align:center; padding:30px 0}
.footer-nav2 { color:#FFF}
.footer-nav2 a{ color:#FFF}
.footer-nav2 a:hover{ color:#02b9f0}

.ftrnav2  { text-align:center; padding:30px 0; color:#9c9c9c !important}



/**********************order pag*******************************/
.order-bg {
	background: url(../images/order-page-bg.jpg);
}
.middle-order {
	margin: 20px;
	background: #fff;
	border: 1px #e4e4e4 solid;
	padding: 0 10px;
	
}


.clinic-txt h1 {
  font-size: 30px;
  color: #535353;
  text-align: left;
  margin: 0px 20px 20px 20px;
  padding: 10px 0px;
  text-transform: uppercase;
  border-bottom: 1px solid #CCC;
}

.clinic-txt p {
  padding: 10px;
  font-size: 14px;
  text-align: justify;
  margin: 0 10px;
}



.col-5{ float:left; width:19%; margin:20px 5px;}
.col-5 img{margin:0px auto;}
.col-5 img:hover{ background:#FF0;}

.bdrs{ border:#f0f0f0 1px solid; padding:30px 20px 20px 20px; position:relative; margin-top:40px;}

.cup {
    position: absolute;
    top: -40px;
    left: 20px;
}
.verti img{margin:20px auto;}


.before img{margin:0px auto;}
.rj-pe p{
	color:#505050; 
	font-family: 'Open Sans', sans-serif;
	padding: 10px 0;
	margin:0px;
	font-size: 14px;
	text-align:justify;}
.clint h3{	
font-family: "Open Sans",sans-serif;
font-size: 16px;
color: #f76923;
margin: 0px;
padding: 10px 0px 0px;
text-transform: uppercase;
font-weight: bold;}	


.onee .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 104% !important;
    margin-top: -16px;
    outline: 0px none;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.onee .bx-wrapper .bx-prev {
    background: transparent url("../images/ctrl.png") no-repeat scroll 0px 0px;
    right: 67px;
    left: 85%;
}



@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	
	
	
	
.navbar-nav > li > a {
	line-height: 20px;
	padding: 20px 8px !important;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #fff !important;
	font-weight: 600;
}
.logo img {
	width: 80%;
}
.logo {
	top: 0px;
}


.footer {
	background: transparent url("../images/footer-bg.png") repeat scroll 0% 0%;
	height: auto;
}

.reas iframe { height:180px !important;}

.sld iframe { height:180px !important;}

.one .bx-wrapper .bx-prev {right: 67px;left: 71%;}

.play-btn1 {padding: 0px 0 129px 0;}

.wrapper11 .form2  table tr td { padding:0px 0;}
.wrapper11 .form2 { padding:5px 0}
.wrapper11 .form2 input { height:18px}

.wrapper11 .form1 {font-size: 39px;line-height: 40px;	}

.verti iframe { width:100%; height:140px}

}




@media (min-width: 768px) and (max-width: 991px) {
	
	
h1 { font-family:'HelveticaNeueLTComHvCn', sans-serif  !important ;	font-size: 30px;	color: #000;	text-align: center;	margin: 0px;	padding: 20px 0;	text-transform: uppercase; font-style:normal !important;}

p { font-family: 'Open Sans', sans-serif; font-size:14px; text-align:justify}	
	
	
	.col-5 {
    float: left;
    width: 32%;
    margin: 20px 5px;
}
/**********order*********/
.freship {
    position: absolute;
    top: -13px;
    right: -100px;
}
.freship img{width:50%;}

.order-pic img {
    margin: 100px auto;
    display: block;
}

.lp{padding-left:0px !important;}
.rp{padding-right:0px !important;}

/**************/
	
	
	
	
.navbar-nav > li > a {
	line-height: 20px;
	padding: 14px 8px !important;

	font-size: 15px;
	

}
.logo img {
	width: 70%;
}

.grenh1 h1 {
	font-size: 60px;
	padding: 20px 0px;
}
.whet h1 {
	font-size: 48px;
	padding: 20px 30px 0px;
}
.fair-girl h3 {
	font-size: 17px;
}
.result {
	margin-top: 50px;
	padding: 5px 10px;
	min-height: 410px;
}
.dumy-box {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
}
.rj-01 p {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
}
.fair-girl p {
	font-size: 15px;
	padding: 10px 10px;
}
.white-txt-box p {
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
}
.pure-gren {
	background: url("../images/gren-shasow.png") no-repeat scroll center 358px, transparent url("../images/pure-gren.png") repeat scroll 0px 0px;
	height: auto;
}
.inten-menu img {
	margin: 0px auto;
}
.backs {
	background: transparent;
	height: auto;
}
.testi {
	padding: 70px 10px 20px 10px;
	position: relative;
	background: #fff;
	margin: 10px 0px;
}
.nolpad {
	padding-left: 15px !important;
}
.footer {
	background: transparent url("../images/footer-bg.png") repeat scroll 0% 0%;
	height: 418px;
}

.clinic-txt h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 30px;}
	.clinic-text h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 70px;}
	
	.clinic-text p {
    margin: 0px 10%;}
	
	.order-total {
    border: 1px solid #EFEFEF;
    width: 70%;
    margin: 0px 15%;
}



.one .bx-wrapper .bx-prev {right: 67px;left: 88%;}

.play-btn1 {
padding: 81px 0 89px 0;
}



.reas iframe { height:320px !important;}

.sld iframe { height:320px !important;}


.result {min-height: 550px;}

.result.m1 {min-height:420px; }

.pworks-month {
right: 12px;
top: -10px;
width: 92px;
height: 36px;
line-height: 36px;
font-size: 16px;
}

.wrapper7 .buy-bottle { display:none}
.wrapper8 .w7-box1 h4 { font-size:16px}

.wrapper9 .w7-box1 h4 {
margin-top: 40px;
padding-left: 0px;
color: #0585aa;
padding-bottom: 2px;
}
	

.pall iframe { 	width:100%; min-height:400px;}

.verti iframe { width:100%; height:350px}

.clock {
  float: right;
  margin: 8px 0 8px 0;
}

	
	
}

@media (max-width: 767px) {
	
.container { margin:0 5% ;}

h1 { font-family:'HelveticaNeueLTComHvCn', sans-serif  !important ;	font-size: 26px;	color: #000;	text-align: center;	margin: 0px;	padding: 20px 0;	text-transform: uppercase; font-style:normal !important;}

p { font-family: 'Open Sans', sans-serif; font-size:14px; text-align:justify}	
	
	
	.col-5 {
    float: left;
    width: 50%;
    margin: 20px 0px;
}
	
	.clinic-text h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 40px;}
	/*********order***/
	.middle-order {
    margin: 10px;}
	
	.tow-bx {
   
    margin: 10px 0px;
}
	
	
	.order-check img {
    padding-top: 20px;
    margin: 0px auto;
    display: block;
}

.ts {
	font-size: 15px;
	padding: 15px 0px  !important;
}

.freship {
    position: absolute;
    top: 57px;
    right: -50px;
}
.freship img{width:80%;}



	/*********/
	

.logo img {
	width: 50%;
}	
	
.dis {
	display: none;
}
.rj-p {
	font-size: 15px;
	padding: 15px 0px 15px 210px;
}
.result {
	min-height: 396px;
}
.grean {
	background-size: 100%;
}
.grenh1 h1 {
	font-size: 45px;
}
.white p {
	padding: 20px 20px;
}
.whet h1 {
	font-size: 35px;
	padding: 20px 20px 0px;
}
.why p {
	padding: 10px;
	color: #FFF;
}
.white-txt-box p {
	font-size: 15px;
}
.grc h1 {
	color: #FFF;
	padding: 20px 20px 10px;
}
.inten-menu img {
	margin: 0px auto;
}
.pure-gren {
	background: url("../images/gren-shasow.png") no-repeat scroll center 350px, transparent url("../images/pure-gren.png") repeat scroll 0px 0px;
	height: auto;
}
.backs {
	background: transparent;
	height: auto;
}
.nolpad {
	padding-left: 15px !important;
}
.testi {
	padding: 70px 10px 20px 10px;
	position: relative;
	background: #fff;
	margin: 10px 0px;
}
.dumy-box {
	font-size: 16px;
	margin: 40px 0px;
}
.footer {
	background: transparent url("../images/footer-bg.png") repeat scroll 0% 0%;
	height: auto;
}
.videos iframe {
	margin: 0px auto;
	width: 80%;
	height: 300px;
	border: 15px solid #E7E7E7;
}
.shasow {
	background: transparent url("../images/video-shadow.png") no-repeat scroll 0px 0px / 100% auto;
	height: 30px;
}
.rj-01 p {
	font-size: 17px;
	padding: 10px 0px 10px;
	line-height: 22px;
}

.clinic-txt h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 35px;}
	
.order-total h2 {
    font-size: 30px;
}
	
	   .order-total {
    border: 1px solid #EFEFEF;
    width: 80%;
    margin: 0px 10%;
}
.order-total p {
    color: #333;
    font-family: "Open Sans",sans-serif;
    padding: 5px 34px;
    font-size: 14px;
}
.tol a {
     font-size: 14px;}
	 
	 
	 
	 
	 
	 
	 .play-btn1 {
padding: 47px 0 96px 0;
}



.reas iframe { height:320px !important;}

.sld iframe { height:250px!important; width:initial;}


.result {min-height: 600px;}

.result.m1 {min-height:500px; }

.pworks-month {
right: 12px;
top: -10px;
width: 92px;
height: 36px;
line-height: 36px;
font-size: 16px;
}

.wrapper7 .buy-bottle { display:none}
.wrapper8 .w7-box1 h4 { font-size:16px}

.wrapper9 .w7-box1 h4 {
margin-top: 40px;
padding-left: 0px;
color: #0585aa;
padding-bottom: 2px;
}
	
.one .bx-wrapper .bx-prev {right: 67px;left: 84%;}
	
.pworks-month {right: 196px;top: -10px;}	 

.wrapper7 .w7-box1 {margin-bottom: 28px;}
	 
	   
.wrapper8 .w7-box1 {
margin-bottom: 60px;
}	   

.wrapper9 .w7-box1 {margin-bottom: 100px;}


.pall iframe { 	width:100%; min-height:300px;}



.verti iframe { width:100%; height:350px}



.clock { width:100%;  float: none; text-align:center;display:block !important;    }
.clock .clock1 { width:100% !important; display:block !important; float:none !important; text-align:center}
.clock .clock2 {width:100% !important; display:block !important; float:none !important; text-align:center }

.clock .clock2 p { text-align:center}
.logo-xs { width:100% !important; text-align:center !important; padding:10px 0; padding:20px 0; margin-bottom:20px}
	
.green .pull-right { float:none !important;}

.thank-text .col-xs-12 {  text-align:center !important; }


	   
}

@media (min-width: 360px) and (max-width: 480px) {
		.col-5 {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
	
	
	.order-total {
    border: 1px solid #EFEFEF;
    width: 90%;
    margin: 0px 5%;
}
.order-total p {
   font-size: 12px;
}
	.order-total h2 {
    font-size: 30px;
}
	
	.clinic-text h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 35px;}
	/*********order***/
	.middle-order {
    margin: 10px;}.order-total h2 {
    font-size: 30px;
}
	
	.tow-bx {
   
    margin: 10px 0px;
}
.rj-h h1 {
    color: #008A4C;
    font-family: "HelveticaNeueLTComLt";
    font-size: 25px;}
	.freship {
    position: absolute;
    top: 85px;
    right: 0px;
}
.freship img{width:80%;}


	
	/***************/
	.ninty h1 {
    padding: 0px 0px 0px 10px;
}
	
.testi {
	padding: 70px 10px 20px 10px;
	position: relative;
	background: #fff;
	margin: 10px 0px;
}
.dumy-box {
	font-size: 16px;
	margin: 50px 0px;
}
.dis {
	display: none;
}
.backs {
	background: transparent;
	height: auto;
}
.nolpad {
	padding-left: 15px !important;
}

.logo img {
	width: 40%;
}
.grenh1 h1 {
	font-family: "HelveticaNeueLTComTh";
	font-size: 40px;
}
.videos iframe {
	margin: 0px auto;
	width: 90%;
	height: 220px;
	border: 5px solid #E7E7E7;
}
.shasow {
	background: transparent url("../images/video-shadow.png") no-repeat scroll 0px 0px / 100% auto;
}
.white p {
	font-size: 16px;
	padding: 10px 20px;
}
.whet h1 {
	font-family: "HelveticaNeueLTComTh";
	font-size: 33px;
	padding: 20px;
}
.whet p {
	font-size: 16px;
	padding: 15px;
	text-align: justify;
}
.pure-gren {
	background: url("../images/gren-shasow.png") no-repeat scroll center 538px, transparent url("../images/pure-gren.png") repeat scroll 0px 0px;
	height: auto;
}
.pure-grens {
	background: transparent url("../images/green-whit.jpg") repeat scroll 0% 0%;
	height: auto;
	background-size: 100%;
}
.footer {
	background: transparent url("../images/footer-bg.png") repeat scroll 0% 0%;
	height: auto;
}
.footer-nav a {
	font-size: 14px;
	padding: 0px 8px;
}
.rj-01 p {
	font-size: 17px;
	padding: 20px 0px 20px;
	ine-height: 26px;
}
.skinny-babs img {
	margin: 50px auto 10px;
}

.clinic-txt h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 30px;}.order-total h2 {
       font-size: 30px;}
	   
.onee .bx-wrapper .bx-controls-direction a {
      top: 102% !important;
  }
.one .bx-wrapper .bx-prev {right: 67px;left: 76%;}

.play-btn1 {padding: 33px 0 56px 0;}

.reas iframe { height:250px !important;}

.sld iframe { height:250px !important; width:initial;}

.pworks-month {right: 35px;top: -10px;}

.wrapper10 .w10-box2 p {
font-size: 14px;
line-height: 24px;

}
.wrapper10 h1 {
    margin: 0;
    padding: 0 0 20px 0;
    position: relative;
    font-size: 20px;
}


}

@media (min-width: 320px) and (max-width: 359px) {
	
	
	.wrapper10 h1 {
    margin: 0;
    padding: 19px 0 20px 0;
    position: relative;
    font-size: 20px;
}
	
	.onee .bx-wrapper .bx-controls-direction a {
      top: 102% !important;
  }
.onee .bx-wrapper .bx-prev {
    right: 65px;
    left: 60%;
}
			.col-5 {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
	.clinic-text h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 30px;}
		/*********order***/
	.middle-order {
    margin: 10px;}
	
	.order-total {
    border: 1px solid #EFEFEF;
    width: 90%;
    margin: 0px 5%;
}

.order-total p {
     font-size: 12px;
}
	
.order-total h2 {
    font-size: 22px;
}
	.tow-bx {
   
    margin: 10px 0px;
}
.rj-h h1 {
    color: #008A4C;
    font-family: "HelveticaNeueLTComLt";
    font-size: 25px;}
	
	
	
.freship {
    position: absolute;
    top: 65px;
    right: -20px;
}

.ninty p {
     padding: 10px 0px 10px 20px;
    color: #9A7E35;
}




.tol a {
 
    padding: 0 5px;
   }

.freship img{width:80%;}


.ninty h1 {
    padding: 0px 0px 0px 20px;
}

.gren-h h1 {
      font-size: 15px;
}

.gray-h h1 {
        font-size: 17px;}
	
	/***************/
	
	
.skinny-babs img {
	margin: 50px auto 10px;
}
.dumy-box {
	font-size: 16px;
	margin: 50px 0px;
}
.why p {
	padding: 0px 10px;
	color: #FFF;
}
.dumy-box {
	font-size: 16px;
	margin: 40px 0px;
}
.rj-01 p {
	font-size: 17px;
	padding: 20px 0px 20px;
	ine-height: 26px;
}
.footer-nav a {
	font-size: 14px;
	padding: 0px 8px;
}
.pure-gren {
	background: url("../images/gren-shasow.png") no-repeat scroll center 700px, transparent url("../images/pure-gren.png") repeat scroll 0px 0px;
	height: auto;
}
.footer {
	background: transparent url("../images/footer-bg.png") repeat scroll 0% 0%;
	height: auto;
}
.pure-grens {
	background: transparent url("../images/green-whit.jpg") repeat scroll 0% 0%;
	height: auto;
	background-size: 100%;
}
.white p {
	font-size: 16px;
	padding: 10px 20px;
}
.whet h1 {
	font-family: "HelveticaNeueLTComTh";
	font-size: 33px;
	padding: 20px;
}
.dis {
	display: none;
}
.videos iframe {
	margin: 0px auto;
	width: 90%;
	height: 220px;
	border: 5px solid #E7E7E7;
}
.shasow {
	background: transparent url("../images/video-shadow.png") no-repeat scroll 0px 0px / 100% auto;
}
.backs {
	background: transparent;
	height: auto;
}
.nolpad {
	padding-left: 15px !important;
}
.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
    
.logo img {
	width: 78%;
     margin-left: -10px;
}

.navbar-default .navbar-brand {
    max-width: 180px;
    margin-left: -10px;}
    
a.navbar-default {
    max-width: 180px;
}

.grenh1 h1 {
	font-family: "HelveticaNeueLTComTh";
	font-size: 40px;
}




	
	
	
	
	
	
	
	.clinic-txt h1 {
    font-family: "HelveticaNeueLTComTh";
    font-size: 30px;}.order-total h2 {
       font-size: 30px;}
	   
	   
	   
.onee .bx-wrapper .bx-controls-direction a {
      top: 102% !important;
  }
  
  
  
  
.one .bx-wrapper .bx-prev {right: 67px;left: 63%;}

.play-btn1 {padding: 33px 0 56px 0;}

.reas iframe { height:250px !important;}

.sld iframe { height:250px !important; width:initial;}

.pworks-month {right: 35px;top: -10px;}

.wrapper10 .w10-box2 p {
font-size: 14px;
line-height: 24px;

}

	
	
.result.m1 {
    min-height: 440px;
}


.result {
    min-height: 567px;
}

.result h1 { font-size:14px}	
	
	.vdo-btl h1 {   
    padding: 0px 0px;
 
}
	
	
	
.play-btn1 {
    padding: 34px 0px 54px;
}



.wrapper8 .w7-box1 h4 {
    margin-top: 0px;
    padding-left: 0px;
    color: #FFF;
    padding-bottom: 0px;
}


.wrapper10 {
    padding: 0px 0px 30px;
  
}



.wrapper11 .form1 {
    
    font-size: 27px;
    line-height: 30px;
   
}


.form3  img { width:90%; }
	
.wrapper9 .quote-icon {
    right: -36px;
    top: 10px;
}


.wrapper10 .bfr {
    position: absolute;
    width: auto;
    height: auto;
    left: 0px;
    bottom: 112px;
}


.wrapper10 .aftr {
    position: absolute;
    width: auto;
    height: auto;
    right: 0px;
    bottom: 109px;
}


.result {   
    margin-top: 0px;
   
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
