@charset "utf-8"; 
/*
Project Name: ProAgri  Solutions LLC"
Coded by: Mohd Basheer
Primary color: #fad919
font-family: 'Poppins', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/
*{ margin:0; padding:0; box-sizing:border-box;}
html, body{height:100%;width:100%;background:#FFF;font-family: 'Poppins', sans-serif; color: #333333; font-size:16px; background: url(../images/light-veneer.jpg) #eeeeee;}
.container{ position:relative;}
.browsehappy{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}
.msgContainer{ padding:80px 15px; }
.msgContainer-inner{color:#FFF;border-radius:15px;    padding:20px; max-width:500px; margin:0 auto;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    zoom: 1;}
	.msgContainer-inner h1{ margin-top:0}

.msgContainer-inner:nth-child(n) {
    filter: none;
}

.modal-title{
	color:#1191d0 !important;
		font-family:'Source Sans Pro', sans-serif;
		font-weight:600;
	}
	
	.modal-body{
		color:#777;
		}

.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}
.project-grid-img img {
    display: block;
    width: 100%;
    height: auto;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.project-grid {
    display: block;
    position: relative;
    margin: 15px 0px;
}
.section-heading {
    margin-bottom: 10px;
}

.btn-outline {
    background-color: #fff;
    border-color: #018dc8;
    color: #018dc8;
}
.btn-outline:hover {
background-color: #fff;
    border-color: #036791;
    color: #036791;
}
.arial{ font-family:Arial, Helvetica, sans-serif}
a, a:hover, a:focus, a:active{ color: #333333; outline:none; text-decoration:none;}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
 .push {
    height: 50px; display:block; /* .push must be the same height as .footer */
}
.btn{padding:8px 30px;}
.btn-primary {
    color: #fff;
    background-color: #459210;
    border-color: #459210;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff;
    background-color: #204c02;
    border-color: #204c02;box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #204c02;
    border-color: #204c02;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}
.text-primary{ color:#459210 !important;}
.bg-primary{ background:#459210 !important;}
/* ==========================================================================
   header
   ========================================================================== */
   
   
   
   .wrapper {
    width: 100%;
    margin: 0px auto;
}

.masonry {
    margin: 10px;
    padding: 0;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;     
}

.masonry a{
	display: block;
	margin-top: 10px;
}

.masonry a:first-child{
	margin-top: 0px;
}



.masonry-item {
    position: relative;   
    overflow: hidden;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;     
}
.masonry-item img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;   
}

.masonry-item-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
    padding: 30px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;     
}
.masonry-item:hover img{
    transform: scale(1.2);
}

.masonry-item:hover .masonry-item-overlay{
    position: absolute;
    opacity: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;    
}


.masonry-item:hover .masonry-item-overlay h4{
    opacity: 0;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    text-align: center;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;    
}
.masonry-item:hover .masonry-item-overlay ul{
    opacity: 0;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    text-align: center;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;    
}



.masonry-item-overlay h4{
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    bottom: 50px;
}
.masonry-item-overlay ul{
    position: absolute;
    padding-left: 0px;
    bottom: 25px;
}
.masonry-item-overlay ul li{
    list-style-type: none;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding-left: 0px;
    opacity: 0.7;
}
.masonry-item-overlay ul li:last-child:after{
    content: none;
}
.masonry-item-overlay ul li:after{
    content: ' / ';
    font-size: 8px;
    font-weight: 700;
    margin: 0px 5px 0px 5px;
}
.masonry-item-overlay ul li a{
    color: #fff;
}

.masonry-item:first-child{
    margin-top: 0px;
}

/*.catlist{list-style:none; margin:25px;}
.catlist li{float:left; padding:10px; margin:0;}
.catlist li a{padding:10px; color:#459210; width:98% !important; display:block; border: #ddd solid 1px; text-transform:capitalize;}*/

.catlist{list-style:none;}
.catlist li{ margin:0; display:block; text-align:left;}
.catlist li a{padding:5px 0; color:#fff;  display:block;  text-transform:capitalize; width:100%; }

.rightfltbtn{ position: fixed; left:0; top:50%;}
@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}



/*4 columns*/
.prod-style-hover-effect {
    margin: 0px;
    padding: 0;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

.prod-style-hover-effect a{
	display: inline-block;
	margin-top: 10px;
}

.prod-style-hover-effect a:first-child{
	margin-top: 0px;
}

@media only screen and (min-width: 400px) {
    .prod-style-hover-effect {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    .prod-style-hover-effect {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .prod-style-hover-effect {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1100px) {
    .prod-style-hover-effect {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

   
   
.orgprdimgs{
	width:280px !important;
	}
 
.logo{ margin:20px auto; display:block;}
.logo2{margin:10px auto; display:block; float:right;}
.bg-toplinks{ background:rgba(0,0,0,0.1); display:block; width:100%; padding:5px 0;}
.toplinks{ margin:30px 0 20px; padding:0; float:right; display:block; list-style:none;}
.toplinks li{font-size:14px; font-weight:500; color: rgba(255,255,255,1); display:inline-block;padding:0 10px; line-height:14px;/* border-right:2px solid rgba(255,255,255,1)*/; }
.toplinks li a{font-size:14px; color: rgba(0,0,0,.9); }
.toplinks li:last-child{border-right:none;}

.toplinks li:nth-child(2){border-right:none;} 
.toplinks .fa,.toplinks a .fa{color: #fad919; }

.toplinks li a.enquireBtn{ background: #fff; padding:6px 15px; color: #459210; font-family: 'Source Sans Pro', sans-serif; font-size:21px; font-weight:700; border-radius:30px; text-align:center; margin:auto; text-transform:uppercase;}

.shareIcons{ margin:0; padding:0; display:block; list-style:none; float:right;}
.shareIcons li{display:inline-block;}
.shareIcons li a{font-size:14px; line-height:14px; border-right:2px solid; color: rgba(0,0,0,0.7); padding:0 15px; text-align:center; display:block;}
.shareIcons li:last-child a{ border-right:0;}
/*.shareIcons li a.fb{ background:#3b5999;}.shareIcons li a.tw{ background:#55acee;}.shareIcons li a.gplus{ background:#dd4b39;}.shareIcons li a.yout{ background:#cd201f;}.shareIcons li a.insta{ background:#e4405f;}*/
 /* ==========================================================================
   footer
   ========================================================================== */

.mainfooter{ width:100%; font-size:14px; font-weight:500; color: rgba(255,255,255,1); padding:15px 0 8px; background: #212121;}
.mainfooter .shareIcons li a{border-radius:0;}
.copyright{ border-top:1px solid rgba(255,255,255,0.5); /*text-align:center;*/ font-size:14px; margin-top:10px; padding:15px 0 8px;}
.copyright p{ margin:0;}
.copyright a{color:rgba(255,255,255,0.8);}
.copyright a:hover{color:#fad919;}

.footerLinks{ margin:0; padding:0; display:block; list-style:none;}
.footerLinks li{font-size:14px; font-weight:500; color: rgba(255,255,255,1); display:inline-block;padding:0 20px; line-height:14px; border-right:2px solid rgba(255,255,255,1); }
.footerLinks li a{font-size:14px; color: rgba(255,255,255,1); }
.footerLinks li:last-child{border-right:none;}
.footerLinks .fL,.footerLinks a .fL{color: #fad919; }


ul.social-links{ margin:0; padding:0; list-style:none; display:block; float: right;}
ul.social-links li{ display:inline-block;}
ul.social-links li a{ display:inline-block; font-size:18px; text-align:center; color:rgba(255,255,255,1); margin-right:20px;}
ul.social-links li a:hover,ul.social-links li a:focus,ul.social-links li a:active{ color:#fad919;}

.social-links li a.fb{ background:#3b5999;}.social-links li a.tw{ background:#55acee;}.social-links li a.gplus{ background:#dd4b39;}.social-links li a.yout{ background:#cd201f;}.social-links li a.insta{ background:#e4405f;}
   /* ==========================================================================
  homepage
   ========================================================================== */
.navWrapper{ background: transparent; display:block; width:100%; font-family: 'Source Sans Pro', sans-serif;}
.navbar {padding: 0; }
.navbar-brand{ display: block; width:218px; padding:0; background: #fff;}
.navbar-brand img{ display: block; width:100%;}

.navbar-light .navbar-nav .nav-link {padding:5px 0; margin:0; border-bottom:none;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #459210; border-bottom:none;}
li.nav-item{ border-right:none}
.navbar-light .navbar-toggler {background: #fad919; border-color: #fad919;}
 .navbar-toggler{padding: 5px 10px;border-radius: 0;}
.bx-wrapper .bx-viewport{background:none; border:none;  box-shadow:none; left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)}
.bx-wrapper{position:relative; margin:0 auto; padding:0; *zoom:1}
.bx-wrapper img{max-width:100%; display:block}
.bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px; background:url(../images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px; background:url(../images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}

.usda{position:absolute; width:70px; height:auto; top:20%; right:500px; border-radius:10px;}
.ecovadis{position:absolute; width:65px; height:auto; top:10%; right:600px; border-radius:10px;}


.bannerContainer{position:relative; width:100%; float:left; margin:0;display:none; padding:0;}
.no-js .bannerContainer{display:block}

#bannerSlides li img{width:100%; }
.bannerContainer .bx-wrapper{margin:0 auto; position:relative}
.bnrCaption{position: absolute; font-weight:bold; left:0; right:0; margin:0 auto; top:20%; padding:10px 20px;text-transform: capitalize;text-align: center; overflow:hidden;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:24px; background: rgba(69,146,16,.6); /*border-radius:30px;*/}
.bnrCaption2{position: absolute;display: table; font-weight:bold; left:0; right:0; margin:auto; bottom:50px; padding:10px 20px;text-transform: capitalize;text-align: center; overflow:hidden;color:#fff;font-family: 'Source Sans Pro', sans-serif; font-size:24px; background: #4c5157; border-radius:30px;}

#bannerSlides{margin:0; padding:0}
.bannerContainer .bx-wrapper .bx-pager{position:absolute; right:0; left:0; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; }
.bannerContainer .bx-wrapper .bx-pager .bx-pager-item, 
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px; display:block; width:12px; height:12px; border:2px solid #fff; margin:0 5px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff}
#bPrev a, #bNext a{outline:none; text-decoration:none; font-size:25px; color:#fff; position:absolute; top:40%; right:10px; background:#459210; width:34px; height:34px; display:block; line-height:32px; text-align:center; border:1px solid #459210; border-radius:10px; }
#bPrev a{left:10px}

#bPrev a:hover, #bNext a:hover{background:#fad919; border:1px solid #fad919;}

.click-here{ position:absolute; bottom:10%;  right:5%; text-align:center;}
.click-here btn-outline-dark{ margin:0 auto;  right:5%; text-align:center; background:none; color:#fff !important; border:#fff solid 1px;}
.click-here btn-outline-dark:hover{color:#fff; background:none;}


.btn-inverse{ display: table; background: rgba(0,0,0,0.7); color:#fff; padding:8px 30px;}
.btn-inverse:hover,.btn-inverse:focus{background: rgba(0,0,0,0.9); color:#fff;}



.homeprdts .img-thumbnail{ border:none; border-radius:10px; background:none;}
.homeprdts-thumb{ background:#459210; margin:0 10px;}

.zoomWindow{ top:0px !important; left:auto !important; right:0 !important;  width:400px !important; height:320px !important;}

.no-gutter, .no-gutter > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter-sm, .no-gutter-sm > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}


.table-width{
	width:60% !important;
	}

.list-bold{
	font-weight:500 !important;
	}

/*===============fancybox style============*/

.fancybox-overlay {
    z-index: 1024 !important;
}
/*===============innerpages============*/
.title{font-family: 'Source Sans Pro', sans-serif; margin-top:30px;}
.titleTop{font-family: 'Source Sans Pro', sans-serif; margin-top:0px;}  
.title-hm{font-family: 'Source Sans Pro', sans-serif; margin:48px 0 26px;} 
.titleHm{font-family: 'Source Sans Pro', sans-serif; font-size:46px; font-weight:600; margin:20px 0 50px; text-transform:uppercase;}
.titleHm span::after{ content:''; display:block; width:150px; height:5px; background:#fad919;}
.text-sourceSans{font-family: 'Source Sans Pro', sans-serif;}
.text-exlite{ font-weight:200;}
.text-lite{ font-weight:300;}
.text-normal{ font-weight:400;}
.text-medium{ font-weight:500;}
.text-semibold{ font-weight:600;}
.text-bold{ font-weight:700;}
.text-extrabold{ font-weight:800;}
.text-white{ color:#fff;}
.text-black{ color:#333333;}
.text-blue{ color:#013958;}
.text-yellow{ color:#fad919;}

.text-italic{ font-style:italic;}


.sideTitle{background:#fad919; color:#fff; padding:5px; text-align:center; width:100%; margin:0 auto; border-bottom:1px solid rgba(0,0,0,0.2);}

.pageheader{ width:100%; height:0; margin:auto; text-align:center; display:block; position:relative; margin-bottom:30px; background:url(../images/inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; padding-bottom:30%;}
/*.aboutUs.pageheader{background:url(../images/aboutus-banner.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }*/
.aboutUs.pageheader{background:url(../images/aboutus-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organicglycerin.pageheader{background:url(../images/glycerin-inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organicsunflowerlecithin.pageheader{background:url(../images/organic-sunflower-lecithin-inner-ban.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organiclecithin.pageheader{background:url(../images/organic-lecithin-inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organic-fatty-acids.pageheader{background:url(../images/organic-fatty-acids-emulsifiers-inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organic-emulsifierss.pageheader{background:url(../images/stearic-acid-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organic-essential-oil-inner-banner{background:url(../images/organic-essential-oil-inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organic-cold-press-inner-banner{background:url(../images/organic-cold-pressed-inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.mctcoconut-inner-banner{background:url(../images/mct-inner-banner-one.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.castor-inner-banner{background:url(../images/castor-oil-inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.oleic-acid-inner-banner{background:url(../images/oliec-acid-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.rice-bran-inner-banner{background:url(../images/rice-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-size:cover;*/  background-position: center; }
.organic-stearic-inner-banner{background:url(../images/stearic-acid-banner.jpg); background-repeat:no-repeat; background-position: center; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }



.animalNutrition.pageheader{background:url(../images/inner-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.humanNutrition.pageheader{background:url(../images/inner-banner3.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.logistics.pageheader{background:url(../images/inner-banner1.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.contactUs.pageheader{background:url(../images/contact-banner.jpg); background-repeat:no-repeat; background-position:center; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.enquiryWrap.pageheader{background:url(../images/aboutus-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.thankYou.pageheader{background:url(../images/aboutus-banner.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.errorWrap.pageheader{background:url(../images/inner-banner3.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }
.wrap404.pageheader{background: url(../images/inner-banner1.jpg); background-repeat:no-repeat; /* background-attachment:fixed; background-position: center; background-size:cover;*/ }

.pageheader img{ width:100%;}
.car-breadcrum{position:absolute; bottom:80px; left:0; right:0; margin:auto; text-align:center;}
.pageTitle{text-transform:uppercase; margin:0; background:transparent; color: #fad919; font-weight:600;  font-family: 'Source Sans Pro', sans-serif;}
.breadcrumb{text-transform:capitalize; display:block; padding: 3px 15px; margin:0; background:transparent; color: #fff; font-size:15px;  font-family:"Open Sans",sans-serif;}
.breadcrumb li{ display:inline-block;}
.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #fff;
}
.breadcrumb a{ text-transform: capitalize; color: #fff; font-size:15px;  font-family:"Open Sans",sans-serif;}


   /* ==========================================================================
   Form styles
   ========================================================================== */
.placeholder{color:#444}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}
.captcha{list-style:none; margin:0; padding:0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 5px 0 0}
.captcha .input-group{width:130px}
.small-input {width:30px !important;padding:6px 0!important;text-align:center}
.sitePaging{float:right}
.sitePaging .input-group-addon,.sitePaging .input-group-btn {width:auto}
/*=========form errors========*/
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat}

.contactBlock a{ color:#333}

/* ==========================================================================
   Accordoin
   ========================================================================== */

.panel-default > .panel-heading {
    background-color: #00652f;
    border-color: #00652f;
    color: #fff;
}
.panel-heading.active {
  background-color: #ed1c24; color:#fff;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{color:#fff !important;}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.location-map {
    border: 1px solid #ccc;
    height: 0;
    margin: 0 auto 20px;
    overflow: hidden;
    padding-bottom: 90%;
    position: relative;
}
.location-map iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    width: 100% !important;
}

a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.btn-outline{ background-color:transparent;  color:inherit;  transition:all .3s}
.btn-outline-inverse {background-color: transparent;border-color:#FFF;color:#fff;}
.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {background-color: #fff;border-color:#fff;color:#444;text-shadow:none;}
.sharp{border-radius:0}

.fitImg{width:100%; height:100%; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)}


.img-16by9{ position:relative; height:0; overflow:hidden; display:block; padding-bottom:56.25%}
.img-16by9 img{ position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%;}

.grayscale{filter:url("data:image/svg+xml; utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; filter:grayscale(100%); -ms-filter:grayscale(1); -webkit-filter:grayscale(1); -webkit-transition:all .5s ease; -webkit-backface-visibility:hidden; -moz-filter:grayscale(100%); -moz-transition:all .5s ease; -moz-backface-visibility:hidden}


.blur{filter:blur(3px); -webkit-filter:blur(3px); -moz-filter:blur(3px);  -o-filter:blur(3px); -ms-filter:blur(3px); filter:url("data:image/svg+xml; utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='3' /></filter></svg>#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')}

/*.thumbnail:hover .grayscale{filter: grayscale(0);}*/
.show-grid{margin-bottom:10px; margin-top:10px}
.marBtm{ margin-bottom:20px;}
.marRight{ margin-right:20px;}
.marleft{ margin-left:20px;}
.marTop{ margin-top:20px;}
.no-marginTop{ margin-top:0;} .no-marginBtm{ margin-bottom:0;}
.w100{width:100%}
.h100{ height:100%}
.paddingTopBottom{ padding:30px 0;} .no-padding-rt{ padding-right:0}
.gridPadding{ padding:20px;}
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}

.marSec{ margin-top:40px;}
.marSecBtm{ margin-bottom:40px;}

.animScale{transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: transform;}
.animScale:hover{transform: scale(1.1) rotate(-1.2deg);}

/* ==========================================================================
   back-to-top
   ========================================================================== */
.toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:80px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px}


#sidelinks .dropdown-item{white-space: unset;padding: 5px;font-size: 14px;}


.dropdown-item{padding: .25rem 1rem;}



/* Small Devices, Tablets */
@media only screen and (max-width:767px){
	.section-heading h2{
		font-size:26px !important;
		}

	
ul.social-links{ margin:0 auto; text-align:center; float: none;}
	
.car-breadcrum{bottom: 30px;
top: auto;}
.car-breadcrum h1.pageTitle{ font-size:14px;}
.breadcrumb{padding: 0x 15px; font-size:10px;}
.breadcrumb a{ font-size:12px;  }

.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.bnrCaption{padding: 10px; font-size: 12px;}
.titleHm{font-family: 'Source Sans Pro', sans-serif; font-size:26px; font-weight:600; margin:20px 0 20px; text-transform:uppercase;}
.titleHm span::after{width:50px;}
.usda{top:20%;}
} 

@media only screen and (max-width:575px){
	

.car-breadcrum{bottom: 10px;}
.car-breadcrum h4.pageTitle{ font-size:16px;}
.breadcrumb{padding: 0x 15px; font-size:10px;}
.breadcrumb a{ font-size:10px;  }
.usda{width:50px; top:5%; z-index:9999999999999; position:absolute; right:20%}
.ecovadis{width:45px; top:7%; z-index:9999999999999; position:absolute; right:35%}
.navbar-brand img{ width:70%;}
.bnrCaption{padding: 3px; font-size: 12px; top:0;}
.bnrCaption2 {padding: 3px; font-size: 14px;  bottom:0px;     display: block;}
.click-here{ font-size:12px; padding:5px; bottom:40%; margin:0 auto; left:0; right:0;}
	.click-here a.btn-outline-dark{ font-size:11px; padding:2px; bottom:15%;}
	.navbar-light .navbar-nav .text-blue{ color:#013958;}
	.navbar-light .navbar-nav .text-blue{ color:#013958;}
	.rightfltbtn{ position: fixed; top:50%;}
	.navbar-brand {
    background: none;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width:360px){
.bnrCaption{padding: 3px; font-size: 12px; top:0;}
.bnrCaption2 {padding: 3px; font-size: 12px; top:85%;}
.navbar-light .navbar-nav .text-blue{ color:#013958;}
	.navbar-light .navbar-nav .text-blue{ color:#013958;}

}
@media only screen and (max-width:320px){}


@media only screen and (max-width:768px){
	.usda{right:150px !important;}
.ecovadis{right:100px !important;}
.technoWrap{ max-width: 100%; background:rgba(255,255,255,0.8); padding:0; position: relative; top:auto; left:auto; right: auto;
margin:20px auto;}

}


@media only screen and (min-width:768px){
.navbar-brand{ display:none;} 

.sideLinks.navbar{ padding:0;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,1); border:2px solid transparent; padding:4px 5px; margin: 0; font-size:14px; font-weight:700; text-transform: capitalize;  background:rgba(255,255,255,.5)}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fad919; border:2px solid #fad919;  background:rgba(0,0,0,.5)}
	.navbar-light .collapse ul li:hover> ul{display:block}
.navbar-light .collapse ul ul{position:absolute;top:92%;left:0;min-width:250px;display:none}
/*******/
.navbar-light .collapse ul ul li{position:relative}
.navbar-light .collapse ul ul li:hover> ul{display:block}
.navbar-light .collapse ul ul ul{position:absolute;top:0;left:50%;min-width:250px;display:none}
/*******/
.navbar-light .collapse ul ul ul li{position:relative}
.navbar-light .collapse ul ul ul li:hover ul{display:block}
.navbar-light .collapse ul ul ul ul{position:absolute;top:0;right:0;min-width:320px;display:none;z-index:1}
.car-breadcrum{ bottom:20px;}
.headerWrap{ width:100%;/* background: rgba(0,0,0,.5);*/ display:block; position:absolute; top:0; left:0; right:0; margin:auto; text-align:center; z-index:1070;}
.toplinks { margin: 12px 0 6px;}
.toplinks li,.toplinks li a {font-size: 12px;}
.toplinks li a.enquireBtn {padding: 4px 12px;font-size: 16px;}
.titleHm{font-family: 'Source Sans Pro', sans-serif; font-size:36px; font-weight:600; margin:20px 0 50px; text-transform:uppercase;}
.bnrCaption{padding: 10px; font-size: 16px;}
.usda{right:520px; top:10px; width:65px;}
}
@media only screen and (min-width:992px){
.navbar-light .navbar-nav .nav-link { padding:4px 14px; margin: 0; font-size:14px;  text-transform: uppercase; }
.car-breadcrum{ bottom:20px;}
.toplinks { margin: 24px 0 10px;}
.toplinks li,.toplinks li a {font-size: 14px;}
.toplinks li a.enquireBtn {padding: 6px 16px;font-size: 18px;}
.bnrCaption{padding: 10px 20px; font-size: 20px;}
.usda{top:10%;}
/*.navbar { margin-right:100px;}*/
}

@media only screen and (min-width:1200px){
.car-breadcrum{ bottom:50px;}
.navbar-light .navbar-nav .nav-link { padding:4px 13px; margin: 0; font-size:16px; }
.toplinks{ margin:30px 0 15px;}
.toplinks li,.toplinks li a{font-size:14px;}
.toplinks li a.enquireBtn{ padding:6px 15px; font-size:21px;}
.titleHm{font-family: 'Source Sans Pro', sans-serif; font-size:46px; font-weight:600; margin:20px 0 50px; text-transform:uppercase;}
.bnrCaption{padding: 10px 20px; font-size: 24px;}
}

@media only screen and (min-width:1920px){}


/* Medium Devices, Desktops */
@media only screen and (max-width:991px){


}


.dropdown-menu{
	background:#fad919 !important; 

	}
.dropdown-item{
	color:#333 !important;
	}	
.dropdown-item:focus, .dropdown-item:hover{
	background:none !important;
	color:#fff !important;
	}
	
	


/*.footer-list{
	margin-top:20px;
	}*/

.footer-list{
	list-style:none;
	color:#aaa;
	/*padding:6px 0px;*/
	}
	
.footer-list li{
	padding-left:16px;
	}		
.footer-list li a{
	font-size:14px;
	font-weight:400;
	color:#fff;
	padding-left:10px;
	font-family:'Poppins', sans-serif;
	} 	
	
.footer-list li a:hover{
	color:#fff;
	}
	
	
.modal-open .modal{z-index:9999;
	}	
	
	
.pad-none{
	padding:0px !important;
	}
	
.img-sm img{
	width:60%;
	}
	
.img-sm a > img{
	width:20%;
	height:20%;
	}
	
.sm-txt-field{
	display: block;
    width: 60%;
    padding: 5px 5px;
    font-size: 1rem;
    line-height: 0.1;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
		
.section-block-bg{
	background-image:url(../images/milk-fat-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 30px 0px 30px 0px;    
}	


.section-heading{
	margin-bottom: 10px;
}

.section-heading h2{
font-family: 'Source Sans Pro', sans-serif;
    font-size: 46px;
    font-weight: 600;
    margin: 20px 0 30px;
    text-transform: uppercase;
}

.section-heading h4{
	position: relative;
	font-size: 30px;
	font-weight: 600;
	color: #111;
	line-height: 160%;
	margin-bottom: 10px;
}

.section-heading h2::after {
    content: '';
    display: block;
    width: 150px;
    height: 5px;
    background: #fad919;
}

.section-heading a::after {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
	
    background: #fad919;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}


.primary-button{
	/*background: #d21e2b;*/
	
	color: #fad919;
	font-size: 26px;
	font-weight: 500;
	/*border-radius: 50px;*/
	padding: 10px 15px 10px 0px;		
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.primary-button:hover {
	/*background: #222;*/
	color: #fff;
}

.text-content-big p{
	font-size: 15px;
	font-weight: 400;
	color: #999;
	line-height: 200%;	
	margin-bottom: 15px;
}





/*
.modal.fade {
  left: -60% !important;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
       -o-transition: opacity 0.3s linear, left 0.3s ease-out;
          transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.fade.in {
  left: 100% !important;
}​*/



/*.modal.fade .modal-dialog{
		left: -320px !important;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.fade.in .modal-dialog{
		left: 0 !important;
	}
	*/
	
/*.modal {
    position: fixed;
    top: 0;
    right:0;
    bottom: 0;
    left: 50px !important;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}
.fade {
    transition: opacity .15s;
	left:-59% !important;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}	*/