/*
Theme Name: Kriti
Theme URI: 
Author: Amit
Description: 
Template: twentynineteen
Version: 1
*/

/* @import url("../twentynineteen/style.css"); */
/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
/******************** main nav start ****************************/
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #e53f2c;
}
#rmp_menu_trigger-2293 .responsive-menu-pro-inner, #rmp_menu_trigger-2293 .responsive-menu-pro-inner::before, #rmp_menu_trigger-2293 .responsive-menu-pro-inner::after{
  width: 20px !important;
  height: 2px !important;
  background-color: #323232 !important;
  border-radius: 4px;
  position: absolute;
}

.menuOuter{float: right;width: 100%;margin-top: 10px;}
.navParent {
position: relative;
text-align: left;
z-index: 10;
display: block;

}
.navParent .row {
overflow: visible;
}
.main-navigation{
    padding: 0;
  
}
.navParent .menu{margin-bottom: 0;padding-left: 0;}
.main-navigation ul li {
display: table-cell;
text-decoration: none;
vertical-align: middle;
position: relative;
}
.main-navigation ul li:last-child {
border: none;
}
.main-navigation ul li:last-child ul.sub-menu li a {
width: 12rem;
}
.main-navigation ul li:last-child a {
padding-right: 0;
}
.main-navigation ul li:last-child a:after{
display: none;  
}
.main-navigation ul li:hover>ul, .main-navigation ul li:focus>ul, .main-navigation ul li .focus>ul {
border-left: 0;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.main-navigation ul li a {
color: #000;
display: block;
font-size: 12px;
font-weight: 400;
padding:7px 15px;
border-bottom: solid 3px #fff;
-moz-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
text-decoration: none; 
position: relative;
text-transform: uppercase;
}
.main-navigation ul li .sub-menu a
{margin: 0;line-height: 17px;}
.main-navigation ul li a:hover {
border-bottom: solid 3px #000;
}
.main-navigation ul li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 9999;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
/* box-shadow: 0 6px 5px rgba(0, 0, 0, 0.5); */
}
.main-navigation ul li ul li {
padding: 0;
display: block;
}
.main-navigation ul li ul li a {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ededed;
color: #333333;
font-size: 14px;
display: block;
font-weight: 400;
padding: 10px 16px;
text-transform: inherit;
white-space: normal;
width: 8rem;
min-height: inherit;

}
.main-navigation ul li:last-child {
padding-right: 0;
}
.main-navigation ul li:first-child {
padding-left: 0;
}
.main-navigation ul li:hover>a {
/*background: #fff none repeat scroll 0 0;*/
}
.main-navigation .current-menu-item>a, .main-navigation .current-menu-ancestor>a, .main-navigation .current_page_item>a, .main-navigation .current_page_ancestor>a {
border-bottom: solid 3px #000;
}
.main-navigation li ul li a:hover, .main-navigation li ul li.current-menu-item a, .main-navigation li ul li a:focus {


}
.navParent .home_icon a {
border: medium none;
font-size: 0;
height: 18px;
width: 21px;
padding: 12px 0px;
}
.navParent .home_icon a:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 28px;
}
.main-navigation ul li:hover:last-child ul {
right: 0;
}
.navHome{float: left;color: #f7c628;margin-top: 5px;}
.stockdio_ticker{float: left;margin-top: -5px;height: 29px;}
.resources a{background: url(images/pdf.jpg) no-repeat left; padding-left: 50px;display: inline-block;background-size: 40px;height: 40px;padding-top: 10px;}
.resources td{vertical-align: middle;}
/* ======== Common ======== */
/* font-family: 'Poppins', sans-serif;
font-family: 'Ubuntu', sans-serif;
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    padding: 0px;
    margin: 0px;
    font-family: sans-serif;
    font-weight: 400;
    font-size:14px;
    color: #333;
    -webkit-font-smoothing: antialiased;
     overflow-x: hidden;
}

/* searchbar start */
.searchbar{
  list-style: none; 
  padding: 0;
  display: none;
}

@media screen and (max-width:992px) {
  .searchbar{
    display: block;
  }
  #rmp_menu_trigger-2293
  {
    display: block !important;
  }
}
@media screen and (max-width:420px) {
  .searchbar{
    width: 130px;
  }
}
button.rmp_menu_trigger .rmp-trigger-box{
  width: 30px;
}
/* searchbar end */
.custom-container{padding: 0px 0px; margin-bottom:0px;}
a {
    color: #b21f2a;
}

a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    color: #ea9629;
    outline: 0;
}
a:hover {
    text-decoration: none;
    transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}
.site-main ul{padding-left: 15px;margin-left: 0;}
.site-main ul li{background: url(images/bullet.png) no-repeat 0px 3px;min-height: 22px; background-size: 19px;
list-style: none;
padding-left: 30px;
margin-bottom: 30px;}

.listCol2 li {
    display: inline-block;
    width: 47%;
    margin-bottom: 5px;
}
.listCol3 li {
    display: inline-block;
    width: 29%;
    margin-bottom: 5px;
}

a img{border-right: none;}
.imgR, .alignright {float: right; margin: 0 0 15px 20px;height: auto !important;}
.imgL, .alignleft {float: left; margin: 0 20px 15px 0;height: auto !important;}
.desk{display: inline-block !important;}
.mob{display: none !important;}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img{max-width: 100% !important;}

.yellowSec{background: #f7c628;padding:30px;color: #fff;margin-bottom: 60px;}
.contentImgR{padding-left: 80px;}
.team{text-align: center;}
.team img{display: table;margin:0 auto 20px;}
.team em{color: #6684f2;display: block;margin-bottom: 20px;font-style: normal;}
.team div{margin-bottom: 40px;}
.responsive-tabs ul.responsive-tabs__list{margin-left: 0 !important;}
.responsive-tabs .responsive-tabs__panel{padding: 20px 0px !important}
.responsive-tabs .responsive-tabs__list__item{background: #bcbcbc !important;
	border-radius: 10px 10px 0px 0px !important;color: #fff !important;padding: 9px 20px !important;}
.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover
{background: #f7c628 !important;color: #fff !important;border: 0px !important;}
.responsive-tabs .responsive-tabs__panel{border:none !important	;border-top: 1px solid #ddd !important;}
.table{border:solid 1px #ccc;}
.table th{background: #f6cf3f;color: #fff;font-size: 20px;font-weight: 500;font-size: 18px;}
.table th, .table td{padding-left: 30px;}

ol>li {
  margin:0;
  padding:0 0 0 2em;
  text-indent:-2em;
  list-style-type:none;
  counter-increment:item;
  margin-bottom: 15px;
}
ol>li:before {
  display:inline-block;
  width:1.5em;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
  font-size: 18px;
  margin-bottom: 15px;
}
ol>li ul li{text-indent: 0em;}
/* ======= Text/Heads */

.h3Border{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding: 15px 0px;}
.h3Border strong{font-weight: normal;}

/* ====== Btns ====== */


/* ========== Header ========= */
.site{border-top:solid 3px #000000;}
.site-branding {margin-top: 50px;margin-left: 60px;}
.site-branding img{max-width: 122px;margin-top: 20px;}
.callHead{float: right;}
.topNav{background: #000;
    margin-bottom: 10px;display: inline-block;float: right;width: 1550px;
height: 60px;
text-align: right;}
.topNav a{color: #fff;text-decoration: none;margin:0px 10px; padding-top:0px;}
.headCall{float: right;color: #242f6c;font-size: 16px;margin-top: -27px;font-weight: bold;}
.headCall i{color: #f7c628;font-size: 16px;margin-right: 5px;}

.homeSlider{display: table;width: 100%;margin-top: 15px;}
/* .homeSlider div{display: table-cell;vertical-align: middle;} */
.homeSlider .sliderSocial{background: #f7c628;/*padding: 0px 25px 0px 25px; writing-mode: vertical-rl;text-orientation: initial; */
}

.homeSlider .sliderSocial a{margin:31px 0px;color: #333;font-size: 12px;transform: rotate(180deg);
    display: inline-block;width: 57px;
transform:rotate(7deg);
  -ms-transform:rotate(-90deg); /* IE 9 */
  -moz-transform:rotate(-90deg); /* Firefox */
  -webkit-transform:rotate(-90deg); /* Safari and Chrome */
  -o-transform:rotate(-90deg); /* Opera */

}
.homeSlider img{width: 100%;}

.subBanner{margin-top: 20px;margin-bottom: 40px;}
.pageTitle{color: #fff;font-family: 'Ubuntu', sans-serif;font-size: 40px;text-transform: uppercase;}
.subBanner .container{position: absolute;left: 0;right: 0;margin:30px auto 0;}

/* ==== Txt/Fonts ==== */
h1{margin-bottom: 30px;}
h1, h2{font-family:sans-serif;font-size: 40px;text-transform: capitalize;}
h3{font-size: 25px;margin-bottom: 30px;}
.txt-right{text-align: right;}
.txt-left{/* display: flex; */align-items: center;}
.head1{margin-bottom: 20px;}
.head1:after{content: "";height: 1px;background: #000;margin-top: 30px;
position: absolute;width: 27px;}
.txt-right .head1:after{right: 13px;}
.txt-left .head1:after{left: 16px;}
/* ==== Home Sec1 ==== */
.homeSec1{background: #f4f4f4;padding: 40px 0px;}
.homeSec1 .custom-container{padding-right: 0;}
.homeSec1 img{padding-left: 50px;}
.homeSec1 h1{margin-top: 50px;}
/* ====== Home Sec 2 ===== */

.sec2Nav{background: #f7c628;text-align: center;display: table;width: 100%;} 
.sec2Nav strong{display: inline-block;padding:25px 20px 0px;
  font-weight: normal;font-size: 18px;float: right;}
.sec2Nav strong:hover, .sec2Nav strong.active{background: rgba(0,0,0,.2);
    position: relative;transition: 0.5s;cursor: pointer;}
.sec2Nav strong:after{width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 7px 7px;
border-color: transparent transparent #fff transparent;
content: "";
margin:20px auto 0px;
display: table;
opacity: 0;
filter: alpha(opacity=0);

}
.sec2Nav strong:hover:after, .sec2Nav strong.active:after {opacity: 1;
filter: alpha(opacity=1);}
.sec2Head h2{margin-top: 10px;}
.homeSec2{background: url(images/home-sec2-bg.jpg) no-repeat top;background-size: cover;padding:50px 0px 40px;}
.homeSec2 img{box-shadow: 0px 0px 10px -5px #000;}
.homeSec2 li{font-size: 15px;}
.homeSec2 ul{margin-top: 20px;}
.tab-content{display: none; }
.tab-content.current{display: flex;}
/* ======= Home Sec 3 ======= */
.homeSec3{background: #f3f3f3;padding: 40px 0px;display: table;width: 100%;}
.homeSec3 h2{margin-bottom: 40px;}
.homeSec3 a{display: inline-block;padding:40px 10px;background: #fff;float: left;
    text-transform: uppercase;color: #333;text-align: center;font-size: 16px;margin:5px;width:30%;}
.homeSec3 a img{max-width: 120px;display: table;margin:0px auto 20px;}
/* ======= Home Sec 4 ======= */

.homeSec4 img{border-radius: 100%;max-width: 172px;padding:15px;border:solid 1px #fff;
    margin-bottom: 30px;border:solid 2px #fff;transition: .3s;}
.homeSec4 a{color: #333;}
.homeSec4 a:hover{color: #333;}
.homeSec4 a:hover img{border:solid 2px #ccc;transition: .3s;padding: 2px;}
.homeSec4 .container div{width: 32%;float: left;text-align: center;}
.homeSec4 .dots{padding:0px 10px 0px 10px;}
.homeSec4 .dots:before{content: "";border-top:dashed 2px #333;display: table;
margin-top: 84px;width: 100%;}
.homeSec4 h2{margin-bottom: 40px;}
/* ======= Product Page ======= */
.prodTab{background: #bcbcbc;cursor: pointer;}

.prodTab:hover, .prodTab.activeTab{background: #f7c628;}
.businessTab, .comsumerTab{text-align: center;padding: 10px;color: #fff;font-size: 20px;}
.businessTab{}
.comsumerTab{}
.businessFnls .col-md-6 div{background-size: 100%; transition: 0.3s;}
.businessFnls .col-md-6 div h3{}
.prodFnlTxt div{opacity: 0;filter: alpha(opacity=0);}
.prodFnl:hover .prodFnlTxt{background: rgba(44,115,222,.8); transition: 0.3s;}
.prodFnl:hover .prodFnlTxt div{opacity: 1;
filter: alpha(opacity=1);}
.prodFnl  h3{text-shadow: 1px 1px 2px #fff;}
.prodFnl:hover h3{color: #fff; transition: 0.3s;text-shadow: none;}
.prodFnlTxt{padding: 30px 20px 0px 30px;height: 420px;border-top: solid 3px #fff;}
.prodFnlTxt div{overflow: scroll;overflow-x: hidden;height: 285px;padding-right: 16px;color: #fff;}
.prodFnl{height: 420px;}

.grits{background: url(images/soya-grits-bg.jpg) no-repeat right top;}
.sunfloweroil{background: url(images/sunflower-oil-bg.jpg) no-repeat right top;}
.soyaflakes{background: url(images/soya-flakes-bg.jpg) no-repeat right top;}
.soyabeanoil{background: url(images/Soya-bean-Oil-bg.jpg) no-repeat right top;}
.soyabeantvp{background: url(images/tvp.png) no-repeat right top;}
.soyabeanmed{background: url(images/Soya-bean-med-bg.jpg) no-repeat right top;}
.soyaflour{background: url(images/soya-flour-bg.jpg) no-repeat right top;}
.lecithin{background: url(images/Lecithin-bg.jpg) no-repeat right top;}
.acidoil{background: url(images/Acid-Oil-bg.jpg) no-repeat right top;}
.fullfatsoya{background: url(images/full-fat-soya.jpg) no-repeat right top;}
.pharma{background: url(images/pharma-bg.jpg) no-repeat right top;}
.dairy{background: url(images/dairy-bg.jpg) no-repeat right top;}
.aqua{background: url(images/aqua-bg.jpg) no-repeat right top;}
.food{background: url(images/food-bg.jpg) no-repeat right top;}
.foodprocess{background: url(images/food-process-bg.jpg) no-repeat right top;}



.btnMore{background: #fff;padding: 8px 15px;display: inline-block;border-radius: 4px;color: #000;}
.btnMore:hover{color: #2c73de;}
.prodFnlTxt div::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(2,79,796,0.3);
  background-color: #024fc4;
}

.prodFnlTxt div::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

.prodFnlTxt div::-webkit-scrollbar-thumb
{
  background-color: #fff;
}
.detailTitle {border-top:solid 1px #ccc;border-bottom:solid 1px #ccc; cursor: pointer; padding: 10px;transition: .3s;}
.detailTitle:after{content:"\f0dd";float: right;font-family: FontAwesome;margin-top: -5px;}
.openDetail:after{content:"\f0d8"}
.detailTitle:hover{transition: .3s;padding-left: 15px;}
.divider
{
  position: relative;
  margin-top: 100px;
  height: 1px;
  margin-bottom: 100px;
  display: table;
  width: 100%;
}
.div-transparent:before
{
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  width: 90%;
  height: 1px;
  background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}
.div-dot:after
{
  content: "";
  position: absolute;
  z-index: 1;
  top: -9px;
  left: calc(50% - 9px);
  width: 18px;
  height: 18px;
  background-color: goldenrod;
  border: 1px solid rgb(48,49,51);
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px white,
          0 0 0 4px white;
}
/* ====== Footer Sec ====== */
.site-footer{    background-color: #4d4d4f;
    color: white;
    padding: 50px 0px 20px 0px;

}
.site-footer ul li{
  list-style-type: none;
  padding: 2px 0px;
}
.site-footer ul{
  margin-bottom:0px;
  padding:0px;
}
.site-footer p{
  font-size: 11px;
}
.footer{background-color: #4d4d4f;
    color: white;
    padding-bottom: .5rem !important;
    font-size: 13px;
    font-family: sans-serif !important;
 
}
#colophon .site-footer a {
    color: #fff;
}
	
.site-footer img{width: 120px;margin-bottom: 20px;}
.site-footer strong{color: #fff;font-size: 20px;margin-bottom: 1rem;
display: block;font-weight: normal;}
.site-footer a{color: #fff;display: table;font-family:sans-serif; font-size: 11px;}
/* ====== Footer Address ====== */
/*.site-footer{background: #2b2b2b url(images/footer-bg.jpg) no-repeat 90% 100%;
    padding:30px;color: #aaaaaa;margin-top: 50px;}

.site-footer img{width: 120px;margin-bottom: 20px;}
.site-footer strong{color: #fff;font-size: 20px;margin-bottom: 48px;display: block;font-weight: normal;}
.site-footer a{color: #fff;display: table;}
/*
.footer{background: #f7c628;padding:4px;}


/* ========== Home Slider ===== */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/* ===============================  Media Query ======================= */
@media (max-width:1199px) {
 


}
@media (min-width:1024px) and (max-width:1400px) {
    
    }
@media (min-width:1024px) and (max-width:1199px) {

}
@media (min-width:768px) and (max-width:1023px) {


}

@media (max-width:767px) {
.custom-container{padding:0px 0px;}
img{max-width: 100%;}
.topNav{margin-right: 0;border-radius: 0px;float: none;width: 100%;text-align: center;margin-top: 10px;}
.homeSlider div{width: 100%;display: table;}
.homeSlider .sliderSocial{writing-mode: inherit;text-align: center;padding: 10px 0px;}
.homeSlider .sliderSocial a{transform:rotate(0deg);margin:0px 10px;}
.homeSec4 .container div{width: 100%;float: none;}
.homeSec1 img{padding-left: 0;}
.homeSec1 .no-gutters > .col, .no-gutters > [class*="col-"]{padding: 0px 15px;}
.homeSec1 .custom-container{padding-right: 15px;}
.homeSec1 h1 {margin-top: 0px;}
.sec2Nav strong{font-size: 16px;}
.homeSec3 a{float: none;width: 100%;margin:5px 0px;}
.homeSec4 .dots::before{margin-top: 23px;}
.headCall{display: table;float: none;margin:auto;}
h2{text-align: center;}
.subBanner .container{margin: 6px auto 0;}
.pageTitle{font-size: 20px;text-align: center;}
.txt-right, .txt-left{text-align: center;}
.head1{margin-top: 20px;}
.txt-right .head1::after, .txt-left .head1::after {right: 0; left: 0; margin: 25px auto 0px;}
.contentImgR{padding-left: 15px;}
.order-last{order: -1;}

 .prodFnlTxt{height: 100%;}
 .prodFnl{height: 300px;}
 .businessFnls .col-md-6 div{background-size: cover;}
 .businessFnls .col-md-6{margin-top: 15px;}
 .prodFnlTxt div{height: 70%;}
}
@media (min-width:480px) and (max-width:767px) {

}
@media (max-width: 768px) {
  .site-footer .col-sm-12{
     padding-top: 10px !important;;

 }
 }
 #site-navigation .sub-menu a {
  background-color: #e6e7e8 !important;
  text-transform: capitalize !important;
  margin-bottom: 2px;
  font-size: 11px !important;
  border-bottom: 1px solid #fff !important;
  white-space: break-spaces !important;
  transition: all 0.1s ease-in-out !important;
  line-height: 15px !important;
}
.site-footer .container-fluid {
  max-width: calc(100% - 8%);
  padding-left: 0;
  padding-right: 0;
}
.for-mobile {
  display: none !important;
}
  @media (max-width: 767px) {
  .for-desktop {
    display: none !important;
  }
  .for-mobile {
  display: block !important;
}
  .topbar ul li.searchBox {
    display: none;
  }
}