/* Fonts */
@import url(navigation.css);
@import url(left-navigation.css);
@import url(font-awesome/css/font-awesome.min.css);
@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat:400,700|Open+Sans:300,400,600,700,800';
@import url('https://fonts.googleapis.com/css?family=Marcellus');


html { margin: 0; padding: 0; height:100%; min-height:100%; background:#fff;}
body{ 
margin:0px;
padding:0px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
line-height:25px;
color:#4d535a;

}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#000000; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:#52741d;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.clear{line-height:0; clear:both;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 0px; border-bottom:1px solid #e7e7e7;
/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);*/
}

h1, h2{font-family: 'Lato', sans-serif; line-height:1.3; font-weight:normal; letter-spacing:1px;}


.aln-cntr{display:block; overflow:hidden; clear:both; text-align:center;}

img{ max-width:100%;}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; padding-left:20px; margin-bottom:10px; text-align:justify; position:relative;}
/*ol li:before{position:absolute; left:0; top:0; content:'\f18e'; display:block; font-family:'FontAwesome'; color:#f3004f;}*/

.aln-cntr-img{display:block; margin-bottom:25px; clear:both; overflow:hidden;}
.aln-cntr-img img{max-width:100%;}


/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.wrap{width:1200px; margin:0 auto; position:relative; clear:both; max-width:100%;}

/* ----------------------- Headre Style ----------------------- */

.wpcf7-list-item{margin:0px !important;}
.wpcf7-list-item label{width: 100% !important;}
.wpcf7-list-item label input{
    float: left!important;
    display: block!important;
    padding: 0px!important;
    width: 14px!important; 
}
.select2-container--default .select2-selection--multiple{border: 1px solid #dedcd7 !important;border-radius: 0px !important;}
.select2-container{width:100% !important;}
.loadmore{color:#fff;font-weight:600;}
.wpb_wrapper iframe{height: 360px;}
.header-bg-area{ display:block; width:100%; float:left; color:#fff; padding:15px; position:fixed; z-index:100;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.46+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.46) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.46) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.46) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.header-area{ display:table; width:100%; text-align:center;}
.header-area > div{ display:table-cell; vertical-align:middle;}

.header-area > div > a img{ float:left; width:60%; -webkit-transition: 0.3s ease-in-out; /* Safari */transition: 0.3s ease;}

.header-area > div:last-child > ul{ float:right; text-align:center;}
.header-area > div:last-child li{margin-right:12px; display:inline-table;}
.header-area > div:last-child li a{display:block; color:#fff; text-align:center; position:relative;}
/*.header-area > div:last-child li a:after{font-size:23px; content:"\f09a"; font-family:'FontAwesome';}
.header-area > div:last-child li:nth-child(2) a:after{content:"\f099";}
.header-area > div:last-child li:nth-child(3) a:after{content:"\f231";}
.header-area > div:last-child li:nth-child(4) a:after{content:"\f0e1";}*/
.header-area > div:last-child li a:hover{color:#f9c80b;}

.fix {
position:fixed; z-index:500;
top: 0;
left: 0;
right: 0;
margin: 0;
background: #52741d;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

#cssmenu > ul > li > a{-webkit-transition: 0.3s ease-in-out; /* Safari */transition: 0.3s ease;}
.fix .header-area > div > a img{width:50%;}

.p-date{
  display: flex;
  color: #8e8c8c;
}
.date-icon{
  margin-right: 5px;
  font-size: 14px;
}
.date-icon .fa{
  font-size: 15px !important;
}
/* ----------------------- Banner Style ----------------------- */
.banner-area{position:relative; display:block; clear:both;}
.banner-area li img{float:left; width:100%;}
.banner-area img{ float:left; width:100%;}

/*--------------------------- slider in csr--------------------*/
.slider-container-csr {
    display: grid;
    grid-template-columns: 711px;
}
/*----------------------------------blog listing styles----------------*/
.purti-blog-list{
    width: 100%;
    margin: 0px auto;
    padding: 26px;
    background: #fff;
}
.purti-blog-list-items{
    margin: 30px auto;
    overflow: inherit !important;
    list-style: none;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(104px,373px));
    grid-gap: 1rem;
}
.purti-blog-list-items li{
    display:block !important;
    width:100% !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.39) !important;

}
.purti-blog-list-items li img{
    width:100% !important;
}
.purti-blog-list-items li a.item-link{
    padding:15px;
}
/*----------------------------- footer style custom ----------- */
.f-wrap{
  display: flex;
  width: 100%;
}
.f-info,.f-utility,.f-connect,.f-our-link{
  width: 25%;
  padding:0px 12px;

}
.f-utility h3,.f-connect h3,.f-our-link h3{
  border-bottom: 1px solid #fff;
  padding-bottom: 8px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}
.f-utility a,.f-connect ul.f-connect-links-u li a,.f-our-link a{
  color:#ffffff !important;
}
.f-utility ul{
  /*height: 245px;*/
}
.f-utility ul li{
  padding:2px 0px;
  display: inline-block;
  width: 100%;
}
.f-our-link ul li{
  padding:2px 0px;
  display:block;
}
.f-connect ul.f-connect-links-u{
  /*height: 200px;*/
}
.f-connect ul.f-connect-links-u li{
  padding:2px 0px;
  display: inline-block;
  width: 100%;
}
.f-connect-links{
  padding-bottom: 15px;
}
.f-connect .f-connect-share ul.social-nav{
  text-align: left;
  padding-top: 0px;
  margin-top: 15px;
}
.f-info-content{
  display: flex;
  flex-direction: column;
}
.f-info-content p{
  padding-top: 15px;
  font-style: italic;
}
.footer-area form{
  border-spacing: 0px !important;
}
.es-field-wrap{
  display: flex;
}
.es-field-wrap button{
  background-color: #487a25 !important;
}
.footer-area form label{
  margin:0px;
}
ul.social-nav li a{
  background-color: #ffffff !important;
  color: #89ac12 !important;
  padding:4px;

}
.c-container{
  display: flex;
  justify-content: space-between;
  width: 1200px;
  max-width: 100%;
  clear: both;
  position: relative;
  margin: 0px auto;
}

/*-------------------------- woocommerce -----------------------------*/
.woocommerce div.product div.images{
  display: block;
}
.related h2{
  padding: 13px 0px;
}
.flex-control-nav li:before{
  content: '' !important;
}
.flex-control-nav li{
  padding:0px !important;
}
.flex-control-nav{
  display: flex;
  width: 100%;
}
.widget-title{
  padding: 10px 0px;
}
.entry .entry-summary {
    max-width: 80%;
     margin: 0px !important; 
     padding: 0px !important; 
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 35% !important;
    float: left;
    margin: 0;
    list-style: none;
}
.entry {
    /*margin-top: calc(3 * 1rem) !important;*/
}
.wrapper-woo{
  display: flex;
}
.wrapper-woo #secondary-side{
  padding-right:30px;
}
.wrapper-woo .entry-header{
  border:none !important;
  background-color: transparent !important;
  margin:0px !important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12) !important;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12)  !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0)  !important;
}
.p-s-wrap{
  display: block;
  width: 910px ;
  overflow: hidden;
}
.p-s-wrap .item img{
  width: 100%;
  height: 100%;
}
.p-s-wrap .owl-carousel div h2{
  margin-bottom: 0px;
}
.p-s-wrap .owl-carousel div a {
    display: block !important;
    color: #000 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    padding-bottom: 0px !important;
}
.p-s-wrap .p-s-header span{
  display: flex; 
  flex-direction: row;
}

.p-s-wrap .p-s-header >span:before 
         { 
            content: ""; 
            flex: 1 1; 
            border-bottom: 1px solid #000;
            margin:0px 4px 12px 0px; 
             
        }
        .p-s-wrap .p-s-header > 
        span:after { 
            content: ""; 
            flex: 1 1; 
            border-bottom: 1px solid #000;
            margin:0px 0px 12px 4px;  
             
        }

.woocommerce-loop-product__title{
  background-color: #fff !important;
  color:#000 !important;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    display: block;
    text-align: center;
    background: #83974f;
    color: #fff;
}
/* ----------------------- Our Brands Style ----------------------- */
section.module.parallax { padding: 0px 0; background-position: 0 0; clear:both; padding:40px 0; color:#fff;}
section.module.parallax-1 { background-image: url("../images/texture-corporate-light.jpg"); }
section.module.parallax-2 { background-image: url("../images/welcome-bg.jpg");background-size: cover;}
section.module.parallax-3 { background-image: url("../images/footer-bg.jpg");background-size: cover;}
section.module.parallax-bg { background-image: url("../images/bg.jpg"); min-height:200px;background-size: cover;}





.brand-area{ display:block; overflow:hidden; text-align:center; color:#363636; text-align:center; padding-bottom:20px;}
.brand-area h1 { display:block; font-size:30px; font-weight:400; text-transform:uppercase; margin-bottom:35px; color:#d0933d;}
.brand-area > p { display:block; padding:0px 100px 20px;}


/* Carousel */
.owl-carousel{text-align:center; padding-bottom:80px;}
.owl-carousel .item{display:block; background:#93b416;}
.owl-carousel div h2{text-align:center; width:100%; display:block; text-transform:uppercase; font-size:18px; font-weight:400; line-height:1.3; margin-bottom:10px; padding:10px; background:rgba(0, 0, 0, 0.1);
color:#fff;}
.owl-carousel div p{display:block; margin-bottom:15px; line-height:1.4;}
.owl-carousel div a{display:inline-block; color:#93b416; font-size:14px; text-decoration:underline; padding-bottom:20px;}
.owl-carousel div a:hover{}

.owl-carousel > div > div > div:nth-child(2) > div{ background:#c99b51;}
.owl-carousel > div > div > div:nth-child(3) > div{ background:#f9c80b;}
.owl-carousel > div > div > div:nth-child(4) > div{ background:#93b416;}
.owl-carousel > div > div > div:nth-child(5) > div{ background:#8e7f75;}



.owl-carousel .item > span{ display:block; padding:70px 0 50px;}
.owl-carousel .item > a img{ position:absolute; left:50%; bottom:-80px; transform: translate(-50%,0); transition:1s ease;}
.owl-carousel .item:hover > a img{bottom:-100px;}
/* Carousel End */





.brand-area > a{ padding:10px 25px; border:2px solid #b3823b; color:#b3823b; border-radius: 30px; transition: all 0.5s; display:inline-block; text-transform:uppercase; font-weight:600;}
.brand-area > a > span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  clear:both;
}
.brand-area > a > span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: -1px;
  right:-20px;
  transition: 0.5s;
  font-size:25px;
}

.brand-area > a:hover > span {
  padding-right: 25px;
  color:#b3823b !important;

}

.brand-area > a:hover > span:after {
  opacity: 1;
  right: 0;
}

/*=====================custom style by admin===========================*/
h1:not(.site-title):before, h2:before {
  content: none !important;
  }
  .submenu-expand{
    display: none;
  }
  .mobile-parent-nav-menu-item{
    display: none !important;
  }
  .mobile-parent-nav-menu-item .menu-item-link-return{
    display: none;
  }
  .fa{
    font-size: 18px !important;
  }
  .vertical .fa{
     font-size: 28px !important;
  }
  .about-us ul ul{
    display: block !important;
  }
  .zv-content a{
    font-size: 15px !important;
  }
  .contact-area .fa{
    font-size: 14px !important;
  }
  /*======================== purti-listing style==========================*/
  .purti-list ul{
    width:100%;
    padding: 2px;
  }

  .purti-list ul li{
    width: 31.5%;
    border-top:5px solid linear-gradient(to right , red , black);
    float: left;
    background: #ffffff;
    padding: 15px;
    text-align: center;
    margin:4px;
    position: relative;
    box-shadow:0 0 5px #0000004f;
  }
  .purti-list ul li::before{
    /*content: ' ';*/
    /*width: 22%;
    height: 22%;*/
/*    border-bottom: 30px solid transparent;
    border-top: 30px solid #ffe404;
    border-right: 30px solid transparent;
    border-left: 30px solid #ffe404;

    color: black;
    top: 0px;
    left: 0px;
    position: absolute;*/
    /* background: black; */
    /*display: block;
    border-top: 4px solid black;
    border-left: 4px solid black;*/
  }
    .purti-image-container{
    width: 100%;
    position: relative;
    height: 300px;
    color: red;

  }
  .purti-list ul li div{
    /*margin:0px auto;*/
    /*color: white;*/
  }
  .recipe-list {
    width: 100%;
    height: 210px;
    /*background: red;*/
    position: relative;
    float: left;
    /*padding: 30px;*/
  }
  .recipe-list a img{
/*    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    padding: 25px;*/
  }
/*  .purti-title-container{
    position: absolute;
    bottom: 13px;
    left: 0;
    text-align: center;
    right: 0;
  }
  .purti-image-container{
    position: absolute;
    top: 30px;
  }*/
  .purti-list .item h2
    {
    text-align: center;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}
.purti-list .item > span {
    display: block;
    padding: 70px 0 50px;
}
.purti-list li a:hover {
  color:#000;
    /*display: inline-block;*/
    /*color: #93b416;*/
    /*font-size: 14px;*/
    /*text-decoration: underline;*/
    /*padding-bottom: 20px;*/
}
.purti-list .item > a img {
    position: absolute;
    left: 50%;
    bottom: -80px;
    transform: translate(-50%,0);
    transition: 1s ease;
}
.purti-list .item > a img:hover{
  bottom: -100px;
}
.purti-list .item{
    margin: 0;
    padding: 0px;
    margin: 0px 10px 110px;
}
  
  .purti-list ul li div a > img{
    margin:0px auto;
    /*width: 100%;*/
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    /*width: 209px;*/
/*    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);*/
    /*transition: height .2s;*/
  }
  .purti-list ul li div a{
    /*color: #000000;*/
    /*font-size: 20px;*/
    /*font-weight: 600;*/
  }


  .purti-list ul li:hover {
    box-shadow:0 0 5px black;

  }
  .nav-purti .wp-pagenavi{
    clear: both;
    margin-top: 0px;
    text-align: center;
    padding-top: 18px;
    /* background: yellow; */

  }
  .nav-purti .wp-pagenavi a, .nav-purti .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
    background: #ffffff;
}
.wpb_video_widget .wpb_video_wrapper {
     padding-top: 0px !important; 
    
}
.wpb_video_wrapper{
  text-align: center;
}
.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    padding-top: 0px !important;
}

                  /*style for search bar*/
.search-header-top{
      position: absolute;
    top: 70px;
    right: 146px;
    display:none;
    background: rgb(82, 115, 29);
    padding: 5px;
    box-sizing: border-box;
    box-shadow: black 1px 6px 11px -5px;
}
.modal-otp{
  background: #00000096 !important;
}
#mobotp,#eml{
  /*margin-bottom: 0px !important;*/

}
#verify-button{
  font-size: 11px !important; 
}
/*============================ FOR RECIPE CATEGORY STYLE =======================*/
#blog-category-menu {
    display: inline-block;
    clear: both;
    background: #f9c80b;
    padding: 0 10px;
    margin-bottom: 30px;
}
#blog-category-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#blog-category-menu ul li {
    display: inline-block;
    position: relative;
}
#blog-category-menu ul li a.parent {
    padding-left: 20px;
    box-sizing: inherit;
    letter-spacing: 1px;
}
#blog-category-menu ul li a.parent:before {
    top: 14px;
    height: 2px;
    background: #000;
    box-sizing: initial;
}
#blog-category-menu ul li a.parent:after {
    top: 19px;
    height: 3px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    box-sizing: initial;
}
#blog-category-menu ul li a.parent:after, #blog-category-menu ul li a.parent:before {
    position: absolute;
    left: 0;
    width: 16px;
    content: '';
    display: block;
}

#blog-category-menu ul a {
    display: block;
    padding: 8px;
    color: #000;
    box-sizing: inherit;
}
#blog-category-menu ul a{
    color: #000;
    text-decoration: none;
}
#blog-category-menu ul li ul {
    position: absolute;
    top: 36px;
    left: -10px;
    width: 200px;
    background: #f9c80b;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
    background-clip: padding-box;
    max-height: 195px;
    overflow: auto;
}
#blog-category-menu ul li ul li {
  clear: both;
    display: block;
    padding: 10px 30px;
    
}
#blog-category-menu ul li:hover > ul{
  visibility: visible;
  opacity: 1;
}
/*================================== for post details next previous button ======*/
.next-prev-buttons{
  clear: both;
  display: block;
  padding: 8px 0px;
  overflow: hidden;
  margin-top: 5px;
  position: relative;
}
.previous-button-purti{
  display: inline-block;
  float: left;
}
.previous-button-purti a{
  padding: 8px 15px;
    border-radius: 3px;
    background: #1f2524;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}
.next-button-purti{
  display: inline-block;
  float: right;
}
.next-button-purti a{
  padding: 8px 15px;
  border-radius: 3px;
  background: #1f2524;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}
.next-button-purti a:hover,.previous-button-purti a:hover{
  background: yellow;
}
.comment-form-comment label{
  font-size: 15px !important;
}
/* ==================== tag style in blog details page ======================*/
.tag-list{
  margin-top:50px;
}
.tag-list ul li{
  display: inline-block;
}
.tag-list ul li a{
    display: inline-block;
    margin: 0 5px 10px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #d1d1d1;
    padding: 3px 8px;
    color: #838484;
}
.tag-list ul li a:hover{
  background: #000;
  color:white;
}
/*=====================custom style end by admin===========================*/
.welcome-area{ display:block; width:50%;}
.welcome-area > span{ display:block; font-size:48px; font-weight:300; line-height:1; padding-bottom:25px; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);}
.welcome-area > span strong{ display:block; clear:both; font-weight:600; color:#f9c80b;}
.welcome-area > p { display:block; padding:0px 0px 40px; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2)}

.welcome-area > a{ padding:10px 25px; border:2px solid #fff; color:#fff; border-radius: 30px; display:inline-block; text-transform:uppercase; font-weight:600; margin-top: 36px;}
.welcome-area h1,.welcome-area h2,.welcome-area h3,.welcome-area h4,.welcome-area h5,.welcome-area h6{
  display: none;
}


.quqlity-bg-area{ display:block; width:100%; float:left; margin-top:10px;
background: rgba(19,95,108,1);
background: -moz-linear-gradient(top, rgba(19,95,108,1) 0%, rgba(71,133,125,1) 72%, rgba(98,153,135,1) 99%, rgba(98,153,135,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,95,108,1)), color-stop(72%, rgba(71,133,125,1)), color-stop(99%, rgba(98,153,135,1)), color-stop(100%, rgba(98,153,135,1)));
background: -webkit-linear-gradient(top, rgba(19,95,108,1) 0%, rgba(71,133,125,1) 72%, rgba(98,153,135,1) 99%, rgba(98,153,135,1) 100%);
background: -o-linear-gradient(top, rgba(19,95,108,1) 0%, rgba(71,133,125,1) 72%, rgba(98,153,135,1) 99%, rgba(98,153,135,1) 100%);
background: -ms-linear-gradient(top, rgba(19,95,108,1) 0%, rgba(71,133,125,1) 72%, rgba(98,153,135,1) 99%, rgba(98,153,135,1) 100%);
background: linear-gradient(to bottom, rgba(19,95,108,1) 0%, rgba(71,133,125,1) 72%, rgba(98,153,135,1) 99%, rgba(98,153,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135f6c', endColorstr='#629987', GradientType=0 );}


.quqlity-bg-area > div{ display:block; overflow:hidden; background: url(../images/lft-bg.png) no-repeat center left, url(../images/rit-bg.png) no-repeat right center, url(../images/inner-rit-bg.jpg) no-repeat right bottom;  }

.quality-area{ display:table; width:100%; padding:40px 0; color:#fff;}
.quality-area div{ display:table-cell; width:50%; padding:20px 40px; border-right:2px dotted #46aab3; }
.quality-area div h3{ display:block; font-size:22px; font-weight:300; padding-bottom:18px; background:url(../images/line.jpg) no-repeat left bottom; margin-bottom:30px; }
.quality-area div img{ display:block; margin-bottom:25px;}
.quality-area div p{ display:block; padding-bottom:20px;}
.quality-area div a{ color:#fff; text-decoration:underline; text-transform:uppercase; font-weight:700; font-size:14px;}

.quality-area div:last-child{ border-right:0;}



.phone-bg-area{ display:block; clear:both; padding:25px 0; background:url(../images/texture-corporate-light.jpg) repeat-x; color:#000000;}
.phone-bg-area > div ul{ text-align:center;}
.phone-bg-area > div ul li{ display:inline-block; padding:0px 22px;}



.footer-area{ display:block; overflow:hidden;}
.footer-area form{display:table; width:100%; border-spacing:10px 0;}
.footer-area form label{display:table-cell;width:100%;}
.footer-area form label input{width:100%; padding:10px; background:ffffff; color:#000;}
.footer-area form label input[type="submit"]{cursor:pointer; background:#202524; color:#fff; text-transform:uppercase; font-weight:600; letter-spacing:1px; border:none;}

ul.social-nav .fa{
  font-size: 16px !important
}
ul.social-nav{ text-align:center; padding-top:13px;}
ul.social-nav li{margin-right:5px; display:inline-table;}
ul.social-nav li a{width:30px;  display:block; background:#3d5b9b; color:#fff; text-align:center; position:relative; border:1px solid #fff;}
ul.social-nav li a:after{line-height:30px; font-size:16px; }
ul.social-nav li:nth-child(2) a{ background:#2caae1; color:#fff;}
/*ul.social-nav li:nth-child(2) a:after{content:"\f099";}*/
ul.social-nav li:nth-child(3) a{ background:#ba000a; color:#fff;}
/*ul.social-nav li:nth-child(3) a:after{content:"\f231";}*/
ul.social-nav li:nth-child(4) a{ background:#006699; color:#fff;}
/*ul.social-nav li:nth-child(4) a:after{content:"\f0e1";}*/
ul.social-nav li:last-child a{ background:#98FB98; color:#fff;}
/*ul.social-nav li:last-child  a:after{content:"";}*/

ul.social-nav li a:hover{background:#ffd200; color:#000;}


ul.footer-nav{ display:block; text-align:center; padding-top:35px;}
ul.footer-nav li{ display:inline-block; padding:0px 10px; color:#fff; border-right:1px solid white;padding: 0px 26px; line-height: 15px;}
ul.footer-nav li:last-child{
  border: none !important;
}
ul.footer-nav li a{ color:#fff;}
ul.footer-nav li a:hover{ text-decoration:underline;}


.copyright-area{ display:block; width:100%; float:left; text-align:center; background:#305605; padding:10px 0; color:#fff; font-size:14px;}



.inner-bg-area{ display:block; background:url(../images/texture-corporate-light.jpg) ; clear: both;background-size: cover;}
.inner-sub-bg{ display:block; overflow:hidden; background:url('../images/inner-bg.jpg'); padding:180px 0 30px; background-size: cover;}

/*.mustard-bg{background-image:url('../images/mustard-bg.jpg');}
.sunflower-bg{background-image:url('../images/inner-bg1.jpg');}
.soya-bg{background-image:url('../images/soya-bg.jpg');}
.rice-bran-bg{background-image:url('../images/rice-bran-bg.jpg');}
.vanaspati{background-image:url('../images/vanaspati-bg.jpg');}*/



ul.page-path {  display:block; overflow:hidden; margin-bottom:10px;}
ul.page-path li{float:left; padding:0 3px; color:#fff; font-size:14px; text-transform:uppercase;}
ul.page-path li a{color:#fff;}
ul.page-path li a:hover{color:#face00;}


.inner-area{ display:table; width:100%; float:left; background:rgba(255, 255, 255, 1); padding:15px 0; color:#424242;}
.inner-area > div{ display:table-cell;}
.inner-area > div:last-child{width:30%; vertical-align:top; border-left:2px dotted #cbcdcf; padding:0px 42px 15px 42px;;}
.inner-area > div:first-child{ padding:0 26px; background:none;}
.inner-area h1{ display:block; clear:both; font-size:36px; color:#656565; font-weight:300; text-transform:capitalize; padding-bottom:20px;}
.inner-area p{ display:block; clear:both; padding-bottom:10px; text-align:left;}
.inner-area > div:last-child img{ display:block; margin:0 auto; width:100%;}

.pro-area{ display:block; overflow:hidden;}
.pro-area h2{ display:block; text-align:center; padding:8px; background:#83974f; font-size:22px; color:#fff; font-weight:600; margin-bottom:20px; font-family:'Marcellus';}
.pro-area h2 span{ text-transform:uppercase;}

.pro-area img{ display:block; margin:0px auto;}
.pro-area > span{ display:block; clear:both; font-size:20px; color:#af5502; padding-bottom:15px;}
.pro-area > strong{display:block; clear:both; font-size:15px; padding-bottom:8px; font-weight:600;}

.pro-area > div{ display:table; width:100%;}
.pro-area > div > div{ display:table-cell; background:#face00; vertical-align:top; color:#282828;}
.pro-area > div > div:first-child{ width:335px; }
.pro-area > div > div img{ float:left; width:100%;}
.pro-area > div > div:last-child{ padding:40px; text-align:left;}

.pro-area > div > div span{ display:block; clear:both; font-size:18px; padding-bottom:15px;}

.pro-area > div > div li{ display:block; clear:both; padding-bottom:10px;}





.blog-area{ display:block; overflow:hidden; padding:50px 0 0; clear:both; text-align:center; border-bottom:1px solid #ccc;}
.blog-area h3 { display:block; font-size:30px; font-weight:400; text-transform:uppercase; margin-bottom:35px; color:#d0933d; height: 40px;line-height: 30px;}
.blog-area > p { display:block; padding:0px 100px 20px;}

.blog-area ul{ display:block;  padding:25px 0;}
.blog-area ul li{ display:inline-block; width:29%; margin:0px 0.8% 2%; text-align:left; vertical-align:top;}
.blog-area ul li h4{ display:block; color:#5e752c; clear:both; font-size:16px; padding-bottom:15px;}
.blog-area ul li img{ padding-bottom:8px; width:100%; height: 200px;}
.blog-area ul li p{ display:block; clear:both; padding-bottom:10px;}
.blog-area ul li a{ text-transform:capitalize; color:#52741d; font-size:23px; line-height:25px; font-family:'Lato', sans-serif;}
.blog-area ul li .zv-rm a{font-size:14px;text-decoration:underline; line-height:1; display:none;}
.blog-area ul li a:hover{ color:#333;}
.zv-date{display:none;}

.more{ display:inline-block; padding:6px 25px; background:#93b416; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase; margin-bottom:40px;}
.more:hover{ background:#333; color:#fff;}


.inner-banner{display:block; overflow:hidden; clear:both; margin-bottom:25px;}

.left-panel > h2{display:block; margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:25px;}

.contact-area{display:block; overflow:hidden; clear:both;}
.contact-area h3, .enquiry h3{display:block; text-transform:uppercase; font-size:16px; margin-bottom:8px; color:#52741d;}
.contact-area ul{display:block; margin-bottom:30px;}
.contact-area ul li{position:relative; padding:3px 0; padding-left:25px;}
.contact-area ul li i{position:absolute; left:0; top:6px; color:#f09c18;}


.enquiry form{display:block; clear:both;}
.enquiry form label{width:50%; padding-right:5px;margin-bottom: 0;}
.enquiry form label:nth-child(even){padding-left:5px; padding-right:0;}
.enquiry form input, .enquiry form textarea, .enquiry form select{width:100%; padding:8px; box-sizing:border-box; border:1px #dedcd7 solid; font-family:'open sans'; font-size:14px;}
.enquiry form input:focus, .enquiry form textarea:focus, .enquiry form select:focus{border-color:#52741d;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.purti-group{
  padding:7px;
}
.purti-group form input[type="radio"]{
    width: auto; 
    padding: 1px !important; 

}
.enquiry form input[type="submit"]{border:none; background:#f09c18; color:#fff; text-transform:uppercase; font-weight:600; cursor:pointer;}
.enquiry form input[type="submit"]:hover{background:#52741d;}



.bakes{display:table; width:100%; margin-bottom:15px;}
.bakes li{ display:table-cell; width:33.33%; padding:10px;}
.bakes li span{padding:10px 0 0; display:block; clear:both; overflow:hidden; font-weight:600; line-height:1.3;}







.table-area h4{ display:block; margin-bottom:15px;}
table{margin:10px 0 0 0; border-collapse:collapse; margin-bottom:10px; width:100%; background:#fff;}

th {
color:#9f8337; 
text-transform:uppercase;
vertical-align: middle;
white-space: normal;
padding:10px;
text-align:left;
font-weight:500;
color:#fff!important;
background: #8ab253;
border:1px solid windowtext;
border-color:#0c8a45;
}
td {
font-style: normal;
text-decoration: none;
vertical-align: middle;
white-space: normal;
padding:10px;
border:1px solid windowtext;
border-color:#cfcfcf;
}
tr:nth-child(odd) td{background:#f9f9f9;}

.enquiry .source_id , .enquiry .campaign_id {
  margin-bottom: 0px !important;
}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (max-width: 1200px){
	.wrap{margin:auto; width:auto; display:block; padding:0px 10px;}
	.header-area > div:last-child{ display:none;}
	#cssmenu > ul > li > a{padding:11px 13px;}
	.quqlity-bg-area > div{ background:none;}
	.phone-bg-area > div ul li{ padding:0px 10px;}
	
	.inner-sub-bg{ padding: 100px 0 30px;}
	
	
	
}


@media (min-width: 721px) and (max-width: 980px){
	.fix { display:none;}
	.header-bg-area{ position:relative; background:#52741d; padding: 0px 15px; margin-bottom: 2px;}
	.header-area > div > a img{ width:auto;}
	.header-area > div{ display:block; clear:both; padding-bottom: 10px;}
	#cssmenu ul ul ul li a{ width:100%;}
	.brand-area > p{ padding: 0px 10px 20px;}
	
	.welcome-area{ width:100%;}
	
	.phone-bg-area > div ul li{ display:block; clear:both;}
	
	ul.footer-nav li{ padding: 0px 5px;}
	
	.inner-sub-bg{ padding: 50px 0 30px;}
	.pro-area > div > div{ display:block; clear:both;}
	.pro-area > div > div:first-child{ width:100%;}
	.blog-area > p{ padding:20px;}
	.blog-area ul li{ width:48%;}
	
}


@media (max-width: 720px){
    .p-s-wrap{
        width: 100%;
    }
	.fix { display:none;}
	.header-bg-area{ position:relative; background:#52741d; padding: 0px 15px; margin-bottom: 2px;}
	.header-area > div > a img{ width:auto;}
	.header-area > div{ display:block; clear:both; padding-bottom: 10px;}
	#cssmenu ul ul ul li a{ width:100%;}
	
	.brand-area > p{ padding: 0px 10px 20px;}
	
	.welcome-area{ width:100%;}
	
	.phone-bg-area > div ul li{ display:block; clear:both;}
	
  ul.footer-nav li{
    border: none;
  }
	ul.footer-nav li{ padding: 0px 5px;}
	/*ul.footer-nav li:nth-child(even){ display:none;}*/
	
	
	.inner-sub-bg{ padding: 50px 0 30px;}
  .banner-area ul{margin:0px auto;}
	.inner-area > div{ display:block;padding:7px!important;}
	.pro-area > div > div{ display:block; clear:both;}
	.pro-area > div > div img{ display:none;}
	.blog-area > p{ padding:20px;}
	.blog-area ul li{ width:46%;}
	#cssmenu1{ display:none;}
	.inner-area > div:last-child, .inner-area > div:last-child img{ width:auto; margin:0px auto; border:none;}
	.inner-area{ display:block;}
	
	.bakes li{ display:block; width:100%;}
	
	table {overflow-y: scroll!important; display: block!important;}
    .f-wrap{
        flex-direction: column ;
    
    }
        .f-info,.f-utility,.f-connect,.f-our-link{
        width: 100%;
        margin-bottom:15px;
    
    }
    .slider-container-csr{
        display:block;
    }
    .slider-container-csr .slick-prev{
        left:-7px !important;
    }
    .slider-container-csr .slick-next{
        right:-7px !important;
    }

}



@media (max-width: 480px){
	.quality-area div { display: block; width:100%; padding:20px; border-right: 0; border-bottom:2px dotted #46aab3;}
	.quality-area div:last-child { border-bottom:0;}
	.footer-area form label { display: block; margin-bottom: 5px;}

  ul.footer-nav li{
    border: none;
  }
	ul.footer-nav li{ width:48%;}
	/*ul.footer-nav li:nth-child(even){ display:none;}*/
	
	.blog-area ul li{ width:100%; margin:0 0 20px;}
  .purti-list ul li{
    width: 100%;
    float: left;
    background: #00000036;
    padding: 15px;
    text-align: center;
    margin:4px 0px;
  }
}


@media (max-width: 360px){
	
	.quality-area div { display: block; width:100%; padding:20px; border-right: 0; border-bottom:2px dotted #46aab3;}
	.quality-area div:last-child { border-bottom:0;}
	.footer-area form label { display: block; margin-bottom: 5px;}
  ul.footer-nav li{
    border: none;
  }
	ul.footer-nav li{ width:100%;}
	/*ul.footer-nav li:nth-child(even){ display:none;}*/
	.inner-area{ display:block;}
	.blog-area ul li{ width:100%; margin:0 0 20px;}
	
	
	.enquiry form label{width:100%; padding-right:0px;}
	.enquiry form label:nth-child(even){padding-left:0px;}
	
	
}



/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
@media only screen and (min-width: 768px){
.entry .entry-content, .entry .entry-summary {
      max-width: 100% !important;
     margin: 0 !important; 
     padding: 0px !important; 
}

}