header {position: fixed;width: 100%;left: 0;top:0;padding:0;z-index: 3;box-sizing: border-box;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background:#fff;-webkit-box-shadow: 0 3px 3px 0 rgba(109,109,109,0.5);
    -moz-box-shadow: 0 3px 3px 0 rgba(109,109,109,0.5);
    -ms-box-shadow: 0 3px 3px 0 rgba(109,109,109,0.5);
    -o-box-shadow: 0 3px 3px 0 rgba(109,109,109,0.5);
    box-shadow: 0 3px 3px 0 rgba(109,109,109,0.5);}

header .header-top{background:#30318c;padding:6px 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;height:35px;}
header .header-top ul{float:right;}
header .header-top ul li{float:left;color:#fff;padding:0 10px 0 10px;font:12px/22px 'robotolight';position:relative;}
header .header-top ul li:before{position:absolute;border-right:1px solid #fff;content:'';left:0;top: 35%;width: 1px;display: block;height: 40%;}
header .header-top ul li:first-child:before{border-right:0;}
header .header-top ul li a{color:#fff;display:block;position:relative;padding-left:25px;}
header .header-top ul li.mail a:before{position:absolute;content:'';background:url('../images/icon-mail.png') no-repeat 0 0;width:19px;height:14px;left:0;top:50%;transform:translateY(-50%)}
header .header-top ul li.mobile a:before{position:absolute;content:'';background:url('../images/icon-mobile.png') no-repeat 0 0;width:12px;height:20px;left:0;top:50%;transform:translateY(-50%)}

header .header-bottom{padding:10px 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;height:100px;}
header .header-bottom .logo{float:left;padding-right:20px;}
header .header-bottom .logo img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
header .header-bottom .menu{float:right;position:relative;}
header .header-bottom .menu > ul{padding-top:24px;}
header .header-bottom .menu > ul li{float:left;}
header .header-bottom .menu > ul li a{margin:0 17px;display:inline-block;font:22px/32px 'roboto_slabregular';color:#000;position: relative;transition: opacity .2s cubic-bezier(.39,.575,.565,1);}
header .header-bottom .menu > ul li a:after {
    background-color: #30318c;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    /* pointer-events: none; */
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all .15s cubic-bezier(.39,.575,.565,1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity,transform;
    width: 100%;
}
header .header-bottom .menu > ul li a:hover {opacity: 1;color: #30318c;}
header .header-bottom .menu > ul li a:hover:after {opacity: 1;-webkit-transform: translateY(-3px) translateZ(0);transform: translateY(-3px) translateZ(0);}

header .header-bottom .menu .menu-trigger{float:right;width:36px;padding:8px 6px;border-radius:6px;background:#30318c;margin-top: 15px;display:none;z-index:10;position:relative;}
header .header-bottom .menu .menu-trigger span{float:left;height:3px;background:#fff;width:100%;margin-top:4px;}
header .header-bottom .menu .menu-trigger span:first-child{margin-top:0;}

header.minifier .header-top{display:none;}
header.minifier .header-bottom{padding:10px 0;}
header.minifier .header-bottom .logo img{max-width:80%;}

.hm-banner {margin-top:135px;position:relative;}
.hm-banner .banner {height:827px;background-repeat:no-repeat;background-position:center top;position:relative;}
.hm-banner .banner .banner-wrap{background: linear-gradient(
    to right, 
    #30318c 0%, 
    #30318c 50%
  );opacity:0.61;height:100%;position:absolute;z-index:2;width:50%;left:0;}
 .hm-banner .banner .content-blk{top:50%;transform: translateY(-50%);position:absolute; z-index:3;width:760px;}
 .hm-banner .banner .content-blk h1{font:60px/70px 'roboto_slabregular';color:#fff;padding-bottom:20px;}
 .hm-banner .banner .content-blk p{font:40px/50px 'robotolight_italic';color:#fff;padding-bottom:20px;}
.btn-wrap{padding:10px 0;}
.hm-banner .banner.banner1 {background-image:url('../images/banner/KCO_banner.png');}
.hm-banner .banner.banner2 {background-image:url('../images/banner/2.jpg');}
.hm-banner .banner.banner3 {background-image:url('../images/banner/Makinonachochips.jpg');}
.hm-banner .banner-slider ul.slick-dots{text-align:center;position:absolute;left:0;right:0;bottom:25px;}
.hm-banner .banner-slider ul.slick-dots li{display:inline-block;padding:0 5px;}
.hm-banner .banner-slider ul.slick-dots li button{background:#d2a83b;border-radius:50%;border:2px solid #000;text-indent:-99999em;width:18px;height:18px;}
.hm-banner .banner-slider ul.slick-dots li.slick-active button{background:#30318c;}

.hm-about-us{padding:60px 0;position:relative;}
.hm-about-us .img-block{float:left;width:761px;position:relative;}
.hm-about-us .img-block .square-block{position:relative;float:right;width:695px;height:606px;border:10px solid #d2a83b;z-index:1;}
.hm-about-us .img-block .square-block figure{position:absolute;top:57px;left:-65px;z-index:2;}
.hm-about-us .about-cnt{float:left;width:761px;padding-left:45px;}
.hm-about-us .about-cnt h2{text-align:right;font:80px/90px'roboto_slabregular';color:#000;padding-bottom:30px;}
.hm-about-us .about-cnt p{text-align:justify;font:22px/38px 'robotolight';color:#878787;}

.brands-distribute{background:#30318c;padding:60px 0;}
.brands-distribute .brands-top, .brands-distribute .brands-middle{padding-bottom:40px;}
.brands-distribute .brands-btm{padding:40px 0;}
.brands-distribute .brands-cnt h2{font:70px/80px'roboto_slabregular';color:#fff;padding-bottom:30px;}
.brands-distribute .brands-cnt h2 span{font:60px/70px'robotolight';display:block;}
.brands-distribute .brands-cnt p{font:20px/35px'robotolight';color:#aaabf5;}

.brands-distribute .brands-cnt h3{font:30px/40px'roboto_slabregular';color:#fff;padding-bottom:30px;}
.brands-distribute .brands-cnt ul {padding-left:50px;}
.brands-distribute .brands-cnt ul li{font:16px/24px'roboto_slabregular';color:#fff;padding-bottom:20px;list-style: disc;}

.hm-brands {position:relative}
.hm-brands .mask{max-width: 600px;width:100%;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);background:rgba(214,154,3,0.8);padding:25px;border-radius:20px;border:1px solid #d69a03;}
.hm-brands .mask h3{font:40px/50px 'roboto_slabregular';color:#fff;padding-bottom:20px;}
.hm-brands .mask p{font:18px/28px 'robotolight';color:#fff;padding-bottom:30px;}

.our-products{padding:60px 0;}
.our-products h2{font:70px/80px'roboto_slabregular';color:#000;text-align:center;}
.our-products h3{font:35px/35px'robotolight';color:#848484;text-align:center;padding-bottom:40px;}
.our-products ul.prds {width:100%;}
.our-products ul.prds li {padding:0 15px 60px 15px;width:25%;float:left;}
/*.our-products ul.prds.three {margin-left:-5px;margin-right:-5px;}*/
.our-products ul.prds.three li{padding:0 15px 60px 15px;width:33.3%;}
/*.our-products ul.prds li .prd-blk{border:3px solid #d2a83b;padding:10px;cursor:pointer;position: relative;}
.our-products ul.prds li .prd-blk::before {left: 50%;top: 0;transition-duration: 0.4s;content: "";width: 0;height: 2px;position: absolute;background: #000;}
.our-products ul.prds li .prd-blk::after {left: 50%;transition-duration: 0.4s;content: "";width: 0;height: 2px;position: absolute;background: #000;transition: all 0.2s linear;bottom: 0;}

.our-products ul.prds li .prd-blk::before, .our-products ul.prds li .prd-blk::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #000;
}*/
.our-products ul.prds li .prd-blk {position: relative;border: none;color: #fff;font-size: 18px;cursor: pointer;border:2px solid #d2a83b;padding:10px 10px 20px;}
.our-products ul.prds li .prd-blk:hover{border:2px solid #fff;}
.our-products ul.prds li .prd-blk::before, .our-products ul.prds li .prd-blk::after {content: "";width: 0;height: 2px;position: absolute;transition: all 0.2s linear;background: #30318c;}
.our-products ul.prds li .prd-blk::before, .our-products ul.prds li .prd-blk:hover::after {left: 0;}
.our-products ul.prds li .prd-blk:hover::before, .our-products ul.prds li .prd-blk:hover::after {width: 100%;}
.our-products ul.prds li .prd-blk.btn-6::before {left: 50%;top: 0;transition-duration: 0.4s;}
.our-products ul.prds li .prd-blk.btn-6::after {left: 50%;bottom: 0;transition-duration: 0.4s;}
.our-products ul.prds li .prd-blk.btn-6:hover::before, .our-products ul.prds li .prd-blk.btn-6:hover::after {left: 0;}  
.our-products ul.prds li .prd-blk span::before, .our-products ul.prds li .prd-blk span::after{content:"";width:2px;height:0;position: absolute;transition: all 0.2s linear;background: #30318c;}
.our-products ul.prds li .prd-blk:hover span::before, .our-products ul.prds li .prd-blk:hover span::after{height: 100%;}
.our-products ul.prds li .prd-blk.btn-6 span::before{left: 0;top: 50%;transition-duration: 0.4s;}
.our-products ul.prds li .prd-blk.btn-6 span::after{right: 0;top: 50%;transition-duration: 0.4s;}
.our-products ul.prds li .prd-blk.btn-6:hover span::before, .our-products ul.prds li .prd-blk.btn-6:hover span::after{top: 0;}
.our-products ul.prds li .prd-blk span{display: block;}
.our-products ul.prds li .prd-blk span figure{position:relative;height:305px;margin:0 0 10px;}
.our-products ul.prds li .prd-blk span figure img{top:50%;left:50%;transform: translate(-50%, -50%);position:absolute;height:260px}
.our-products ul.prds li .prd-blk span p{text-align:center;font:20px 'roboto_slabregular';color:#424242;min-height:55px;}
.our-products ul.prds li .prd-blk.rice span p{min-height:auto;}
.our-products  .our-products-brand{padding-bottom:20px;}
.our-products  .our-products-brand .brand-logo{text-align:center;padding-bottom:30px;}
.our-products ul.prds.mfc li .prd-blk span figure{height:280px;}
.our-products ul.prds.mfc li .prd-blk span figure img{height:auto}
.our-products ul.prds.rbo li .prd-blk span figure{height:350px;}
.our-products ul.prds.rbo li .prd-blk span figure img{height:300px}
.our-products ul.prds.fabby li .prd-blk span figure img{height:auto}
.our-products ul.prds.fabby li .prd-blk span p{min-height:auto;}
.our-products ul.prds.real li .prd-blk span figure img{height:auto}
.our-products ul.prds.real li .prd-blk span p{min-height:auto;}
.our-products ul.prds.real li .prd-blk span figure{height:280px}
.our-products ul.prds.mop li .prd-blk span figure {height:250px}
.our-products ul.prds.mop li .prd-blk span figure img{height:auto}
/* .our-products ul.prds.mop li .prd-blk span p{min-height:auto;} */
.our-products ul.prds.jalani li .prd-blk span figure {height:280px}


.our-products ul.prds.mfc li .prd-blk span figure{height:300px}
.our-products ul.prds.kco li .prd-blk span figure{height:292px}
.our-products ul.prds.mfc li .prd-blk span p,.our-products ul.prds.rbo li .prd-blk span p,.our-products ul.prds.kco li .prd-blk span p{min-height:auto}
.our-products ul.prds.dal li .prd-blk span figure{height:275px}
.our-products ul.prds.dal li .prd-blk span figure img{height:auto}
.our-products ul.prds.dal li .prd-blk span p{min-height:auto;}

.our-products ul.prds.blend li .prd-blk span figure img{height:220px}
.our-products ul.prds.blend li .prd-blk span p{min-height:auto;}


.our-infrastructure h2{font:70px/80px'roboto_slabregular';color:#000;text-align:left;padding-bottom:40px;}
.our-infrastructure .our-infrastructure-inner{padding:40px 0;background:#d2a83b;}
.our-infrastructure .our-infrastructure-inner .our-infst-top{margin-top:-160px;}
.our-infrastructure .our-infrastructure-inner p{font:18px/38px'robotolight';text-align:justify;color:#fff;}

.contact-block{background: linear-gradient(
    to right, 
    #fff 0%, 
    #fff 50%, 
    #30318c 50%, 
    #30318c 100%
  );}

.contact-form {padding:50px 0 50px 50px;}
.contact-form h2 {font:40px/50px'roboto_slabregular';color:#fff;text-align:left;padding-bottom:40px;}
.contact-form .form-control{background:transparent;color:#fff;border-radius:0;border-width:0 0 1px;padding-left:0;font-size:16px;box-shadow:none;}
::placeholder {color: #fff;opacity: 1;}
:-ms-input-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
::-webkit-input-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
.contact-block .map{padding:45px 30px 45px 0;}

.careers {background:#e8e8e8;padding:60px 0;}
.careers h2{font:70px/80px'roboto_slabregular';color:#000;padding-bottom:50px;}
.careers h3{font:60px/70px'robotolight';color:#7f7f7f;padding-bottom:60px;}
.careers .work-blk{padding:40px 50px; -webkit-box-shadow: 0px 0px 21px 10px rgba(48,49,140,0.1);
-moz-box-shadow: 0px 0px 21px 10px rgba(48,49,140,0.1);box-shadow: 0px 0px 21px 10px rgba(48,49,140,0.1);background:#fff;margin:0 50px;min-height: 555px;}
.careers .work-blk h4{font:40px/50px'roboto_slabregular';color:#30318c;text-align:center;padding-bottom:30px;}
.careers .work-blk p{font:18px/30px'robotolight';color:#878787;text-align:justify;padding-bottom:30px;}
.careers .work-blk ul {padding-left:50px;}
.careers .work-blk ul li{font:16px/24px'robotolight';color:#000;padding-bottom:20px;list-style: disc;}
.careers .work-blk .btn-wrap{text-align:center;}

.marketing{background:#e8e8e8;padding:60px 0;}
.marketing h3{font:30px/40px'roboto_slabregular';color:#30318c;padding-bottom:20px;}
.marketing p{font:18px/30px'robotolight';color:#878787;text-align:justify;padding-bottom:20px;}
.marketing ul {padding-left:50px;}
.marketing ul li{font:16px/24px'robotolight';color:#000;padding-bottom:20px;list-style: disc;}

/* Footer */
footer .footer-top{background:#434343;padding:45px 0 30px;float:left;width:100%;}
footer .ftr-cm{padding:0 15px;width:33.3%;float:left;}
footer .ftr-cm.cm{width:25%;float:left;}
footer .ftr-cm.cm2{width:20%;float:left;}
footer .ftr-logo{margin-bottom:25px;}
footer .ftr-links li {margin-bottom:10px;}
footer .ftr-links li a{color:#fff;font: 16px/26px 'roboto_slabregular'; display:inline-block;position: relative;transition: opacity .2s cubic-bezier(.39,.575,.565,1);opacity: 0.5;}
footer .ftr-links li a:hover{opacity: 1;color:#fff;}
footer .ftr-links li a:after {background-color: #fff;content: "";height: 1px;left: 0;opacity: 0;/* pointer-events: none; */position: absolute;top: 100%;-webkit-transform: translateY(1px);transform: translateY(1px);-webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all .15s cubic-bezier(.39,.575,.565,1);-webkit-transition-property: opacity, -webkit-transform;transition-property: opacity,transform;width: 100%;}
footer .ftr-links li a:focus:after, footer .ftr-links li a:hover:after {opacity: 1;-webkit-transform: translateY(-3px) translateZ(0);transform: translateY(-3px) translateZ(0);}
footer .copyright {display:block;padding:10px 0;background:rgba(67,67,67,0.8);width:100%;float:left;}
footer .copyright p{color:#c5d2e1;font: 14px/24px 'open_sansregular';}
footer .copyright p.cr2 {font-size:12px;color:#c5d2e1;text-align:right;}
footer .copyright p.cr2 a{font-size:12px;color:#c5d2e1;}
footer .copyright p.cr2 a:hover{color:#fff;}

/* Buttons */
.hm-banner .banner .btn-wrap .btn-view{padding:10px 25px;border:3px solid #d2a83b;color:#fff;font-size:16px;}
.hm-banner .banner .btn-wrap .btn-view:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {color: #000;border:3px solid #fff;}
.hm-banner .banner .btn-wrap .btn-view:before {background: #d2a83b;}

.hm-brands .view-prds{border:2px solid #fff;padding:5px 25px;color:#fff;font-size:16px;font-weight:600;}
.hm-brands .view-prds:hover, .hm-brands .view-prds:focus, .hm-brands .view-prds:active {color: #000;border:2px solid #d2a83b;}
.hm-brands .view-prds:before {background: #fff;}

.careers .work-blk .btn-wrap .btn-apply{background:#d2a83b;font:18px/30px'robotolight';color:#fff;padding:5px 25px;}
.careers .work-blk .btn-wrap .btn-apply:hover, .careers .work-blk .btn-wrap .btn-apply:focus, .careers .work-blk .btn-wrap .btn-apply:active {color: #fff;}
.careers .work-blk .btn-wrap .btn-apply:before {background: #30318c;}

.btn-enquiry{background:transparent;color:#fff;padding:5px 30px;border:2px solid #fff;margin-top:40px;font-size:16px;line-height:26px;font-weight:bold;}
.btn-enquiry:hover, .btn-enquiry:focus, .btn-enquiry:active {color: #000;}
.btn-enquiry:before {background: #fff;}

 .hm-banner .banner .btn-wrap .btn-view:hover:before,.hm-banner .banner .btn-wrap .btn-view:focus:before,.hm-banner .banner .btn-wrap .btn-view:active:before,
 .hm-brands .view-prds:hover:before,.hm-brands .view-prds:focus:before,.hm-brands .view-prds:active:before,
 .careers .work-blk .btn-wrap .btn-apply:hover:before,.careers .work-blk .btn-wrap .btn-apply:focus:before,.careers .work-blk .btn-wrap .btn-apply:active:before,
 .btn-enquiry:hover:before,.btn-enquiry:focus:before,.btn-enquiry:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

 .hm-banner .banner .btn-wrap .btn-view, .hm-brands .view-prds,.careers .work-blk .btn-wrap .btn-apply,.btn-enquiry
 {display:inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}

 .hm-banner .banner .btn-wrap .btn-view:before,.hm-brands .view-prds:before,.btn-enquiry:before,.careers .work-blk .btn-wrap .btn-apply:before {
    content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;
    transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

#success-modal .modal-body figure {margin-bottom:20px;}
#success-modal .modal-body figure img{width:65px;}
#success-modal .modal-body h2{font-size:24px;line-height:34px;}