/*   
Theme Name: jof
Author: Cskills
Version: 1
*/

.content_1200 {
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    overflow: visible;
}




html, body{ height:100%;}

/*---------- columns start  ----------*/
.col_1_1 .col{
	width: 50%;
}
.col_1_1_1 .col{
	width: 33.33%;
}
.col_1_1_1_1 .col{
	width: 25%;
}
.col_1_1_1_1_1 .col{
	width: 20%;
}

.col_30_70 > .col{
    width:70%;
}
.col_30_70 > .col:first-child{
  width:30%;
  padding-right:35px;
}

.col_20_80 > .col{
    width:80%;
}
.col_20_80 > .col:first-child{
  width:20%;
  padding-right:35px;
}
/*---------- columns end  ----------*/

#page-wrap{
  margin-top:124px;
}
body.page-template-template-home #page-wrap{height: 100%;}
header{
  position:fixed;
  width: 100%;
  top:0px;
  z-index: 999;
  background-color: #ffffff;
}
header .content_1200{
  padding-top:30px;
  padding-bottom: 30px;
}
.logo{
  float:left;
}
.logo img{ width: 150px; max-width: 100%; display: block;}

#header.scroll{
  border-bottom:#e2b55f solid 2px;
}
#header.scroll .content_1200{
    padding-top: 10px;
    padding-bottom: 10px;
}

header .content_1200::after, .teamTitle::after, #page-wrap::after, .titleBox::after, .footerBottom .content_1200::after{
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0%;
}

/* home page start here */
.homeImage{
  height:100%;
}
.homeImage .box{
  height: 100%;
}
.homeImage .box img.OF-cover{ object-position: center 80%!important; }
.homeImageInfo{
  position:absolute;
  top:70px;
  left:0;
  right:0;
  margin:0 auto;
  max-width:1200px;
  width: 100%;
  text-align:center;
  padding: 0 20px;
}
.homeImageInfo .subTitle{
  font-size: 22px;
  line-height:30px;
  color:#6D6E71;
  font-family: 'GillSans-Light';
  /* max-width: 600px; */
  margin: 0 auto;
}
/* home page end here */

.aboutPage section, .servisesSec section, .newsSec, .contactSec, .imageTextSec{ padding:60px 0;}

/* about page start here */
.grayBg{
  background-color: #F6F5F5;
  padding: 50px 0;
}
.aboutPage{}
/*.aboutPage section:nth-child(odd){
  background-color: #F6F5F5;
}
.aboutPage section:nth-child(even){}*/

.titleBox{
  width: 100%;
  padding-right: 50%;
}
.titleBox h2{
  margin-bottom:0;
  font-size: 72px;
  line-height: 76px;
}
  .titleBox h6{
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  padding-left:60px;
  padding-top:14px;
  display:block;
  color:#008619;
  letter-spacing: 3px;
  font-family: 'GillSans';
}
.aboutPage section:nth-child(even) .titleBox{
  padding-left: 50%;
  padding-right: 0px;
}

.descriptionBox{padding-top: 20px; font-family: 'GillSans-Light';}
.desc{ border-left:#e2b55f solid 2px; padding-left:35px; height:100%;}
.descriptionBox p{font-size: 22px; line-height: 30px;}
.descriptionBox p:last-child, .desc p:last-child{ padding-bottom: 0px;}
section.ambitionsBox{ padding-bottom: 0px;}
.ambitionsBox .titleBox{ padding-bottom: 40px; padding-left: 30%; padding-right: 0px; text-align:right;}
.ambitionsBox .titleBox p{ font-size:18px; line-height:26px;}
.ambitionsBox .titleBox p:last-of-type{ padding-bottom: 0px;}
.ceoBlock .titleBox{ padding-left: 0px!important; padding-right:30%!important; padding-bottom:20px;}

.ambitionsBox .bgImageBox{ padding: 0px;}

.bgImageBox{ position:relative; color:#fff; padding:80px 0;}
/*.bgImageBox::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(207,142,51,0.6);
    z-index: 1;
}*/
.bgImageBox .flexWrap, .bgImageBox .titleBox{ position:relative; z-index: 2;}
.bgImageBox .titleBox h2, .bgImageBox .titleBox h6{ color:#fff;}
.bgImageBox .descriptionBox .desc{ border-left:#fff solid 2px;}
.bgImageBox .flexWrap.col_1_1_1_1 .col{ padding:80px 5%; border-right: #fff solid 1px;}
.bgImageBox .flexWrap.col_1_1_1_1 .col:last-child{ border-right:0px;}
.bgImageBox .flexWrap.col_1_1_1_1 h3{ font-size: 25px; text-transform: uppercase; font-family: 'GillSans'; color: #fff; margin: 0px; padding-bottom: 15px;}
.bgImageBox .flexWrap.col_1_1_1_1 p{ font-size: 22px; line-height: 30px;}
.bgImageBox .flexWrap.col_1_1_1_1 p:last-child{ padding-bottom: 0px;}

.titleRight{ display: inline-block;}
.titleRight h2, .titleRight h6{ text-align:right;}
.titleRight h2{ padding-right:60px;}
.titleRight h6{ padding-top: 0px;}
.teamDetails{ display:none;}
.teamDetails .flexWrap .col:first-child{
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;

}
.teamDetails.active .flexWrap .col:first-child{
  opacity:1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    margin-top: -35px;

}
.accordianBox .teamInfo:first-child .teamDetails{ display: block;}
.teamTitle{ background-image: url('images/plus-icon.svg'); background-repeat: no-repeat; background-position:right center; background-size: 20px;}
.teamTitle.active-arrow{ background-image: url('images/minus-icon.svg');}

.teamTitle .titleContainer{ width:80%; float:right; border-top:#e2b55f solid 2px; padding:12px 0; cursor: pointer; font-size:18px; padding-right: 30px;}
.name{ letter-spacing: 3px; text-transform: uppercase;}
.designation{ font-size: 17px;}
.accordianBox{ padding-top: 40px;}

.teamDetails .thumbimageBox{ }
/* about page end here */

/* services page start here */
.sliderBox .content_1200{ padding-top: 35px;}
.servisesSec section:nth-child(odd){ }
.servisesSec section:nth-child(even){background-color: #F6F5F5;}

.servisesSec section:first-child .titleBox{ padding-right: 0px; padding-left: 50%;}
.servisesSec section:first-child .titleBox h6{ padding-top: 14px;}

.innerBanner{}
.innerBanner .box{ height: 100%;}
.innerBanner .box::before{
    content: "";
    display: block;
    padding-top: 40%;
}

.imageTextContainer{ position: relative; min-height: 600px; overflow: hidden;}
.imageTextContainer .flexWrap .col:last-child{ padding-left: 50px;}
.imageTextContainer .titleBox{ padding-right: 0px; overflow: visible; padding-bottom: 24px;}
.imageTextContainer .titleBox h6{ padding-left: 0px; padding-top: 5px;}
.imageTextContainer .titleBox h2{ padding-bottom: 15px; padding-right: 5%;}
.imageTextContainer p{ font-size: 22px; line-height: 30px; font-family: 'GillSans-Light';}
.imageTextContainer .box{position:absolute; left:0px; top:0px; width:50%; height:100%;}

.sliderBox{ background-color: #F5F5F5;}
.fullSlider .box::before{
  content: "";
  display: block;
  padding-top: 40%;

}
ul.fullSlider{ list-style-type:none; margin: 0px; padding: 0px;}
ul.fullSlider li{margin: 0px; padding: 0px; font-size: 0px;}
ul.fullSlider .slick-slide{ font-size: 0px; line-height: 0px;}

.content_1200 .warehousingText{ width: 50%; padding-bottom: 40px;}
.warehousingText p:last-child{ padding-bottom: 0px;}
/* services page end here */

/* clients page start here */
.content_1200.clients{ max-width:1290px; padding-top: 80px; padding-bottom: 80px;}
.clients .col{ padding:25px;}
/* clients page end here */

/* contact page start here */

.mapHolder{position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow: hidden;}

.mapHolder iframe {
    width: 100%;
    height: 100%;
}

.contactDetail .col{ padding-right:35px;}
.contactDetail .col:last-child{ padding-right: 0px;}
.contactDetail a{ color:#6d6e71;}
.gm-style .gm-style-iw-c{ max-width: 280px!important;}
/* contact page end here */

/* footer start here */
footer{
  padding-top: 40px;
  border-top: #edebeb solid 1px;
}
footer p{
  font-size: 18px;
  line-height: 29px;
}
.footerTop{
  padding:30px 0;
}

.footerTop .col{
  padding: 0 15px;
  padding-right:50px;
  font-family: 'GillSans-Light';
  color:#000;
}
.footerTop .col:last-child{ padding-right: 0px;}

.footerTop .logo img{ width:130px;}
.footerTop a{ color:#000;}

.footerBottom{
  background-color:#000000;
  color:#ffffff;}

.footerBottom{ padding: 12px 0;}

.copyrights{
  float:left;
}

ul.footerlinks{
  margin:0px;
  padding:0px;
  float:right;
}

ul.footerlinks li{
  list-style-type:none;
  float:left;
  margin:0px;
  padding: 0px;
}
ul.footerlinks{font-size: 16px; font-family: 'GillSans';}
ul.footerlinks a{ color:#ffffff; cursor:pointer; border-right: #ffffff solid 1px; padding:0 10px;}
ul.footerlinks li:last-child a{ border-right: 0px;}
/* footer end here */

.pageNotFound {
    width: 100%;
    max-width: 700px;
    text-align: center;
    padding:80px 20px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.pageNotFound > div {
    border: 6px solid #008619;
    width: 240px;
    height: 240px;
    margin: 0px auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.pageNotFound > div span {
    color: #008619;
    font-size: 80px;
    position: absolute;
    right: 24px;
    top: 46%;
    font-weight: bold;
    left: 0px;
    width: 100%;
}
.grayBox{background-color:#F6F5F5;}
.grayBox p{color:#000000;}
/* cookis policy design start  */
.cookie-notice-container{ font-size:16px; font-family: 'GillSans';}
.cookie-notice-container a.button{ background-color: #e2b55f; color:#000; background-image: none!important;}
.cookie-notice-container a.button:hover{background-color: #e2b55f; color:#000;}
#cookie-notice .cn-button{font-family: 'GillSans'; font-size: 14px;}
/* cookis policy design end */

/* section with slider start here */
.imageSlideSec{ padding-top:30px;}
.imageSlideSec .grid{padding-bottom:0px; -webkit-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;}
.imgslide .box::before{padding-top:60%;}
ul.imgslide{margin:0px; padding:0px; font-size:0px; line-height:0px;}
ul.imgslide li{margin:0px; padding:0px;}
ul.imgslide .slick-dots{ padding:35px 0 0 0; line-height: 0px;}
.imageSlideSec .col.descbox{ border-bottom:#fff solid 47px;}
.col.descbox {
    padding-right: 50px;
}
.slideContent {
    max-width: 550px;
    height: 100%;
    border-left: #e2b55f solid 2px;
    margin-left: auto;
}
.slideContent .titleBox{ padding-right: 0px; margin-left: -2px; border-left: #fff solid 2px; padding-bottom:24px;}
.slideContent .desc{ border-left: 0px;}
/* section with slider end here */

.contactTitleHolder{padding:0 0 30px 0;}
.contactTitle{
  background-color:#e2b55f;
  text-transform:uppercase;
  color:#fff;
  padding:10px 20px;
}
.contactTitle h2{
  font-family: 'GillSans';
  color:#fff;
  text-align:center;
  margin:0;
  padding:0;
}
.addressHolder p{font-size:20px; line-height:26px;}

.addressHolder .col{
  padding:20px 20px;
  position:relative;
  font-family: 'GillSans-Light';
  font-size: 20px;
  line-height: 26px;
}
.addressHolder .col::before{
  content:'';
  width:2px;
  height:100%;
  background-color:#e2b55f;
  position:absolute;
  right:-1px;
  top:0;
}
.addressHolder h3{
  font-family:'GillSans';
  font-weight:normal;
	font-style:normal;
  color:#000;
  /* padding:0 0 20px 0; */
  padding: 0;
  margin:0px;
  font-size:22px;
  line-height:26px;
}
.addressHolder .col:last-child{border-right:0;}
.addressHolder .col:last-child::before{display:none;}

.page-template-template-contact-us footer{ padding-top: 0; border-top: 0;}
.page-template-template-contact-us .footerTop{ display: none;}
.contactDetails ul{
  display:flex;
  align-items: center;
  justify-content:center;
  flex-wrap: wrap;
  padding:20px 0 0 0;
  margin: 0;
  list-style-type:none;
}
.contactDetails ul li{ margin: 0; padding:4px 12px; text-align: center;}

/* cookies css start */
.cky-consent-container{max-width:340px;}
.cky-notice-btn-wrapper{ justify-content:space-between!important;}
.cky-consent-bar{background-color:#e2b55f!important; padding:16px 18px!important; border:#e2b55f solid 1px!important;}
.cky-notice-des p{ font-size:16px !important; line-height:22px!important;}
.cky-notice-des p:last-child{ padding-bottom:6px;}  
.cky-notice .cky-title{margin:0; padding:0;}

.cky-notice-btn-wrapper .cky-btn{
  font-size:16px;
  line-height:22px;
  text-transform:uppercase;
  border:#000 solid 1px!important;
  color:#000!important;
  padding: 8px 12px !important;
  border-radius: 8px;
  text-align: left;
}
.cky-notice-btn-wrapper .cky-btn-accept{background-color:#008619!important; border:#008619 solid 1px!important; color:#fff!important;}

.cky-notice-btn-wrapper .cky-btn-reject, .cky-notice-btn-wrapper .cky-btn-accept{ max-width: calc(50% - 8px);}

.cky-footer-wrapper > div:last-child{font-size:0!important; line-height:0!important; padding:0!important;}
.cky-footer-wrapper > div:last-child a{display:none!important;}

.cky-prefrence-btn-wrapper .cky-btn{max-width:calc(33.33% - 20px)!important; margin:0 4px!important;
  font-size:16px;
  line-height:22px;
  text-transform:uppercase;
  border:#000 solid 1px!important;
  color:#000!important;
  padding: 8px 12px !important;
  border-radius: 8px;
  text-align: left;
}

.cky-prefrence-btn-wrapper .cky-btn-accept{background-color:#008619!important; border:#008619 solid 1px!important; color:#fff!important;}
.cky-accordion-header .cky-accordion-btn{ width: auto;}

.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn{position:relative;} 
.cky-notice-btn-wrapper .cky-btn::before, .cky-prefrence-btn-wrapper .cky-btn::before{width:20px; height:20px; position: absolute; right:10px; top:10px; content:'';
background-repeat:no-repeat; background-position: center center; background-size: 20px;}


.cky-notice-btn-wrapper .cky-btn.cky-btn-customize::before{ background-image:url('images/cookie-setting-icon.svg');}
.cky-notice-btn-wrapper .cky-btn.cky-btn-reject::before,
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject::before{background-image:url('images/cookie-decline-icon.svg');}
.cky-notice-btn-wrapper .cky-btn.cky-btn-accept::before,
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept::before{background-image:url('images/cookie-accept-icon.svg');}

@media (max-width:576px) {
  .cky-prefrence-btn-wrapper .cky-btn{max-width: calc(80% - 20px) !important;}
}

@media (max-width: 440px) {
  .cky-notice-btn-wrapper .cky-btn-reject, .cky-notice-btn-wrapper .cky-btn-accept{
    max-width:100%;
  }

  .cky-consent-container{
    width: 100%!important;
    max-width: calc(100% - 20px)!important;
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
    bottom: 10px!important;
  }
  .cky-notice-des, .cky-notice-btn-wrapper{ padding: 0px!important;}
} 

/* cookies css end */