/* ==============================
   1. import css 
   ============================== */

@import url("owl.carousel.css");
@import url("fancybox.min.css");
@import url("animate.min.css");
@import url("fonts-min.css");


/* ==============================
   2. default 
   ============================== */
h1, h2, h3 {color:#000000; font-size:30px; }

p {line-height: 25px; font-size: 16px; color: #666666; font-weight: 400;}
li { font-size: 16px;color: #666666;font-weight: 400;}
a, :before, :after, .btn {-webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
strong{font-weight: 500;}
.bg-1 {background: #1D1D1D;}
.bg-2 {background: #ececec;}
.bdr-b{border-bottom:solid 1px rgba(26, 53, 13, 0.15);}
.bdr-lb{border-left:solid 1px rgba(26, 53, 13, 0.15); border-right:solid 1px rgba(26, 53, 13, 0.15);}


.gradient-1{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
}

.back-to-top {cursor: pointer;position: fixed;bottom: 60px;right: 20px;z-index: 1111;display: none;color:#FFFFFF !important;background: rgba(0, 0, 0, 0.65);}

a.facebook:hover{background:#3b5998; }
a.linkedin:hover{background:#0077B5; }
a.google:hover{/*background:#d34836;*/ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
a.twitter:hover{background:#0084b4;}

.parallax { width: 100%; position: relative; overflow: hidden; z-index: 1;}

.parallax-bg { background-attachment: fixed; background-size: cover; width: 100%; height: 100%; position: absolute; z-index:-1;}

/* ==============================
   3. Pre Loader
   ============================== */

#preloader { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 9999;}
#status {width: 150px;height: 150px;position: absolute;left: 50%;top: 50%;background-image: url(../images/preloader.gif);background-repeat: no-repeat;background-position: center;margin: -75px 0px 0px -75px;}


/* ==============================
   4. home css 
   ============================== */
.head-top p { color: #FFF; font-size: 15px; font-weight: 500; margin: 12px 0px; letter-spacing: 0.3px;}
.social a { width: 30px; height: 50px; line-height: 50px; text-align: center; font-weight: 400; padding:0; float: left; font-size: 13px; color: rgba(255, 255, 255, 0.75);}
.social a:hover span{color:#FFF; }

.call-us{position:relative; text-align:left; display:inline-block; padding-left:42px; }
.call-us small{display:block; color:#666; line-height:normal; }
.call-us p{color:#19330C; font-size:18px; margin:0; white-space:nowrap; line-height: 27px;}
.call-us p>a{color:#34177b; font-size:18px; margin:0; white-space:nowrap; line-height: 27px;}
.call-us i{position:absolute; left:0; border:solid 2px #34177b; width: 32px; height: 32px; line-height: 28px; text-align: center; font-size: 14px; color: #34177b; border-radius:100%;}
.banner{position:relative; overflow:hidden; z-index:1; }
.banner:before{ position:absolute;content:"";left: 0; top: -4px; height: 10px; width: 100%; z-index:111; background: rgba(86, 86, 86,1); background: -moz-linear-gradient(top, rgba(86, 86, 86,1) 0%, rgba(0,0,0,0) 100%);	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86, 86, 86,1)), color-stop(100%, rgba(0,0,0,0)));background: -webkit-linear-gradient(top, rgba(86, 86, 86,1) 0%, rgba(0,0,0,0) 100%);background: -o-linear-gradient(top, rgba(86, 86, 86,1) 0%, rgba(0,0,0,0) 100%);	background: -ms-linear-gradient(top, rgba(86, 86, 86,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(86, 86, 86,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#000000', GradientType=0 );}
.welcome{border-bottom:solid 1px #223B0C; }
.welcome span{font-weight:400; }
.welcome .wel-right {background-image: url(../images/wel-right.jpg); left:15px; background-repeat:no-repeat; }
.welcome .wel-right:before{background: rgba(26, 53, 13, 0.75); content:""; width: 100%; height: 100%; display: block; }
.welcome .wel-left {background-image: url(../images/wel-left.jpg); left:0; width:calc(100% - 84%); background-repeat:no-repeat; background-attachment:initial; background-size:contain; }

.experience{position:relative; width:100%; padding:20px 0;  }
.experience + .experience:before{position:absolute; content:""; width:61px; height:1px; background:rgba(255, 255, 255, 0.25); left:0; top:0; }
.experience span{float:left; height:60px; width:60px; line-height:56px; border-radius:4px; border:solid 2px #FFFFFF; margin-right:18px; text-align:center; position:relative; }
.experience h4{color:#FFF; font-size:25px; margin-bottom:0; padding-top: 5px; }
.experience p{color:#FFF !important; font-size:14px; margin-bottom:0; }
.experience span:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.experience:hover span:before { box-shadow: 0 0 10px rgba(255, 255, 255, 0.7); animation: crZoomInOutInvisible 0.5s ease-in-out 1 forwards;}

.welcome h1 {position:relative; padding-bottom:32px; margin-bottom:30px;}
.welcome h1:before, .pro-home h2:before, .why-us h2:before{content:""; position:absolute; left:0; bottom:0; width:200px; height:2px; background:#34177b;}

.about-home, .our-prod{position:relative; padding-left:98px; }
.padl70{padding-left:70px !important;}
.about-home p>strong{    color: #34177b;
    font-size: 22px;}
.about-home span.rotate, .our-prod span.rotate{position:absolute; left:-68px; top: 60px; transform:rotate(-90deg); font-family: 'Playfair Display', serif; color:#666; font-size:33px; letter-spacing:5px; backface-visibility: visible; }
.our-prod span.rotate {left: -114px; top: 145px; }
.why-us .about-home span.rotate{color: rgb(255 255 255 / 34%) }



.content-grid .content-grid-item:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px solid #DADADA;
}

.p-4 {
    padding: 1.5rem !important;
}

.content-grid .content-grid-item .img-fluid {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.content-grid .content-grid-item:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #DADADA;
}


.content-grid .content-grid-item {
    position: relative;
    padding: 10px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.text-img{
	float: left;
    margin-right: 20px;
    width: 220px;
    border: 2px solid #747474;
    border-radius: 2px;
}

.team-text{
	padding-bottom: 50px;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 50px;
	    font-size: 14px;
}

.content-grid .content-grid-item:before, .content-grid .content-grid-item:after {
    content: '';
    position: absolute;
}

.btn-yagna{position:relative; background:#5AA035; font-weight:500; font-size:14px; color:#FFF; border-radius:0; padding:6px 24px 5px 24px; margin: 5px; }
.btn-yagna:hover{color:#FFF; background:#D98920; }
.btn-yagna:before{content:""; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; border:solid 1px #5AA035; }
.btn-yagna:hover:before{border-color:#D98920; }

.pro-home h2, .why-us h2{position:relative; padding-bottom:18px; margin-bottom:30px;}
.pro-home h2 small, .why-us h2 small{display:block; font-size:22px; color:#666666; padding-top:2px; }
.pro-bg {background-image: url(./images/pro-bg.jpg); right:0; width:calc(100% - 84%); background-repeat:no-repeat; background-attachment:initial; background-size:100%; }
 

.why-bg{background-image: url(../images/why-bg.jpg);
    background-repeat: no-repeat; }
.why-bg:before{    background: rgb(15 35 143 / 90%); content:""; width: 100%; height: 100%; display: block; }

.aboutus .team-bg{background-image: url(../images/wel-right.jpg);}
.aboutus .team-bg:before {background: rgb(15 35 143 / 90%); content:""; width: 100%; height: 100%; display: block;}

.why-us h2{color:#fff; }
.why-us h2 small, .why-us p{color:#fff; }
.why-us h2:before{background:#FFF; }
.why-us .about-home{padding-left:65px; }
.why-us .figure-caption{font-size:20px; color:#fff; position:relative; margin-top:16px; padding-top:16px; margin-bottom:32px; }
.why-us .figure-caption:before{content:""; position:absolute; left:0; top:0; width:125px; height:1px; background:#FFFFFF;}
.why-us .figure-caption:after{content:""; position:absolute; left:0; top:0; width:0px; height:2px; background:#4b943e;}
.why-us .figure:hover .figure-caption:after{width:125px;}
.why-us .figure img { -webkit-transform: translateZ(0); transform: translateZ(0);}
.why-us .figure:hover img { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.bg-gray-cont{background:#F1F1F1;}
.form-home .form-group{margin-bottom:8px; }
.form-home .form-control{border-radius:0; height:54px; background: #ffffff; border-color: #B2B2B2; font-size:15px; }
.form-home textarea.form-control{resize:none; height:158px; padding-top:12px; }
textarea.form-control.address {height: 86px;}
.submit{height:100%; border-radius:0; background:#5AA035; font-weight:500; font-size:15px; color:#FFF; padding: 12px 24px; }
.submit:hover{color:#FFF; background:#D98920; }
.captcha-img { position: absolute; right: 15px; top: 15px;}

.brochure {z-index:1;height:100%;padding:14px;background:#FFF;position:relative;-webkit-box-shadow: 0px 0px 25px 1px rgba(102,102,102,0.65);-moz-box-shadow: 0px 0px 25px 1px rgba(102,102,102,0.65);box-shadow: 0px 0px 25px 1px rgba(102,102,102,0.65);}
.brochure>a{background:url(../images/brochure.jpg) 50% 50% no-repeat; background-size:cover; height:100%; width:100%; display:block; min-height:364px; text-decoration:none !important; position:relative; z-index:1;  }
.brochure>a:before{content:""; top:0; left:0; width:100%; height:100%; position:absolute; z-index:-1;  }
.brochure:hover>a:before{background:rgba(0,0,0,0.65);}
.brochure>a span {line-height: 30px; transition: all .5s; font-size: 27px; color: #fff; position: absolute; font-weight: 500; display: block; bottom: 86px; text-align: right; padding-right: 20px; right: 0;}
.brochure:hover>a span{color:#ffffff; text-decoration:none; }
.brochure>a i { position: absolute; left: 0px; right: 51%; bottom: 15%; text-align: center; font-size: 26px; color: #ffffff; opacity: 0;}
.brochure:hover>a i{bottom: 22%; opacity:1; }

.form-bg{right:0; background:url(../images/form-bg.jpg) no-repeat; width: calc(100% - 71%); bottom:2px; top:2px; height:auto; background-size:cover; }
.footer-nav { margin: 0; padding: 0; list-style: none;}
.footer-nav a i{font-size:14px; color:#FFF; width:26px; }
footer p, footer a { color: #9c9c9c; font-size: 16px; line-height: 25px; font-weight: 400;}
footer a:hover, footer p strong{color:#dcdcdc; }
footer h6 { color: #5AA035; font-weight: 500; font-size:16px;}
footer .d-md-flex p, footer .d-md-flex a{font-size:15px; color: rgba(255, 255, 255, 0.65); }
footer hr{border-top: 1px solid rgba(0, 0, 0, 0.24);}
.ftr-social a{font-size: 15px; margin-bottom:5px; display: inline-block;  }
 
/* ==============================
   5. sub page css 
   ============================== */   

.sub.banner { background: url(../images/slider.jpg) 50% 20% no-repeat; min-height: 200px; height: 100%; padding-top: 114px; background-size: cover;}
.sub.banner h1{	font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight:700;	color: #fff;}

.img-holder { height:100%; padding-left: 3rem; position: relative;}
.img-holder:before { content: ""; background-color: #71ad51; width: calc(100% - 24%); height: 100%; position: absolute; left: 0; top: 0;}
.img-holder img { position: relative; display:block; width:100%; height:100%; z-index: 10; padding-right:25.6%;object-fit: cover; -webkit-box-shadow: -12px 0px 35px rgba(0, 0, 0, 0.1); box-shadow: -12px 0px 35px rgba(0, 0, 0, 0.1);}
.pro-text { padding:0; margin-left: -116px; position: relative; z-index: 11; background:#FFF;}
.pro-text h3 { color:#353534; font-size: 28px; padding:18px 0px 4px 0px;}
.right-view .img-holder{padding-right:3rem; padding-left:0; }
.right-view .img-holder:before {right:0; left:auto;}
.right-view .pro-text {margin-left:0;  margin-right: -110px;}
.right-view .img-holder img { padding-right:0; padding-left:25.7%; -webkit-box-shadow: 12px 0px 35px rgba(0, 0, 0, 0.1); box-shadow: 12px 0px 35px rgba(0, 0, 0, 0.1);}
.products p{text-align:justify; }
.products h5 { color: #353534; font-size: 18px; padding-top:7px;}
.wheat li{display:inline-block; padding:2px 18px 5px 18px; position:relative; }
.wheat li::before{content: "\f192"; position:absolute; top:5px; left:1px; font-size:12px; color:#d98920; font-family: 'Font Awesome 5 Free'; font-weight:400;}

.contactus h3 { color:#1a2b12; font-size: 18px; padding-bottom: 7px;}
.contactus p small { display: block; font-size: 17px; color: #585858; font-weight:500; line-height: 20px;}
.contactus .call-us{padding-left:52px; }
.call-us i{width:38px; height:38px; line-height:34px; }

.contactus .call-us p, .contactus .call-us a { color: #666666; font-size: 16px;}
.contactus .form-home .form-control{border-color:rgba(0,0,0,.15); background:#fbfbfb;}
.contactus iframe{ display:block; border:none; width:100%; height:396px;}
.contactus .form-home{position:relative; background:#FFF;  }
.contactus .form-home:before{ position:absolute; content:""; top:18px; left:0; right:0; bottom:0; z-index:-1; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);}
.mak-swch{width:1005; position:relative; float:left; }
.product-list { padding-left: 0; list-style: none;}
.product-list li { display: block; padding: 2px 18px 5px 22px; position: relative;}
.product-list li::before { content: "\f192"; position: absolute; top: 5px; left: 1px; font-size: 12px; color: #d98920; font-family: 'Font Awesome 5 Free'; font-weight: 400;}
.padl0{padding-left:0px !important;}
.mart45{margin-top:45px !important;}
#thanks{width:69%; margin:40px auto; padding:20px; border:#CCC 1px dashed; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333; line-height:20px; font-size:14px; background:#fff;}
#thanks h3{ background-image:none; padding-bottom:15px; font-size: 18px; line-height: 30px; font-weight: 600; color: #59a036 !important}

.recipe{position:relative; width:100%;}
.recipe .recipe-info{position:relative; width:100%; -webkit-transition: all 250ms linear; margin-bottom: 30px;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    transition: all 250ms linear;}
.recipe .recipe-info img{padding: 12px 18px;}	
.recipe .recipe-info:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 36px;
    bottom: 66px;
    border: solid 2px #CECECE;
    z-index: -1;
}
.recipe .recipe-info:hover:before{background: #59a036;}	
.recipe .recipe-info h3 { text-align: center; font-weight: 500; font-size: 16px; color: #666; padding-top: 14px; letter-spacing: 3px; text-transform: uppercase;}
.recipe-details{position:relative; width:100%; text-align:left;}
.recipe-details h3{color: #353534; font-size: 20px;}
.recipe-details h4{color: #353534; font-size: 20px; color:#d98920;}
.recipe-list { padding-left: 0; list-style: none; display:inline-block;}
.recipe-list li { display: block; padding: 2px 18px 5px 18px; position: relative; display:inline-block;}
.recipe-list li::before { content: "\f192"; position: absolute; top: 5px; left: 1px; font-size: 12px; color: #d98920; font-family: 'Font Awesome 5 Free'; font-weight: 400;}
.padl30b1{padding-left:30px; border-left:1px solid #ccc;}
.mart30{margin-top:30px;}

.about-home, .our-cert {
    position: relative;
    padding-left: 65px;
}
/*.our-cert span.rotate {
    left: -114px;
    top: 145px;
}*/
.our-cert span.rotate {
    position: absolute;
    left: -102px;
    top: 70px;
    transform: rotate(-90deg);
    font-family: 'Playfair Display', serif;
    color: #000000;
    font-size: 33px;
    letter-spacing: 5px;
    backface-visibility: visible;
    opacity: 0.35;
}
.mart48{margin-top:48px;}
.owl-cert{position:relative; text-align:center; margin-top: 10px; margin-bottom: 0px;}
.owl-cert .figure-img{margin: auto; text-align: center;}
.owl-cert .figure-img img{margin:0 auto; text-align:center;}
.owl-cert .figure-caption{text-align:center; font-size:14px; line-height:22px; color:#444444; font-weight:500; border-top: 1px solid #CCCCCC; padding-top: 10px; margin-top: 5px;}
.certy{position:relative; padding-bottom: 15px;}
.certy:before{content: "";
position: absolute;
left: 0;
bottom: 0;
width: 200px;
height: 2px;
background: #579E4A;}