@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900&display=swap');

* { margin: 0; padding: 0;}
body {font-family: 'Montserrat', sans-serif;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
html {scroll-behavior: smooth;}

/* Header */
.navbar {background-color: transparent;}
.nav>li>a {position: relative;display: block;padding: 0px 30px;font-size: 14px;font-weight: bold;letter-spacing: 2px;color: #322720;}
#header-container .navbar-right{     margin-top: 27px;}
.navbar .active {border-bottom: 2px solid #9c9c9c;color: #322720;}
#header-container .nav>li>a:focus, #header-container .nav>li>a:hover { background-color: transparent; color:#CCC }
.navbar-brand {float: left;padding: 15px 15px;font-size: 18px;line-height: 20px;height: auto;}
.navbar.navbar-fixed-top.fixed-theme {background-color: #ececec;border-color: #ececec;}
.navbar-fixed-top .navbar{ background-color:#CCC}

/* Banner */
/*-- Main slide --*/
#main-slide .item img {width: 100%;}
#main-slide .item .slider-content {z-index: 0;opacity: 0;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;}
#main-slide .item.active .slider-content {z-index: 0;opacity: 1;-webkit-transition: opacity 100ms;-moz-transition: opacity 100ms;-o-transition: opacity 100ms;
	transition: opacity 100ms;}
#main-slide .slider-content {position: absolute; z-index: 999;top: 80px; left:0; right:0}  
#main-slide .slider-content h2 {font-size: 80px;color:#3a3a3a;font-weight: 800; float:right; line-height:90px; position:relative; margin-right: 50px}
#main-slide .slider-content h2:after{ position:absolute; bottom:0; background-color:#ecf3d3; height:7px; width:50%; content:""; display:block ; bottom:-25px} 
#main-slide .carousel-indicators .active { background-color:#ae6a32;  }
#main-slide .carousel-indicators li{ background:#c4c4c4;   }
#main-slide .carousel-indicators { bottom:20px; right:6% !important }
#main-slide .carousel-indicators { left: inherit; width: 10%;}

 
/* Better Eating */
.better-eating {background-color: #fafcf7;padding: 200px 0px; position:relative}
.heading1{font-size: 45px;color:#3a3a3a;font-weight: 800;}
.better-eating p{ color: #4a494a; font-size: 15px; font-weight: 600; margin-top:30px}
.better-eating .img1{position:absolute; top:0; right:0;}
.better-eating .img2{position:absolute; bottom:0; left:0}
.my-border{ margin-top: 15px; height: 10px; background: #edf4d3;   width: 20%;float: right; }
.my-border1{ margin-top: 15px; height: 10px; background: #edf4d3; width: 150px;display: inline-block;} 
.my-border2{ margin-top: 15px; height: 10px; background: #edf4d3; width: 150px;display: block;} 
/*------ everyday-------*/

.everyday {background-color: #fafbf7;padding: 40px 0px 40px 0px;}
#everyday_carousel{ margin:50px auto; } 
#everyday_carousel .item {background: #eff0f1;padding: 100px;}
#everyday_carousel .owl-dot.active span { background: #ae6a32;}
#everyday_carousel .owl-nav.disabled+.owl-dots { float: left; margin-top: 25px;}
 
/*.......Ingredients.......... */
.Ingredients{background-color: #fafbf7;padding: 40px 0px 40px 0px;} 
.Ingredients p{color: #4a494a; font-size: 15px;position: relative; font-weight: 600;}
.Ingredients p:after{position:absolute; bottom:0; background-color:#ecf3d3; height:7px; width:50%; content:""; display:block ; bottom:-25px} 
.Ingredients ul li{ text-align:center; padding:20px; display:inline-block;margin: 10px 20px;width: 28%;}
.Ingredients ul li h6{ color:#747577; font-size:18px; font-weight:600; text-align:center; text-transform:uppercase}

/*......Something...*/
.Something{background-color: #fafbf7;padding: 40px 0px 40px 0px;}
.pord{text-align: center; margin: 30px 0;}
.pord h5{color:#747577; font-size:18px; font-weight:600; text-transform:uppercase}

/*......logo..*/
.logo-part{ background-color: #fafbf7;padding: 40px 0px 40px 0px;}
.ak_LogoList{ margin:30px 0 20px 0}
.ak_LogoList .logo { padding: 35px 13px;}
.ak_LogoList .logo img {-webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.ak_LogoList .logo img:hover { -webkit-transform: scale(1.1);  -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);opacity:.5}
 


/* Copyright*/
.copyright {background-color: #dfdede;padding: 20px 0px;font-size: 14px;text-align: center;color: #747577; text-transform:uppercase; font-weight:600}
 
@media only screen and (max-width : 768px) {
.navbar-toggle {background-color: #104fa0;margin-top: 14px;}
.navbar-toggle .icon-bar {background-color: #fff;}
.nav>li>a {padding: 21px 15px 10px 15px;font-size: 14px;}
#main-slide .slider-content .ak_txti_div {margin: 0 auto;width: 60%;}
}

@media only screen and (max-width : 480px) {
	.carousel-inner {padding-bottom: 40px;}
	#main-slide .slider-content h2 {font-size: 20px; line-height: 22px; float: left; margin-right: 0;}
	#main-slide .slider-content {padding-left: 150px;top: 0;}
	.heading1 {font-size: 26px; color: #3a3a3a; font-weight: 800;text-align: center;}
	.my-border1,.my-border2 {display: block; margin: 25px auto 0;}
	.better-eating .img1,.better-eating .img2{position: static;}
	.better-eating .img1 img,.better-eating .img2 img{width: 100%;}
	#everyday_carousel .item {background: #eff0f1; padding: 0px;}
	.better-eating{padding: 20px 0px;}
	.Ingredients p{text-align: center;}
	.Ingredients ul {margin-top: 20px;}
	.Ingredients ul li {padding: 5px; display: block; float: left; width: 32.3%; background: #f5f5f5; min-height: 140px; margin-bottom: 0.5%;margin-top: 0.5%; margin-left: 0.5%; margin-right: 0.5%; border-radius: 10px; text-align: center; }
	.Ingredients ul li img {margin: 10px auto; max-width: 50px; }
	.Ingredients ul li h6{text-align: center; font-size: 14px; color: #444; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; min-height: 35px; }
	.ak_LogoList .logo {padding: 15px 10px;}
	.ak_LogoList .logo img {max-width: 180px;}
	#main-slide .carousel-indicators {left: auto!important; width: 100%; right: auto!important; position: static!important; top: auto!important; bottom: auto!important; margin: 0 0 20px 0!important; }
	.better-eating p {font-size: 13px;font-weight: 600;line-height: 24px;text-align: center;}
	#everyday_carousel .owl-nav.disabled+.owl-dots {float: none; margin-top: 25px;}
	.Ingredients p:after {position: static; display: block; bottom: auto; margin: 20px auto 0;}
}