@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900);


body {
    width: 100%;
    height: 100%;
    font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
    background:#e8fdfd !important;
}

html {
    width: 100%;
    height: 100%;
}

.orderbtn{
	background-color:#289908;
	padding:10px;
	margin:0 auto;
	display:block;
	color:#fff;
	border-radius:5px;
	font-size:30px;
	max-width:500px;
	font-weight:bold;
	transition: .3s ease-in-out
}

.orderbtn:hover{
	background-color:#1b5f08;
}

.orderbtn span{
	color:#fdec34;
}


.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
	background:#fff;
	
}

a, a:hover{text-decoration:none;}


.navbar-custom .navbar-brand {
    background:url(../images/logo.png);
	width:313px;
	height:127px;
	outline:none;
}



.navbar-custom .navbar-brand:focus {
    outline: 0;
}



.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color:white;
}



.navbar-custom .nav li a {
	font-size:17px;
	margin:15px 10px 0 6px;
	padding:10px;
	
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
   outline: 0;
   border-bottom: 1px dotted #fff618;
   color:#fff618;
   background:none;
   
}

@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
		background:#fff;
    }

    .top-nav-collapse {
        padding:10px 0 10px;
    }

   
}

header {
    width: 100%;
    padding: 0px 0 0px 0;
	margin:0 auto;
   }

.tophead{background:url(../images/headban.png) no-repeat;
	 width: 100%;
	height:42px;
	background-position:center;
	margin:0 auto;
	padding:0 auto;
	}	


.logo{
    background:url(../images/logo.png);
	max-width:100%;
	height:95px;
	width:234px;
	background-size: 100% 100%;
	margin-top:75px;
	}
	
	
	
	.badges{
    background:url(../images/badges.png);
	max-width:100%;
	height:181px;
	width:275px;
	background-size: 100% 100%;
	margin-top:55px;
	}
	
	
	.coupletop{
    background:url(../images/couplehead.png);
	max-width:100%;
	height:245px;
	width:271px;
	background-size: 100% 100%;
	margin-top:15px;
	margin-left:55px;
	}




.blue{color:#015ffb;}




#banner{
	background:#289908;
	padding:20px 0 20px 0;
	
}

#banner h4 {
	color:#fff;
	font-size:35px;
	font-weight:900;
}

#banner p{
	color:#fff;
	font-size:35px;
	font-weight:900;
	padding-bottom:15px;
}



#subbanner{
	background:#ea00ff;
	padding:10px 0 10px 0;
	margin-top:135px;
}

#subbanner h4 {
	color:#fff;
	font-size:35px;
	font-weight:900;
}


.pad-fix{margin-top:20px;}

section{
	margin:0px auto;
	
}
section p{
	font-size:18px;
	
	
}


section.section02 {
	margin:0;
	padding: 30px 0 0 0;
	margin-top:0px;
	position:relative;
}

section.section02.ingredients > .container {
    z-index: 5;
    position: relative;
}


section.section02 {
    margin: 0;
    padding: 30px 0 30px 0;
    margin-top: 0px;
    position: relative;
    /* overflow: hidden; */
}

section.section02.ingredients:before {
    content: '';
    background: rgba(12, 21, 58, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: -30px;
}

section.section03 {
	margin:0;
	padding: 50px 0 50px 0;
	margin-top:0px;
	background-color:#e4fcdd;
	margin-top:60px;
	
}


section.section04 {
	margin:0;
	padding: 80px 0 0 0;
	margin-top:0px;
}



.ingredients{background:url(../images/bg-image.jpg) no-repeat ; background-size:cover; background-attachment: fixed;}
.ingredients h4{font:35px 'Montserrat','Lato',Arial,sans-serif;	color:#fff;	letter-spacing:2px;	font-weight:700;}
.ingredients p{font:16px 'Montserrat','Lato',Arial,sans-serif;	color:#000; line-height:15pt;}


#bg2{
	background:url(../images/lab.jpg) no-repeat;
	max-width: 100%;
	background-size: 100% 100%;
	height:450px;
	
	
}

#bg2 h1{
	font-size:59px;
	color:#f7f36b;
	font-weight:900;
}

#bg2 h3{
	font-size:30px;
	color:#f7f36b;
	font-weight:600;
}

#bg2 p{
	color:white;
	font-size:14px;
	line-height:15pt;
}

#bg2 b{font-size:18px; color:#f7f36b;}



/*text styles*/

h1{
	font-size:55px;
	color:#104A5B;
	font-weight:800;
}

h2{
	color:#000;
	font-size:25px;
	font-weight:900;
}

h4{
	color:#a10447;
	font-size:25px;
	font-weight:600;
}

p{
	font-size:15px;
	color:#212121;
	letter-spacing:0.5px;
	line-height:20pt;
	
}

.red{
	color:#fd0225;
}


footer{
	padding:10px 0 10px 0;
	text-align:center;
	background:#313131;
	color:white;
}

footer a{
	font-size:13px ;
	color:white;
}

footer a:hover{
	text-decoration:underline;
	color:white;
}

footer small{
}

footer p{
	color:white;
	font-size:13px;
	line-height:13pt;
}


		




@media (max-width:1030px){
	header{    background-position: 50%;}
	
}



@media (max-width:770px){
	
	
	header {
    width: 100%;
    padding: 0px 0 0px 0;
	margin-top:-50px;
   }
	
	
	.tophead{background:#fff;
	padding:1px 0 1px 0;
	width: 100%;
	height:432px;
	}	
	
	
	#banner{
	background:#004282;
	padding:1px 0 1px 0;
	background:url(../images/topheadsm.jpg) no-repeat;
	max-width:100%;
	width:350px;
	background-size: 100% 100%;
	
	
}


.logo{
    background:url(../images/logo.png);
	max-width:100%;
	height:95px;
	width:265px;
	background-size: 100% 100%;
	margin-top:75px;
	}


.coupletop{
    background:url(../images/couplehead.png);
	max-width:100%;
	height:245px;
	width:271px;
	background-size: 100% 100%;
	margin-top:15px;
	margin-left:15px;
	}
	
	
	
}

@media (max-width:670px){
	
	.navbar-custom .nav li a{
		margin:0;
	}
	
	header {
    background-position: 72%;
}

.navbar-custom .navbar-brand {
    background:url(../images/logo-xs.png);
	width:136px;
	height:70px;
	    margin: 10px;
}
	
	header h1{
		font-size:45px;
		margin-left:0px;
	}
	
	.bg-head{
		margin-top: 0px;
    background:rgba(255,255,255,0.8);
    border-radius: 8px;
	text-align:center;
	}
	




p, #bg2 p{
	font-size:16px;
	line-height:18pt;
}

#bg2 h1 {font-size: 45px;}

#bg2 h3{font-size:20px;}







}

h3.price.text-center {
    background: #104A5B;
    /* width: auto; */
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}

.brain-img{
	float:left; margin-right:15px; width:50%; border-radius:8px; margin-bottom:50px;
}