@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	}
/************************************* Reset End Styles ********************************/
/**************************************Grid styles*****************************/
.container {
	margin:0 auto;
}
*, *:after, *:before{
	box-sizing:border-box;
	}
@media (max-width:768px) {
.container {
	margin:0 15px;
}
}
@media (min-width:768px) {
.container {
	width: 750px
}
}

@media (min-width:992px) {
.container {
	width: 970px
}
}

@media (min-width:1200px) {
.container {
	width: 1150px;
}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	clear:both;
	}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}

@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
}

@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}
}

@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left
}
.col-lg-12 {
	width: 100%
}
.col-lg-11 {
	width: 91.66666667%
}
.col-lg-10 {
	width: 83.33333333%
}
.col-lg-9 {
	width: 75%
}
.col-lg-8 {
	width: 66.66666667%
}
.col-lg-7 {
	width: 58.33333333%
}
.col-lg-6 {
	width: 50%
}
.col-lg-5 {
	width: 41.66666667%
}
.col-lg-4 {
	width: 33.33333333%
}
.col-lg-3 {
	width: 25%
}
.col-lg-2 {
	width: 16.66666667%
}
.col-lg-1 {
	width: 8.33333333%
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .clearContainer:after {
	content: " ";
	display: table
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .clearContainer:after {
	clear: both
}
/**************************************Grid End Styles*****************************/
/************************************* Common Styles ********************************/
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686;
}

/************************************* Common End Styles ********************************/
/***********Dropdown Styles************/
.dropDownImage{
	float:left;
	margin-right:10px;
	margin-top:3px;
	}
.dropDownImage img{
	display:block;
	}
.dropDownImage + .dropDownText{
	padding-left:27px;
	display:block;
	}
.dropDownToggle{
	position:relative;
	padding-right:14px;
	}
.dropDown{
	display:inline-block;
	position:relative;
	text-align:left;
	}
.dropDownToggle{
	display:block;
	}
.dropDownMenu{
	display:none;
	position:absolute;
	top:100%;
	white-space:nowrap;
	z-index:111;
	}
.dropDownMenu li{
	}
.dropDownToggle:after{
	display:block;
	content:'';
	position:absolute;
	top:50%;
	right:0;
	}
.noPad{
	padding-left:0;
	padding-right:0;
	}
/***********Dropdown End Styles************/
/************************************* Website Styles ********************************/
.mainBanner .flexslider ul.slides li{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.mainBanner .flex-direction-nav, .mainBanner .flex-control-nav{display:none;}

h1{color:#9da438; font-size:40px; text-align:center; margin-bottom:50px; text-transform:uppercase;}
h2{text-align:left; margin-bottom:10px; font-size:30px; color:#596066;}
h3{color:#9da438; font-size:23px; margin-bottom:5px;}


.mainMenuHolder{position:absolute; top:0; left:-240px; z-index:99;}
.menuOpen .mainMenuHolder{left:0;}
.menuHolder, .logoHolder{float:left;}
.menuBtn{width:74px; height:74px; background-color:#fff; display:block; float:right; background-image:url(../images/menu-icon.svg); background-repeat:no-repeat; background-position:center center; background-size:40% auto;}
.menuOpen .menuBtn{background-image:url(../images/close-icon.svg); background-size:30%;}
.mainMenu{width:240px; float:left; background-color:#fff;}
.mainMenu ul li a{padding:24px 0; display:block; text-align:center; color:#626338; font-size:20px; border-bottom:1px solid #e5e5e5;}
.mainMenu ul li:last-child a{border-bottom:1px solid #e5e5e5;}
.mainMenu ul li a:hover, .mainMenu ul li.current a{background-color:#626338; color:#fff;}

.logoHolder{width:240px; margin-left:15px;}
.logoHolder a{display:block; padding:15px 0;}

.captionBlock{border-top:20px solid #9da438; color:#9da438; padding:100px 0; text-align:center;}
.captionTitle{font-size:65px; font-weight:bold; text-transform:uppercase}
.captionSubtitle{font-size:40px;}


.hpBlock{padding:75px 0;}
.hpBlock h2{text-align:center; font-weight:bold; font-size:40px; margin-bottom:50px;}

.brandsBlock{background-color:#f6f6ec;}
.brandsBlock .brandsList{padding:0 130px;}
.brandImg a, .brandImg a img{display:block; width:100%;}
.brandImg{margin-bottom:20px;}
.brandTitle{text-align:center; color:#626338; font-size:25px; text-transform:uppercase; display:block; font-weight:bold;}

.AboutImg img{width:100%; display:block;}
.AboutBlock .contentText, .contentText{font-size:18px; line-height:30px; margin-top:25px; margin-bottom:25px; color:#4d4d4d;}
.more{background-color:#9da438; padding:10px 25px; display:inline-block; color:#fff; font-size:16px;}
.more:hover{background-color:#4d4d4d;}


.hpBanner{padding:100px 0; background-image:url(../images/content-images/banner-img.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center; color:#ffffff; font-size:40px;}

.ServicesBlock{background-color:#f9ffff;}
.servicesList ul{text-align:center; font-size:0;}
.servicesList ul li{display:inline-block; width:23%; text-align:center; margin-bottom:50px; vertical-align:top}
.servicesList ul li .serviceImg{width:115px; height:115px; background-color:#9da438; border-radius:50%; display:inline-block;}
.servicesList ul li .servTitle{color:#4d4d4d; font-size:20px; position:relative; padding-top:15px; margin-top:15px; height:70px;}
.servicesList ul li .servTitle:after, .servicesInfo .servTitle:after{content:""; width:50px; background-color:#4d4d4d; position:absolute; left:50%; top:0; margin-left:-25px; height:1px;}
.servicesList ul li.lastItem{margin-bottom:0;}

.ProdcutsList, .withBackgroundBottom{background-image:url(../images/content-images/bottom-bg.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto;}
.withBackgroundBottom{/*min-height:700px;*/ background-color:#f9ffff;}

.serviceImg{margin-bottom:15px;}
.serviceImg a, .serviceImg a img{width:100%; display:block;}
.servTitle{text-align:center; display:block; font-size:30px; color:#626338; font-weight:bold;position:relative; margin-bottom:25px; padding-bottom:15px;}
.servicesInfo{text-align:center;}
.servicesInfo .servTitle:after{top:auto; bottom:0;}


.footer{padding:70px 0; background-color:#fff;}
.contactInfoList ul li{margin-bottom:15px;}
.contactInfoList ul li a{color:#323232; font-size:14px; padding-left:20px; display:block; background-position:left center; background-repeat:no-repeat; background-size:14px auto;}
.contactInfoList ul li.phoneIcon a{background-image:url(../images/phone-icon.svg);}
.contactInfoList ul li.mobileIcon a{background-image:url(../images/mobile-icon.svg); background-size:10px auto;}
.contactInfoList ul li.faxIcon a{background-image:url(../images/fax-icon.svg); background-size:12px auto;}
.contactInfoList ul li.mailIcon a{background-image:url(../images/mail-icon.svg); background-size:14px auto;}
.contactInfoList ul li.locationIcon a{background-image:url(../images/location-icon.svg); background-size:12px auto;}

.smLinks ul{margin-bottom:10px;}
.smLinks ul li{display:inline-block; margin-right:5px;}
.smLinks ul li a{width:40px; height:40px; border-radius:50%; background-color:#9da438; display:block; background-position:center center; background-repeat:no-repeat; background-size:10px auto;}
.smLinks ul li a.fbIcon{background-image:url(../images/fb-icon.svg);}
.smLinks ul li a.instaIcon{background-image:url(../images/insta-icon.svg); background-size:18px auto;}

.cpText{color:#323232; font-family:14px;}


.subpageBanner{background-position:center center; background-repeat:no-repeat; background-size:cover; height:600px; border-bottom:20px solid #9da438; position:relative;}
/*.subpageHolder{background-color:#f9f7f1;}*/
.subpageBanner:after{background-color:rgba(0,0,0,0.5); content:""; width:100%; height:100%; position:absolute; left:0; top:0;}

.servicesPageList{padding:0 150px;}
.servicesPageList .contentText{margin-top:0;}
.servicesPageList ul li{padding-left:130px; box-sizing:border-box; margin-bottom:80px; position:relative;}
.servicesPageList ul li:before{content:""; width:100px; height:100px; background-color:#9da438; display:block; position:absolute;left:0; top:0; background-position:center center; background-repeat:no-repeat; background-size:80% auto; border-radius:50%;}
.servicesPageList ul li.plServ:before{background-image:url(../images/private-label.svg);}
.servicesPageList ul li.qService:before{background-image:url(../images/quality.svg);}
.servicesPageList ul li.extractionService:before{background-image:url(../images/extraction.svg);}
.servicesPageList ul li.refService:before{background-image:url(../images/refining.svg);}
.servicesPageList ul li.storageService:before{background-image:url(../images/storage.svg);}
.servicesPageList ul li.fillingService:before{background-image:url(../images/filling.svg);}
.servicesPageList ul li.packagingService:before{background-image:url(../images/packaging.svg);}

.servicesPageList ul li:after{content:""; width:150px; height:1px; position:absolute; left:130px; bottom:-30px; background-color:#9da438;}

.servicesPageList ul li .contentText{color:#868b8f; font-size:16px;}
.servicesPageList ul li h2{text-align:left; margin-bottom:10px; font-size:25px;}
.certLogo img{width:100%; display:block;}

.qualityPage h2{text-align:left; margin-bottom:15px; font-size:30px;}
.certHolder{ margin-top:50px;}

.smallSA{max-width:900px;}
.eachContantItem{background-color:#f9f7f1; padding:40px; text-align:center;}
.eachContantItem .contactIcon {background-color:#9da438; width:100px; height:100px; border-radius:50%; display:inline-block; background-position:center center; background-repeat:no-repeat; margin-bottom:20px; background-size:60% auto;}
.eachContantItem .contactTitle{color:#596066; font-size:20px; font-weight:bold; margin-bottom:10px;}
.eachContantItem .contactInfo, .eachContantItem .contactInfo a{color:#868b8f; font-size:16px;}
.eachContantItem .contactInfo a:hover{text-decoration:underline;}
.margBot20{margin-bottom:20px;}

.contactIcon.locationIcon{background-image:url(../images/location-icon-white.svg);}
.contactIcon.emailIcon{background-image:url(../images/mail-icon-white.svg);}
.contactIcon.phoneIcon{background-image:url(../images/phone-icon-white.svg);}
.contactIcon.webIcon{background-image:url(../images/site-icon-white.svg);}

.prodHolder{position:relative; margin-bottom:25px;}
.prodImg img{width:100%; display:block;}
.proDescHolder{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#9da43895; color:#fff; padding:50px; opacity:0; transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);}
.prodHolder:hover .proDescHolder{opacity:1; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} 
.prodName{font-size:25px; font-weight:bold; margin-bottom:15px; padding-bottom:15px; position:relative;}
.prodName:after{content:""; position:absolute; left:0; bottom:0; width:50px; height:2px; background-color:#fff;}
.descList{font-size:16px;}
.descList li{padding-left:13px; margin-bottom:5px; position:relative;}
.descList li:after{content:""; left:0; top:50%; position:absolute; height:2px; margin-top:-1px; width:5px; background-color:#fff;}
.paddBot300{padding-bottom:300px;}

.prodListHolder{width:200px; margin:0 auto 30px auto;}

.prodListHolder .currentProd{background-color:#9da438; color:#ffffff; font-size:16px; padding:10px; display:block; background-image:url(../images/arrow-down.svg); background-position:calc(100% - 15px); background-repeat:no-repeat; background-size:15px auto;}
.prodListHolder ul{display:none;}
.prodListHolder ul li a{padding:10px; color:#000; display:block; border-bottom:1px solid #000;}




.tabsLinks{text-align:center; margin-bottom:25px}



.tabsLinks a {
	display: inline-block;
	padding: 10px;
	color: #596066;
	font-size: 22px;
	text-decoration: none;
}
.tab {
	display: none;
}
.tabsLinks a.active {
	color: #9da438;
	text-decoration:underline;
}


.showFade, .mainMenuHolder, .proDescHolder{
	transition:all linear 400ms;
	-moz-transition:all linear 400ms;
	-webkit-transition:all linear 400ms;
	-ms-transition:all linear 400ms;
	}