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

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#ffffff;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Inter';
	font-weight:normal;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:#333; text-decoration:none;}
a:hover {outline: none; text-decoration:none;}
img {border:none; height:auto; max-width:100%;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
	
/*=========Fonts=======*/
@font-face {
    font-family: 'Lato';
    src: url('Lato-Black.woff2') format('woff2'),
        url('Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
        url('Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
        url('Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*-----------------------
	MAIN CSS START
------------------------*/
.container{
	width:995px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
/*----------------------
		HEADER
------------------------*/
.header{
	width: 100%;
    float: left;
    background: #ffffff;
    padding: 10px 0;
    border-top: 3px solid #ffb29c;
    box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.1);
	}
.header_logo{
	display: inline-block;
    vertical-align: top;
	}	
/*--------------------------
		SECTION 1
-----------------------------*/	
.section_1{
	width:100%;
	float:left;
	padding:30px 0 70px;
	}	
.main_heading{
	font-family: 'Lato';
	font-size:39px;
	line-height:51px;
	text-align:left;
	font-weight:900;
	}	
.author_box{
	width: 100%;
    float: left;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0 20px 90px;
	text-align:left;
    margin-top: 30px;
    position: relative;
	}
.author_img{
	position: absolute;
    top: 10px;
    left: 5px;
	border-radius:35px;
	}	
.author_name{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
	}	
.author_update{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #949494;
	}	
.author_update span{
	color: #000000;
	}

.s1_img {
    display:block;
    margin: 25px auto 0;
    border: 4px solid #ffffff;
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	}
.peptide_textbox{
	float:left;
	width:100%;
	padding:0 40px;
	}	

.common_heading{
	font-family: 'Lato';
	font-size:35px;
	line-height:43px;
	font-weight:900;
	color:#000000;
	}		
.common_text{
	font-size: 18px;
    line-height: 26px;
    font-weight: 400;
	margin-top:35px;
	text-align:left;
	letter-spacing:0.5px;
	color:#000000;
	}	
.s1_text:nth-child(1){
	margin-top:0;
	}
.mt_0{
	margin-top:0 !important;
	}
.product_block{
	width:100%;
	float:left;
	}	
.product_box{
	width:100%;
	float:left;
	margin-top:50px;
	border:2px solid #d8d8d8;
	border-radius:15px;
	overflow: hidden;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
	}
.green_border{
	border:2px solid #31a42c;
	}
.prod_box_header{
	width: 100%;
    float: left;
    background: #d8d8d8;
    padding:25px 60px 30px;
    position: relative;
    text-align: left;
	}
.green_border .prod_box_header{
	background:#31a42c;
	}	
.green_border  .prod_box_heading{ color:#fff;}
.green_border .prod_box_heading span{ color:#fff;}	
.prod_box_heading{
    font-family: 'Lato';
    font-size: 35px;
    line-height: 43px;
    font-weight: 900;
    color: #000000;
    padding-left: 90px;
	}
.prod_box_heading span{
    position: absolute;
    top: 50%;
    left: 50px;
    font-size: 60px;
    color: #000;
    margin-top: -22px;
	}

.prod_box_inner{
    width: 100%;
    float:left;
    padding: 50px 45px;
	}
.product_img{
	float: left;
    margin: 40px 44px 0 0;
	}	
a.text_link{
	color:#156dff;
	text-decoration:2px underline;
	}	
.spot_box{
	width:100%;
	float:left;
	background:#fffde2;
	border:2px solid #d9ccaa;
	margin-top:35px;
	padding: 15px;
	text-align:left;
	}	
.spot_text{
	font-size:18px;
	line-height:28px;
	letter-spacing: 0.5px;
	font-weight:bold;
	color:#000000;
	}	
.product_btn{
    display: inline-block;
    vertical-align: top;
	width: 100%;
	max-width:532px;
    height: 70px;
    font-family: 'Lato';
    font-size: 22px;
    line-height: 70px;
    font-weight: 900;
	text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #31a42c;
    margin-top: 40px;
    border-radius: 8px;
	box-shadow: 6px 6px 11px 2px rgba(0, 0, 0, 0.2)
	}	
.spot_box2{
	width:100%;
	float:left;
	background:#fff9f9;
	border:1px solid #efb7b7;
	margin-top:35px;
	text-align:left;
	padding:20px 15px;
	}	
	
a.product_link{
	width:100%;
	display: inline-block;
    vertical-align: top;
	font-size:19px;
	line-height:27px;
	font-weight:900;
	color:#000000;
	text-align:left;
	margin-top:40px;
	text-decoration:2px solid underline;
	}	
	
/*--------------------------
		SECTION 2
-----------------------------*/	
.section_2{
	width:100%;
	float:left;
	padding:60px 0 70px;
	background:#f4f6f9;
	}		
.limit_offer_box{
	width:100%;
	float:left;
	background:#ffffff;
	border:2px solid #8c8d8f;
	border-radius:10px;
	overflow:hidden;
	margin-top:40px;
	}	
.offerbox_left{
	width:48%;
	float:left;
	}	
.s2_product_img{
	display:block;
	margin:0 auto;
	}	
.offerbox_right{
	width:52%;
	float:right;
	padding:30px;
	}
.offer_time{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:380px;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	text-transform:uppercase;
	position:relative;
	}
.offer_time span{
	color:#ff0000;
	position:relative;
	background:#ffffff;
	z-index:1;
	padding:0 10px;
	}	
.offer_time:before{
	content:'';
	position:absolute;
	top:12px;
	left:0;
	right:0;
	background:#cecece;
	height:1px;
	}

.offer_head{
	font-size:36px;
	line-height:44px;
	font-weight:900;
	color:#000000;
	margin-top:10px;
	}
ul.s2_list{
	display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 314px;
    text-align: left;
    margin-top: 15px;
	}
ul.s2_list li{
	width:100%;
	float:left;
	font-size:18px;
	line-height:26px;
	font-weight:400;
	margin-top:5px;
	background:url(../images/green-tick.png) no-repeat center left;
	padding-left: 30px;
	}
ul.s2_list li:nth-child(1){
	margin-top:0;
	}
.button_box{
    width: 100%;
    max-width: 420px;
    display: inline-block;
    vertical-align: top;
	}
.s2_product_btn{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 70px;
    font-family: 'Lato';
    font-size: 22px;
    line-height: 70px;
    font-weight: 900;
	text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #31a42c;
    margin-top: 25px;
    border-radius: 8px;
	box-shadow: 3px 4px 6px 1px rgba(0, 0, 0, 0.2);
	}	
	
.btn-txt{
	float:left;
	width:100%;
	margin-top:10px;
	color:#000;
	}
.btn-txt span{
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	line-height:15px;
	font-weight:400;
	padding:0 15px;
	letter-spacing:0.2px;
	border-right:1px solid #424242;
	}
.btn-txt span:first-child{ padding-left:0;}
.btn-txt span:last-child{ border-right:none; padding-right:0;}
.banner .btn-txt span{ color:#fff;}
.btn-txt span img{
	display:inline-block;
	vertical-align:middle;
	margin: -3px 7px 0 0;
	}	
.green_dot{
    display: inline-block;
    vertical-align: middle;
    margin: -5px 7px 0 0;
	}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
 	}	
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}	

.hourglass{
	animation:rotateP 2.5s  ease-in-out forwards infinite 
  }
@keyframes rotateP{
	0%{
	  transform:rotate(0)
	}
		50%{
	transform:rotate(180deg)
	}
	100%{
	 transform:rotate(180deg)
	}
  } 
@keyframes rotate{
	0%{
	  transform:rotate(00deg)
	}
	100%{
	  transform:rotate(360deg)
	}
  }
@keyframes fade{
	0%{
		opacity:100%;
	}
	50%{
		opacity:30%;
	}
	70%{
		opacity:100%;
		}
	100%{
		opacity:100%;
	}
	}
/*-------------------------
		FOOTER
---------------------------*/
.footer {
	width: 100%;
	float:left;
    padding: 50px 0 50px;	
	}
.footer_img{
	display:inline-block;
	vertical-align:top;
	
	}
.footer_terms {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color:#000000;
    margin-top: 25px;
	}
.footer_terms a {
	padding:0 15px;
	}
.footer_text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-top: 20px;
    color:#000000;
	}
	
/*=======Media Query========*/
.show-mob, .show-tab {display: none;}
.fl{ float:left;}
.fr{ float:right;}	

@media only screen and (max-width:1200px){
.container{width:1004px;}


}


@media only screen and (max-width:1021px){
.container{width:750px;}
.show-desk {display: none;}
.show-tab {display: block;}


.header_logo {display: inline-block;vertical-align: top; max-width: 200px;}

.section_1 {width: 100%;float: left; padding: 30px 0 55px;}
.main_heading {font-size: 29px;line-height: 37px;}
.author_box { margin-top: 25px;}
.product_box {width: 100%;float: left;}
.peptide_textbox{padding: 0 50px; margin-top: 20px;}
.common_text { margin-top: 20px;font-size: 17px;}
.common_heading {font-size: 30px; line-height: 38px;}
.prod_box_inner {width: 100%;float: left;padding: 45px 38px;}
.prod_box_header { padding: 20px 40px;}
.prod_box_heading { font-size: 32px;line-height:40px; padding-left: 80px;}
.prod_box_heading span{ position: absolute; left: 28px;}
.product_img {float: left; margin: 5px 30px 0 0; width: 225px;}

.spot_box {padding:10px 15px 15px;margin-top: 30px;}
.spot_box2 { margin-top: 30px;padding:15px ;}
.spot_text {font-size: 16px; line-height: 24px;}
.product_btn { width: 100%; font-size: 18px;}
a.product_link { font-size: 18px;line-height: 26px; margin-top: 30px;text-decoration: 2px solid underline;}

.section_2 {padding: 50px 0 60px;}
.offerbox_left { width: 43%;float: left;}
.offerbox_right { width: 57%;float: right;}
.offer_time {font-size: 15px; line-height: 23px;}
.offer_head {  font-size: 30px;line-height: 38px; margin-top: 10px;}
ul.s2_list {display: inline-block;vertical-align: top; width: 100%; max-width: 298px;;margin-top: 15px;}
ul.s2_list li {font-size: 17px; line-height: 25px;}
.s2_product_img { display: block;margin: 0 auto;object-fit: cover;height: 456px;}
.btn-txt span {font-size: 12px;line-height: 14px;}

.footer {width: 100%;float: left;padding: 40px 0 50px;}
.footer_img {display: inline-block;vertical-align: top;max-width: 200px;}
.footer_terms {font-size: 14px;line-height: 18px;margin-top: 20px;}
.footer_text {font-size: 13px;line-height: 19px;margin-top: 15px;}


}
@media only screen and (max-width:767px){
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}
.show-mob{display:block;}
.hide-mob{display:none;}

.header {padding: 8px 0;}
.header_logo { display: inline-block;vertical-align: top;width: 150px; }
.section_1 { padding: 20px 0 35px;}
.main_heading {font-size: 22px;line-height: 30px;}
.author_box { padding: 7px 0 7px 70px; margin-top: 25px; }
.author_name { font-size: 12px;line-height: 20px; }
.author_img {top: 4px;left: 7px;max-width: 47px;}
.s1_img {display: block;margin: 20px auto 0; border: 3px solid #ffffff;border-radius: 10px;}
.peptide_textbox{padding:0; margin-top: 10px;}
.common_heading { font-size: 24px; line-height: 32px;}
.common_text {font-size: 16px;line-height: 24px;margin-top: 20px;letter-spacing: 0.3px;}
.product_box {margin-top: 30px;}

.prod_box_header { padding:12px 15px 15px;}
.prod_box_heading { font-size: 22px; line-height: 30px; padding-left: 64px;}
.prod_box_heading span { position: absolute; left: 15px; font-size: 40px; margin-top:-15px;}
.prod_box_inner {  padding: 30px 15px;}

.product_img {display: block;margin: 0 auto 20px;width:230px; float:none;}
.spot_box {padding: 15px; margin-top: 25px; }
.spot_box2 { margin: 25px 0 3px 0;padding:15px;}
.spot_text {font-size: 15px; line-height: 22px; letter-spacing: normal;}
.product_btn { width: 100%; height: 65px; font-size: 15px; line-height: 65px; margin-top: 25px;}
a.product_link {font-size: 16px;line-height: 24px; margin-top: 25px; text-decoration: 2px solid underline; }

.section_2 {width: 100%;float: left; padding: 30px 0 35px;}
.limit_offer_box{ margin-top:25px;}
.offerbox_left { width: 100%; float: left;}
.s2_product_img {display: block; margin: 0 auto;height:auto;}
.offerbox_right { width: 100%; float: right; padding: 25px 20px;}
.offer_time {font-size: 14px;line-height: 22px;width: 100%;max-width: 250px;}
.offer_head {font-size: 24px;line-height: 32px;margin-top: 10px;}
ul.s2_list {max-width: 288px;}
ul.s2_list li {width: 100%;float: left;font-size: 16px; line-height: 24px;}
.s2_product_btn {font-size: 20px;margin-top:25px; height:65px;line-height:65px}
.btn-txt span {font-size: 10px;line-height: 10px;padding: 0px 11px;}

.footer {width: 100%;float: left;padding: 20px 0 25px;}
.footer_img {display: inline-block;vertical-align: top; max-width: 150px; }
.footer_terms {font-size: 12px;line-height: 18px;margin-top: 15px;}
.footer_terms a { padding: 0 8px;}
.footer_text {font-size: 12px;line-height: 18px; margin-top: 10px; }

}

@media only screen and (max-width:360px){

}