@font-face {
	font-family: 'Conv_madame';
	src: url('fonts/madame.eot');
	src: local('☺'), url('fonts/madame.woff') format('woff'), url('fonts/madame.ttf') format('truetype'), url('fonts/madame.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GOTHAM-BOOK';
	src: url('../fonts/GOTHAM-BOOK.eot');
	src: local('☺'), url('../fonts/GOTHAM-BOOK.woff') format('woff'), url('../fonts/GOTHAM-BOOK.ttf') format('truetype'), url('../fonts/GOTHAM-BOOK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{ font-family: 'Conv_GOTHAM-BOOK', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; 
font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px;
background: url(../images/bodybg.jpg) no-repeat top center;  background-size:100%;}

.navbar{border:0;}
.sticky .navbar{border:0; margin-bottom:10px; padding-top:10px;}

#banner{width:100%; float:left; position:relative; z-index:2;}

#aboutussection{width:100%; float:left;background: url(../images/sectionbg2.png) no-repeat center top; background-size:100%; margin-top:-20em; padding:20em 0 7.5em;}

#aboutussection .aboutussection { background:none; width: 100%; float: left; padding: 20px;color: #10551e; text-align: center; margin: 0;}

#aboutussection .aboutussection h2{background:none; font-family: 'Conv_GOTHAM-BOOK'; color:#fff; text-transform: uppercase; font-size:26px;}
#aboutussection .aboutussection p{ color:#fff; padding:0 8em; font-family: 'Conv_GOTHAM-BOOK';}



#productsectione{width:100%; float:left; background:#fff; padding-top:50px;}
#productsectione .productsectione{width:100%; float:left; text-align:center;}
#productsectione .productsectione h2{background:none; font-family: 'Conv_GOTHAM-BOOK'; color:#ad262a; margin:20px 0 0; text-transform: uppercase; font-size:26px;}
#productsectione .productsectione p{ color:#4e4a4a; padding:0 8em; font-family: 'Conv_GOTHAM-BOOK';}

.productsectionetabele{width:70%; float:left; margin:0 15%;}
.productsectionetabele p.majoriin{font-weight:bold; font-size:16px;}

.aboutproducttabele{background:none; width:100%; float:left; padding:20px; color:#004205; text-align:left; margin-top:0em; position:relative;}

.protable{width:100%; float:left; margin-bottom:10px; text-align:left; color:#004205;}
.protable td.tabletd1{padding:10px;width:40%; font-weight:bold; border:#004205 1px solid;}
.protable td.tabletd2{padding:10px;width:60%; border:#004205 1px solid;}
#productsectione .productsectione p.naturemakes{ text-align:left; color:#004205; padding: 0 12em; width:100%; float:left; }


#sixproductsbar{width:100%;background:url(../images/footer-bg.jpg) no-repeat top center;  background-size:100%; float:left; color:#fff; padding-top:50px;}
#sixproductsbar h4{ color:#fff; text-align:center; font-size:20px; text-transform: uppercase; }
#sixproductsbar .sixproducts{width:33%; float:left; margin-bottom:50px;}
#sixproductsbar .sixproducts img{width:100px; float:left; margin-right:20px;}
#sixproductsbar .sixproducts p{width:50%; float:left; padding:0; text-align:left; color:#fff;}
#sixproductsbar .sixproducts p span{width:100%; float:left; color:#ddb70d;}


#product1{width:100%; float:left; margin-top:20px;}

#product1 .container{width:1100px;}
#product1 .owl-carousel .owl-item .item{text-align:center;}
#product1 .owl-carousel .owl-item img{height:250px; width:auto; display: inline;}

#product1 .owl-carousel .owl-nav{position:absolute; top:42%; width:100%;}

#product1 .owl-carousel .owl-nav .owl-prev{float:left;background: url(../images/l-arrow.png) no-repeat top center; width:40px; height:40px; margin-left:-2em;}
#product1 .owl-carousel .owl-nav .owl-next{float:right;background: url(../images/r-arrow.png) no-repeat top center;width:40px;height:40px; margin-right:-2em;}

#product1 .owl-carousel .owl-nav .owl-prev span,
#product1 .owl-carousel .owl-nav .owl-next span {color:#fff;}



#stayhealthyna{width:100%; float:left; background: url(../images/stayhealthynabg.jpg) no-repeat top center;  background-size:100%; padding:14.5em 0 11.8em;}
#stayhealthyna .stayhealthyna{width:70%; float:left; background:rgba(0, 0, 0, 0.7); text-align:center; margin:0 15%;}
#stayhealthyna .stayhealthyna h2{background:none; font-family: 'Conv_GOTHAM-BOOK'; color:#fff; margin:50px 0 0; font-size:24px; line-height:30px;
text-transform: uppercase; }
#stayhealthyna .stayhealthyna p{ color:#fff; padding:20px 50px;}


footer{width:100%; float:left;}
footer h5{text-transform: uppercase; }
footer .logo-black{display:none;}


#project-contact-form{color:#fff;}
#project-contact-form input{color:#fff;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important;
}

/* fade slider */
.slides { float:left;
    height:800px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
    width:100%;
}
.slides ul {height:400px;
    list-style:none;
    position:relative;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}


@media (min-width: 320px) and (max-width: 560px) {	

header nav .chaingroupmenu{position:absolute; right:0; top:10px; z-index:99; width: 100%;}
header nav.nav-box-width{padding: 0 0px;}
.navbar-default .navbar-collapse{margin-top: 4em; background:rgba(115,168,51,0.8); width: 100%;}
nav.navbar.navbar-default ul.nav > li > a{padding: 5px 0;}

header .logo-black{display:none;}

.chaingrouplogo{width: 50%;}
.header-social-icon{padding-left: 50px;top: -22px;}
.header-searchbar{top: -15px;}

.slides{height: 250px;}
.slides ul{padding:0;}
#aboutussection{margin:0;padding:0; background-size: cover;}
#aboutussection .aboutussection p{padding: 0 0em;}

#productsectione .productsectione h2{font-size: 20px;}
#productsectione .productsectione p{padding: 0 0em;}

#sixproductsbar{background-size: cover;}
#sixproductsbar h4{font-size: 17px;}
#sixproductsbar .sixproducts{width: 100%;margin-bottom: 10px;}
#sixproductsbar .sixproducts img{width: 50px;}
#sixproductsbar .sixproducts p{width:75%;}

.videos iframe{width: 100%;}

#stayhealthyna{background-size: cover;padding: 10px;}
#stayhealthyna .stayhealthyna{width: 100%; margin:0;}
#stayhealthyna .stayhealthyna h2{font-size: 18px;}
#stayhealthyna .stayhealthyna p{padding: 10px;}

#product1 .container{width:100%;}

footer .logo-black{display:block; width:100%; background:#fff; padding:10px; margin-bottom:20px; text-align:center;}
footer .logo-black img{display:inline-block; width:50%;}


}