@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700';
* {
    line-height: normal;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    color: #333;
  	-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
}

ul {
    margin: 0;
    padding: 0;
}



/*----------starts header section--------------*/
header{background-color:#333333;}
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: 15px;
    margin-bottom: 25px;
}
.logo div {
    flex-align: center;
    align-self: center;
    flex: 1;
}
.fixed .logo img {
    
}
.navbar {
    margin-top: 0px;
    margin-bottom: 0px;
    border: none;
    width: 100%;
    transition: all 200ms ease 0s;

}
#navbar {
    padding-left: 0;
    padding-right: 0;
    margin-top: 40px;
    transition: all .2s;
    position: relative;
}
.fixed #navbar {
    
}
.navbar-header {
    float: none;
    margin-top: 0px;
}
.nav.navbar-nav {
    font-size: 20px;
    float: none;
	
}
.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: #ffffff; 
    margin: 0 0 0 15px;
    padding: 0px 0px 0px;
    background:none;
    text-shadow: none;
}
.navbar-brand {
    height: auto;
    border-radius: 0
}
/*----------ends header section--------------*/
/*content-section start*/
.bold{
	font-weight:bold;	
	}
.bg{
	background-color:#333333;
	color:#fff;
        padding: 5px 10px; 	
	}
/*content-section end*/

.macca-root{text-decoration:underline; font-weight:bold; font-size:22px;}
.sidofil li{float:left;padding:5px 10px 10px 0px;font-size:30px;font-weight:bold; list-style-type:disc; margin-left:60px}
.nausea{background-color:#333333;padding:20px 10px 20px 40px;color:#ffffff;}
.nausea h3{color:#ffffff;font-size:18px;}
.nausea li{color:#ffffff;list-style-type:disc;font-weight:bold;font-size:20px; padding-left:15px}
.ordering{padding-bottom:40px; line-height:40px; }
.buy-directly{margin:40px 0px 20px 0px;background-color:#333333;}
.buy-directly span{color:#eecc30;font-size:26px;text-transform:uppercase;font-weight:bold; padding:5px 20px; display:block}
.buy-now-button{margin-top:-20px; position:absolute}

.typical-result{background:#fafafa; margin-bottom:45px}
.typical-result h1{margin-top:20px;}
				
.typical-result li{list-style-type:disc;font-weight:bold;font-size:18px; padding-left:15px}
.based{padding-bottom:20px;}				
				

p {
    font-size: 16px;
    margin: 15px 0px;
	color:#161616;
	line-height:20px;
}
section {
	padding:30px 0px;
    clear: both
}
h1{font-size:26px; line-height:34px; font-weight:bold; color:#161616;}
h2{font-size:26px; font-weight:bold}
.ordering{font-size:32px; margin-top:20px}
.gray-bg{background:#f8f8f8; padding:20px 10px;}
.gray-bg p{line-height:26px;}
.sm-devices {
    display: none;
}
img.mobile {
    display: none;
}
footer {
    background: #333333;
    color: #fff;
	padding:30px 15px;
	text-align:center;
}
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;	
	}
section p:last-child{margin-bottom:0;}
.banner-text{margin:50px 0px}

.side-effects{padding-top:45px}
.side-effects p{font-size:16px; line-height:28px}
.list-inline li{float:left; margin:0; padding:1px}
.logo-quality{top:-35px; position:absolute; z-index:1; left:40px}
.bottom-margin-15{margin-bottom:15px;}
.bottom-margin-45{margin-bottom:45px;}
@media(min-width:1600px){
}
@media (max-width: 1199px) and (min-width: 992px) {
	.side-effects li{font-size:18px}
	.benefits li{padding-left:55px}
	.nav.navbar-nav{font-size:15px;}
	.list-inline li{width:188px;}
	.sidofil li{margin-left:38px}
}
@media (max-width: 991px) and (min-width: 768px) {
    .navbar-nav > li > a,
    .navbar-nav > li > a:hover {
        padding: 15px 6px;
        font-size: 13px;
		margin-left:5px;
		
    }
	
	#navbar {margin-top:6px}
	.side-effects li{font-size:13.5px}
	.benefits li{padding-left:45px; padding-top:8px; padding-bottom:8px; font-size:19px}
	.logo-quality{position:inherit; left:inherit; top:inherit;}
	.buy-now-button{position:inherit; margin:auto; display:block}
}
@media (max-width: 767px) {
	header{border:none;}
    .navbar {
        position: fixed;
        width: 100%;
        top: 0;
		background:#333333;
		z-index:999;
		border-bottom:1px solid #416484;
		}
    body {
        padding-top: 51px;
    }
    .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: #fff;
        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: 70px;
        height: calc(100% - 70px);
        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;
		color:#000;
    }
    .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;}
	.logo-quality{position:inherit; left:inherit; top:inherit; display:block; margin:auto}
	img{display:block; margin:20px auto;}
	.buy-now-button{position:inherit; top:20px}
	.list-inline li{float:none; width:100%}
	
	}
@media (max-width: 639px) {.logo img{width:65%; max-width:265px;}

.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:55px;}
.side-effects li{font-size:17px}
.benefits{margin:20px 0 0}
.benefits li{background:#416484; 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}
.ordering{font-size:18px; margin-top:0px}
.buy-directly span{font-size:19px; padding-top:20px}
h1,h2{font-size:22px;}
.side-effects{padding-top:5px}
}
@media (min-width: 768px) and (orientation: landscape) {
    #navbar {
        display: block !important;
    }
}



/*order*/
.order{
	position:relative;
	margin-bottom:40px;
}
/*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:#00629b;
}
.order .product_order .order_price h4{
	font-size:24px;
	color:#000;
}