@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);
body {
    width: 100%;
    height: 100%;
    background:url(../img/mainbg.jpg);
	font-family:'Lato',Arial,Helvetica,sans-serif;
}

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


a:hover{text-decoration:none;}

h1, .h1, h2, .h2, h3, .h3 {
margin-top: 8px;
margin-bottom: 8px;
}


.navbar-custom .navbar-brand {
    background:url(../img/logo.png);
	width:186px;
	height:136px;
}

.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
	background:rgba(0,0,0,.3);
}

.navbar-nav{margin-top:30px;}


.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:15px;
	margin:20px 10px 0 10px;
	padding:8px;
	color:white;
	
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
   outline: 0;
   color:#f3a919;
   background:none;
}

 .navbar {
        padding: 8px 0 5px 0px;
        border-bottom: 0;
        -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;
    }

    .top-nav-collapse {
        padding:0;
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        
		background:rgba(0,0,0,.3);
    }


header{
	background:url(../img/header.jpg) no-repeat;
	max-width:1600px;
	width:100%;
	padding-top:120px;
	padding-bottom:30px;
}

.subpage{
	padding-top:180px;
	background-position: 60% 50%;
	padding-bottom:0px;
	}

.subpage h1{
	font:70px 'Lato',Arial,Helvetica,sans-serif;
	color:white;
	text-align:center;
}





/*carousel*/


.carousel{
	max-width: 1600px;
    margin: 0 auto;
	margin-bottom: -120px;
}

.carousel-indicators {
	  bottom: 18%;
	
}

.carousel-control {
  top: 50%;
  width: 15%;
  font-size: 30px;
  opacity: 1;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
}
.carousel .item {
	min-height: 400px; 
	height: 100%;
	width:100%; 
	max-width: 1000px;
 	margin: 0 auto;
}

.carousel-caption h1
{
	
	font:90px 'Lato',Arial,Helvetica,sans-serif;
	margin:0 auto;
	color:white;
}

.carousel-caption h2
{
	font:bold 61px 'Lato',Arial,Helvetica,sans-serif;
	margin:0 auto;
	color:#fec018;
}

.carousel-inner{  top: -60px;}

.carousel-indicators{display:none;}




.carousel-indicators .active {
  background: white;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(245, 31, 44);
  border: 1px solid #fff;
  border-radius: 10px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header hr{
	border-top:1px solid white;
	border-bottom:none;
	width:50%;
}


.orderbtn{
	background:#f34313;
	border-radius:5px;
	padding:5px;
	color:white;
	width:100%;
	max-width:344px;
	font-size:45px;
	font-weight:300;
	text-align:center;
	transition:background .3s ease-in;
	margin:0 auto 10px;
	border:1px solid #fd7c26;}
}

.orderbtn:hover{
	background:#14b2e4;
	color:white;
}



section{padding:30px 0 20px 0;}

#bg2{
	background:url(../img/redbg.jpg);
	padding-top:15px;
	width: 100%;
	max-width:1600px;
	}





#bg2 p{
	color:white;
}

.couple{
	max-width:602px;
	height:100%;
	max-height:380px;
	padding-top:20px;
}

#bg3{
	background:url(../img/chartbg.jpg);
	border:1px solid white;
}

.testi-text{margin-top:30px;}

#orderbg{
	background:url(../img/orderbg.jpg) no-repeat;
	max-width:1800px;
	background-position: 73% 0%;
}

#orderbg h1, #orderbg h2{color:white;}

#footerbg{background:url(../img/footerbg.jpg);}
#footerbg hr{border:1px solid #333834;}

#bannerbg{
	background:url(../img/bannerbg.jpg);
	width: 100%;
	max-width:1600px;
	}

#bannerbg hr{
	border:1px solid #424343;
	width:70%;
}

.ingredients{
	padding:10px;
	border:2px dashed #e7e7e7;
}

.pull-left{margin-right:15px;}

/*order*/

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}



.promos {
  max-width: 1140px;
  margin: 0 auto;
  margin-top:25px;
  
}

.promo {
  margin: 1em .5em 1.625em;
  padding: .25em 0 2em;
  background-color:#241312;
  font-weight: 400;
  line-height: 1.625;
  color: #f9f9f9;
  text-align: center;
}
@media (min-width: 40em) {
  .promo {
    display: inline;
    float: left;
    width: 33.333%;
    margin: 1em 0 0;
  }
  .promo.first {
    border-right: none;
	background:#241312;
  }
  .promo.second {
    float: right;
    border-left: none;
	background:#241312;
  }
}
.promo h4 {
  margin: .25em 0 0;
  font-size: 227%;
    font-weight: bold;
    text-transform: uppercase;
	color:white;
}

.promo .features {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #999999;
}
.promo li {
  padding: .25em 0;
  text-shadow:black 1px 1px 1px;
  font-size:20px;
  font-weight:600;
}
.promo .brief {
  color: #f9f9f9;
}
.promo .price {
  margin: .5em 0;
  padding: .25em 0;
  background: #292b2e;
  font-size: 250%;
  color: white;
  font-weight:700;
}
.promo .buy {
  margin: 1em 0 0;
  
}
.promo button {
background:#f34313;
color:white;
max-width:250px;
width:100%;
font-size:18px;
font-weight:bold;
padding:15px 10px 15px 10px;
border-radius:5px;
text-align:center;
border:1px solid #fd7c26;
}
  
}
.promo button:hover {
 	opacity:0.8;
}


@media (min-width: 40em) {
  .scale {
    transform: scale(1);
    box-shadow: 0 1px 4px 1px rgba(20, 20, 20, 0.8);
  }
  .scale .price {
    color: white;
	font-size: 350%;
  }
}

.save {color:#fff; text-transform:uppercase; font-size:25px; font-family: 'Dosis', sans-serif;}

.promo.third {
    background:#a31b29;
	margin-top:-8px;
  }
  
  
  .promo.first, .promo.second {
   
	background-color:#241312;
  }





/*text styles*/


h1{
	font-size:55px;
	color:#760505;
	margin-bottom:15px;
	font-weight:900;
}

h2{
	color:#fa472c;
	font-size:40px;
	margin-bottom:15px;
	font-weight:900;
}

h3{
	font-size:35px;
	color:#730913;
	font-weight:700;
	margin-bottom:15px;
}

h4{
	font-size:18px;
	color:#710813;
}


p{
	font-size:18px;
	line-height:20pt;
	color:#222121;
	letter-spacing:1px;
}

.italic{font-style:italic;}





/*footer*/
footer{
	background:none;
	padding:10px 0 20px 0;
	color:white;
	text-align:center;
}

footer a{
	color:white;
	font:12px 'Lato',Arial,sans-serif;
}

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

footer small{
	color:white;
}

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

/*order table*/




@media (max-width:1030px){
	
	.carousel-caption h2{font-size:56px;}
	.orderbtn{font-size:50px;}
	#benefits .col-md-4{margin-top:91px;}
	#testibg .col-md-5{margin-top:30px;}
	
	
}


@media (max-width:780px){
	.navbar-nav{margin-top:0px;}
	.carousel-caption h1{font-size:80px;}
	.carousel-caption h2{font-size:45px;}
	#orderbg{background-size: cover;}
	.subpage{  background-position: 46% 0%; padding-top:200px;}
	
}


@media (max-width:680px){
	
	header{padding-top:60px;
	  background-position: 28% 5%;
	}
	.navbar-toggle{color:white;}
	.navbar-nav{margin:0px;}
	.navbar-custom .navbar-brand {
    background:url(../img/logo-xs.png);
	width:167px;
	height:122px;
	margin-left: 15px;
}

.carousel-caption h1 {font-size: 65px;}

.carousel-caption h2 {font-size: 45px;}

.carousel-control.left{left:-10%;}
.carousel-control.right{right:-10%;}


.carousel{max-width:500px;}

.subpage h1{font-size:50px;}

}



@media (max-width:385px){
	.carousel-caption h1 {font-size: 40px;}
	.carousel-caption h2 {font-size: 28px;}
	.carousel{max-width:300px;}
	header{padding-top:20px;}
	header .col-md-4{margin-left:0px;}
	#benefits .col-md-6:nth-child(2){margin-left:0px;}
	.orderbtn {font-size: 35px;}
	.couple{margin-left: -38px;}
	#orderbg h1{font-size:38px;}
	.subpage h1 {
    font-size: 40px;
}
	h1{
	font-size:45px;
}

h2{
	font-size:30px;
}

h3{
	font-size:25px;
}

h4{
	font-size:18px;
}
}