@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700italic);

@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700';
* {
    line-height: normal;
}
body {
    font-family: 'Roboto Slab';
    color: #333;
    /*padding-top: 90px;*/
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;
}
.contmargin {
    margin-top: 30px
}
img {
    max-width: 100% 
}
a,
a:hover {
    text-decoration: none;
}
h1,h2{margin:0; padding:0}
h1 {
    font-size: 32px
}
.bg { background:#ffffff;  padding: 5px 10px;}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*----------starts header section--------------*/
header{border-top:5px solid #115c8f; background:url(../images/main_bg.jpg) no-repeat right; background-size:cover;}
header p{font-size:22px;}
.navbar-brand {
    padding-left: 0
}
.container {
    max-width: 1130px
}
.topheader {
    background: url(../images/bg_header.html);
    background-size: cover;
}
.logo img {
    float: left;
    /* width:250px;*/
    
    transition: all 200ms ease 0s;
}
.logo {
    margin-top: 17px;
    margin-bottom: 10px;
}
.logo div {
    flex-align: center;
    align-self: center;
    flex: 1;
}
.fixed .logo img {
    /*width:200px;*/
}
.navbar {
    margin-top: 0px;
    margin-bottom: 0px;
    border: none;
    /*position: fixed;
    top: 0;*/
    width: 100%;
    transition: all 200ms ease 0s;

}
#navbar {
    padding-left: 0;
    padding-right: 0;
    margin-top: 38px;
    transition: all .2s;
    /*margin-left:-15px !important; margin-right:-15px !important;*/
    
    position: relative;
}
.fixed #navbar {
    /*margin-top:14px;*/
}
.navbar-header {
    float: none;
    margin-top: 8px;
}
.nav.navbar-nav {
	font-family: Arial;
    font-size: 16px;
    float: none;
	text-transform:uppercase;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    padding: 0;
    margin: 0
}
.navbar-brand,
.navbar-nav > li {
    margin: 0px;
    display: inline-block;
    float: none;
 
}
.navbar-nav > li:last-child {
    background: none
}
.navbar-nav > li > a,
.navbar-nav > li > a:hover {
    color: #545454;
    margin: 0 0 0 15px;
    padding: 10px 0px 0px;
    background: none;
    text-shadow: none;
}
.navbar-brand {
    height: auto;
    border-radius: 0
}
/*----------ends header section--------------*/

.main-heading
{
	text-align:center;
	margin-top:20px;
	font-size:60px;
}
p {
    font-size: 16px;
    margin: 20px 0px;
}
section {
	padding:45px 0px;
    clear: both
}
h1{font-size:27px; font-weight:bold; color:#115c8f;}
h2{font-size:24px; font-weight:bold; color:#115c8f;}
.testi-name { font-size:18px; font-weight:bold; color:#115c8f;}
.testi-place { font-size:16px; font-weight:500; color:#115c8f;}
.testi-para { margin: 5px 0px !important; }
section.gray-bg{background:#f1f3f6}
.sm-devices {
    display: none;
}
img.mobile {
    display: none;
}
footer {
    background: #115c8f;
    color: #fff;
	padding:40px 15px;
}
footer .footer-link{
 list-style-type:none; 
}
footer .footer-link li{
 display:inline-block;
 padding-right:10px; 
 }
footer .footer-link li a{
 text-decoration:none;
 color:#fff; 
 }
footer .footer-link li a:hover{
 text-decoration:underline; 
 }
footer {
    color: #fff;
 	padding:30px 15px;
 	text-align:center;
}
section p:last-child{margin-bottom:0}
.menu-bottom{border-bottom:5px solid #115c8f; margin:0px 15px; clear:both}
.banner-text{margin:50px 0px}


.side-effects p{font-size:16px; line-height:28px}
.side-effects li{position:relative; width:32%; display:inline-block; margin:auto; font-family:'Roboto Condensed'; color:#fff; background:#115c8f; font-size:22px; text-align:center; text-transform:uppercase; padding:6px; }

.side-effects li:nth-child(2n){margin-left:1.5%; margin-right:1.5%}
.gray-bg ul{color:#115c8f; font-size:18px; font-weight:bold; margin-top:40px}
.gray-bg ul li{position:relative; padding-left:40px; position: relative; margin-left:40px}
.gray-bg ul li:before{content:"•"; left:0; position:absolute}
.gray-bg img{margin-top:-30px}
.gray-bg h2{padding-top:30px; clear:both;}


.bluebg{padding:0}
.bluebg > div{background:#115c8f; color:#fff; padding-top:40px; padding-bottom:40px}
.bluebg h1,.bluebg h2{color:#fff; font-size:28px; font-weight:bold}
.bluebg h2{border-bottom:1px solid #5a82a6; padding-bottom:20px; padding-top:5px}
.bluebg p:last-child{margin-top:-15px}

.benefits{margin-top:25px; font-family:'Roboto Condensed'; margin-left:50px;}
.benefits li:before{background:#115c8f; transform: skewX(-25deg); content:""; position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0}
.benefits li:after{width:0; height:0; border-left:11px solid #fff;  border-top:17px solid transparent;  ;  border-bottom:14px solid transparent; content:""; position:absolute; transform: skewX(-25deg); left:15px; top:4px;}
.benefits li{color:#fff;margin-bottom:8px; font-size:26px; padding:3px 0 3px 85px; position:relative}


.item-wrapper{clear:both}
.item{float:left;width:50%; margin-bottom:45px}
.item:nth-child(odd) {padding-right:50px;}
.item:nth-child(even) {padding-left:50px;}
.item_img,.description{float:left;}
.item_img{width:98px; padding-top:23px; margin-right:-2px;}
.description{width:calc(100% - 98px);}
.description h2{font-size:22px; font-weight:bold; text-transform:uppercase; margin-left:30px;}
.description p{margin-left:30px; font-size:12px}
.experience h1{color:#131414;}
.conclusion h1{color:#131414; font-size:38px; margin-bottom:15px}
@media(min-width:1600px){
}
@media (max-width: 1199px) and (min-width: 992px) {
	header{border-top:5px solid #115c8f; background:url(../images/main_bg.jpg) no-repeat center; background-size:cover;}
	.side-effects li{font-size:18px}
	.benefits li{padding-left:55px}
	.nav.navbar-nav{font-size:15px;}
}
@media (max-width: 991px) and (min-width: 768px) {
	header{border-top:5px solid #115c8f; background:url(../images/main_bg.jpg) no-repeat center; background-size:cover;}
    .navbar-nav > li > a,
    .navbar-nav > li > a:hover {
        padding: 15px 6px;
        font-size: 13px;
		margin-left:5px;
    }
	
	#navbar {margin-top:1px}
	.side-effects li{font-size:13.5px}
	.benefits li{padding-left:45px; padding-top:8px; padding-bottom:8px; font-size:19px}
}
@media (max-width: 767px) {
	header{border:none;}
    .navbar {
        position: fixed;
        width: 100%;
        top: 0;
		background:#fff;
		z-index:999;
		border-bottom:5px solid #115c8f;
		}
    body {
        padding-top: 82px;
    }
    .logo {
        text-align: center
    }
    .logo img {
        float: none;
    }
    .logo+div {
        position: absolute;
        left: 0;
        top: 0
    }
    .navbar-toggle {
        display: block;
        float: none;
        margin-top: 0px;
        transition: all .2s;
    }
    .navbar-toggle .icon-bar,.navbar-toggle .icon-bar + .icon-bar {
        height: 6px;
        background: #333;
        margin-top: 7px;
        width: 40px;
    }
	
    .navbar-header {
        display: block;
        z-index: 2;
        margin-top: 6px;
        margin-left: 15px;
        right: 0;
    }
    #navbar {
        background: #fff;
        position: fixed;
        z-index: 99;
        width: 290px;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.47);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.47);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.47);
        display: none;
        top: 82px;
        height: calc(100% - 82px);
        left: 0px;
        margin-top: 0;
        transition: none;
    }
    #navbar ul {
        height: 100%;
        overflow-x: hidden;
        width: 100%;
        margin: 0;
    }
    #navbar ul li {
        display: block;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
    }
    .navbar-nav > li {
        background: none;
    }
    .navbar-nav > li > a,
    .navbar-nav > li > a:hover {
        font-size: 16px;
        margin: 0;
        padding: 15px
    }
    .navbar-nav > li.active > a {
        color: #000;
        border-bottom: none
    }
    .navbar-nav > li > a:hover {
        color: #fff;
        background: #333
    }
    #navbar .navbar-nav li ul {
        position: inherit;
        width: inherit;
        z-index: 9999;
        border: none;
        text-align: left
    }
	.navbar-toggle{border-radius:0;}
    #navbar .navbar-nav li ul li a {
        border-bottom: none
    }
	.menu-bottom{display:none;}
	.item{float:none; width:100%;clear:both; }
	.item:nth-child(even),.item:nth-child(odd){ margin:30px 0px; padding:30px 0px;}
	.side-effects li:nth-child(2n){margin-left:0; margin-right:0}
	.description h2{font-size:21px;}
	.side-effects li{width:100%; margin-bottom:10px;}
	.gray-bg img, .bottle{margin:20px auto; display:block;}
	.benefits{ margin:20px 10px;}
	.benefits li{padding-left:45px; padding-top:8px; padding-bottom:8px; font-size:19px;}
	.experience{padding-bottom:0px}
	.item-wrapper{clear:both;}
	
	}
@media (max-width: 639px) {.logo img{width:65%}

.navbar{height:75px;}
#navbar {
        top: 75px;
        height: calc(100% - 75px);
    }
 .navbar-header {margin-top:14px; margin-left:0}
.navbar-toggle .icon-bar + .icon-bar,.navbar-toggle .icon-bar{width:30px;margin-top: 2px; height:4px;}
body{padding-top:65px;}
.side-effects li{font-size:17px}
.benefits{margin:20px 0 0}
.benefits li{background:#115c8f; padding-left:30px; font-size:16px;}
.benefits li:before{display:none;}
.benefits li:after{border-left:8px solid #fff; border-top:9px solid transparent; border-bottom:6px solid transparent;}
.logo{margin-top: 24px;}
.benefits li:after{top:10px}
}
@media (min-width: 768px) and (orientation: landscape) {
    #navbar {
        display: block !important;
    }
}

/*order*/
.order{
	position:relative;
	margin-bottom:20px;
        margin-top:20px;
}
/*order_title*/
.order .order_title{
	position:relative;
}
.order .order_title h2{
	position:relative;
	color:#4f8db6;
	text-transform:uppercase;
	font-size:60px;
	text-align:center;
	margin-top:60px !important;
	font-family: 'oswaldlight';
}
.order .order_title h2 span{
	font-weight:700;
	font-family: 'oswaldbold';
}
.order .order_title h3{
	color:#fff;
	font-size:31px;
	display:block;
	text-align:center;
	padding:15px 0px;
	margin-top:0px;
	text-transform:uppercase;
	background-color:#4f8db6;
}
.order .order_title .order_today{
	position:relative;
	color:#000;
	font-size:60px;
	margin-top:60px !important;
}
.order .order_title .order_today span{
	font-weight:700;
	font-family: 'oswaldbold';
}
.order .product_order{
	padding-top:40px;
}
.order .product_order .product_img{
	position:relative;
	background-color:#999999;
	padding-bottom:50px;
	min-height:514px;
}
.order .product_order .product_img h2.supply{
	position:relative;
	color:#fff;
	font-size:28px;
    padding:14px 20px;
	display:inline-block;
	margin:0px !important;
	z-index:99;
	margin-left: -4px !important;
	margin-top:40px !important;
	background-color:#333333;
	font-family: 'oswaldlight';
}
.order .product_order .product_img h2.supply span{
	font-weight:700;
	margin-right:10px;
}
.order .product_order .product_img img{
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}
.order .product_order .product_img h3{
	color:#fff;
	font-size:24px;
	margin:0px;
	text-align:center;
	padding:35px 0px;
}
.order .product_order .product_img.product_img2{
	background:url(../images/6_botle_bg.png) no-repeat;
	background-size:cover;
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
}
.order .product_order .product_img.product_img2 .supply,
.order .product_order .product_img.product_img2 .supply:after{
	background-color:#4f8db6;
	margin-top:0px !important;
}
.order .product_order .order_price.order_price2 a{
	position:relative;
    top: 0px;
    margin-top: -6px;
}
.order .product_order .order_price{
	position:relative;
        font-family: 'Oswald', sans-serif;
}
.order .product_order .order_price a{
	position:relative;
	display:inline-block;
	margin-top: -20px;
    top: -10px;
}
.order .product_order .order_price h3{
	color:#000;
	font-size:48px;
}
.order .product_order .order_price h2{
	font-size:24px;
	color:#4f8db6;
}
.order .product_order .order_price h4{
	font-size:24px;
	color:#000;
}