@charset "utf-8";
/* CSS Document */
/*-----------------------
FOR HTML 5 RESET CSS
------------------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#2d2d2d;
	text-align:center;
	overflow-x:hidden;
	font-family: 'Merriweather Sans', sans-serif;
	}
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;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width:640px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
.sec1-bg{
	/* background:url("../images/sec1-bg.jpg") center top no-repeat; */
	float:left;
	width:100%;
}
.logo{
	height: 120px;
    position: absolute;
    left: -23%;
    top: 15px;
}
.sec1-hdg{
	float:right;
	margin-right:10px;
	width:67%;
}
.s1-strip{
	font-size:21px;
	line-height:25px;
	color:#fff;
	font-weight: 800;
	text-transform:uppercase;
	background:url("../images/s1-strip-bg.png") right top no-repeat;
	text-align:right;
	float:left;
	width:100%;
	height:95px;
	padding: 42px 35px 0 0;
    margin-top: -20px;
}
.s1-txt{
	clear: both;
	text-align:center;
}
ul.sec1-list{
	margin: -12px 0 0 0;
    padding: 15px;
}
ul.sec1-list li{
	float:left;
	width:100%;
	font-size:26px;
	line-height:30px;
	font-weight: 700;
	text-align:left;
	background:url("../images/sec1-list-img.png") left 5px no-repeat;
	padding-left:50px;
	margin:7px 0;
}
ul.sec1-list li span{color:#0181b9;}
.sec1-prd{

	width: 380px;
}
.excl-offr{
	font-size:30px;
	line-height:34px;
	font-weight: 300;
	background-color: #f1f1f1;
	padding:30px 0 30px 150px;
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	letter-spacing: -0.01em;
	margin-top: 50px;
}
.flag-bnrhm {
	position: absolute;
	width: 66px;
	top: 43px;
	left: 60px;
}

.sec2-bg{
	float:left;
	width:100%;
	padding:20px 0;
}
.s2-hdg{
	font-size:42px;
	line-height:44px;
	color:#005b80;
	font-weight: 800;
	padding:10px 60px;
}
ul.s2-list{
	float:left;
	width:100%;
}
ul.s2-list li{
	float:left;
	font-size:30px;
	line-height:40px;
	margin:20px 0;
	padding:0 20px;
	font-weight: 700;
}
ul.s2-list li img{margin:0 auto 5px; display:block;width: 50%;}


.sec3-bg{
	float:left;
	width:100%;
	padding:20px 0;
}
.sec3-txt1{
	font-size:24px;
	line-height:28px;
	padding:10px 0;
}
.sec3-txt1 span{
	font-size:36px;
	line-height:40px;
	color:#005b80;
	font-weight: 700;
	vertical-align:middle;
}
.comn-hdg{
	font-size:40px;
	line-height:44px;
	color:#005b80;
	font-weight: 700;
	float:left;
	width:100%;
	padding:20px 0 5px;
}
.comn-hdg span{
	color:#0181b9;
}
.sec3-txt2{
	background:url("../images/sec3-hdg-bg.png") center top no-repeat;
	float:left;
	width:100%;
	font-size:22px;
	line-height:34px;
	color:#fff;
	padding:15px 0 75px;
}
.sec3-txt2 span{
	color:#ffae18;
}
.sec3-img{
	background:url("../images/sec3-bg.jpg") center top no-repeat;
	float:left;
	width:100%;
	margin-bottom: 45px;
	padding-left: 5px;
}
.sec3-img img{float:left; margin-top:30px;}
.comn-txt{
	font-size:30px;
	line-height:36px;
	padding:0 10px;
	float:left;
	width:100%;
}
.sec3-txt3{
	font-size:36px;
	line-height:38px;
	font-weight: 700;
	float:left;
	width:100%;
	padding:20px 0;
	border-top:1px solid #ddd;
	margin-top:20px;
}
.sec3-txt3 span{
	color:#005b80;
}
ul.sec3-list{
	background:url("../images/s3-list-bg.png") left top no-repeat;
	width:100%;
	height:122px;
	padding-left:218px;
	padding-top:5px;
	letter-spacing:-1px;
	float:left;
}
ul.sec3-list li{
	font-size:16px;
	line-height:30px;
	text-shadow:1px 1px 1px #fff;
	font-weight: 700;
	text-align:left;
}
ul.sec3-list li:nth-child(2){
	color:#fff;
	text-shadow:1px 1px 1px #3c3c3c;
	margin:9px 0;
}

.strip{
	float:left;
	width:100%;
	background:url("../images/strip-bg.jpg") center top no-repeat;
	background-size: cover;
	padding:15px;
}
.strip-txt1{
	font-size:32px;
	line-height:36px;
	color:#fff;
	text-transform:uppercase;
	font-weight: 700;
}
.strip-txt1 span{
	color:#f8a910;
}
.strip-txt2{
	font-size:27px;
	line-height:31px;
	color:#fff;
	letter-spacing:-1px;
}

.sec4-bg{
	float:left;
	width:100%;
	padding:20px 0;
}
.sec4-prd-img{margin:20px 0;}
ul.sec4-list{
	float:left;
	width:100%;
}
ul.sec4-list li{
	float:left;
	width:100%;
	margin:20px 0;
}
ul.sec4-list li img{
	display:block;
	margin:15px auto;
}
ul.sec4-list li span{
	font-size:33px;
	line-height:35px;
	font-weight: 700;
	padding:5px 0;
}
ul.sec4-list li p{
	font-size:30px;
	line-height:36px;
	font-weight: 300;
	padding:10px;
}
.sec5-bg{
	float:left;
	width:100%;
	padding:20px 0;
}
ul.sec5-list{
	float:left;
	width:100%;
}
ul.sec5-list li{
	float:left;
	width:100%;
	margin:20px 0;
}
ul.sec5-list li img{margin:10px 0;}
ul.sec5-list li span{
	font-size:33px;
	line-height:35px;
	font-weight: 700;
}
ul.sec5-list li p{
	font-size:30px;
	line-height:36px;
	font-weight: 300;
	padding:10px;
}

.sec6-bg{
	float:left;
	width:100%;
	padding:20px 0 130px;
}
.s6-testi-in{
	display:inline-block;
	margin:0 auto;
	width:98%;
}
.s6-testi{
	width:98%;
	margin:120px auto 0;
	border:1px solid #d27061;
	border-radius:10px;
	display:inline-block;
}
.testi-txt1{
	font-size:30px;
	line-height:34px;
	font-weight: 700;
	font-style: italic;
	padding:20px 60px;
}
.testi-cont{
	width:100%;
	background:#0181b9;
	color:#fff;
	float:left;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.testi-img{
	margin-top:-85px
}
.testi-txt2{
	font-size:30px;
	line-height:36px;
	font-weight: 300;
	padding:20px;
	float:left;
}
.testi-txt3{
	background:url("../images/testi-nm-bg.png") left top no-repeat;
	height:55px;
	float:left;
	width:386px;
	font-size:30px;
	line-height:36px;
	color:#e39e93;
	font-weight: 300;
	font-style: italic;
	padding: 10px 40px 0 0;
}
.testi-txt3 span{
	color:#fff;
	font-weight: 700;
	font-style: italic;
}
.star-img{
	float:right;
	margin:10px 40px 0 0;
}

.sec9-bg{
	/* background:url("../images/sec9-bg.jpg") center top no-repeat; */
	float:left;
	width:100%;
	position:relative;
}
.molecule{	
	left: 60px;
    position: absolute;
    top: 330px;
	z-index:999;
}

/*----------------
   FOOTER
----------------*/	
.btn {
	margin: 0 auto 0 auto;
	display: block;
	padding: 20px 0;
	cursor: pointer;
}
.legal {
	margin-top: -4px;
	color: #000000;
	text-align: center;
	padding: 0 0px 0 0;
	height: 130px;
}
.legal a {
	text-decoration: none;
}
#cta {
    max-width: 640px;
    padding: 0 0%;
    background: #0181b9;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index: 10;
    transition: bottom 1s;
    width: 640px;
    display: table;
    height: 135px;
}
.ftr-txt {
	font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000101;
    height: 190px;
    margin: 0 0 0 0;
    padding: 40px 10px 0px 10px;
}
.ftr-txt span{
	padding-top:10px;
	float:left;
	width:100%;
}
.ftr-txt a, .ftr-txt a:hover {
	color: #000101;
	text-decoration: none;
	text-transform: uppercase;
}


.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;   
	
	animation-duration: 1.5s;   
	-webkit-animation-duration: 1.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.9;       
    }
    50% {
        transform: scale(1);
        opacity: 1;   
    }   
    100% {
        transform: scale(0.9);
        opacity: 0.9;   
    }           
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;       
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;   
    }   
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;   
    }           
}


