@font-face {font-family:Poppins-Light;src: url('../fonts/Poppins-Light.ttf');}
@font-face {font-family:Poppins-Bold;src: url('../fonts/Poppins-Bold.ttf');}
@font-face {font-family:Poppins-ExtraLight;src: url('../fonts/Poppins-ExtraLight.ttf');}
@font-face {font-family:Poppins-Regular;src: url('../fonts/Poppins-Regular.ttf');}
@font-face {font-family:Poppins-SemiBold;src: url('../fonts/Poppins-SemiBold.ttf');}
body, html{height:100%}
body{font-family:Poppins-Light;color:#7f7f7f;font-size:14px;margin:0;padding:0;overflow-x: hidden;position: relative}
header{padding:15px 50px;}
.read_more{color:#000;font-family:Poppins-Regular;display:block;padding-top:20px;}
.menu{float:left;top:15px;cursor:pointer;font-family:Poppins-Regular;color:#000;  position: absolute;}
.menu img{width:30px;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 99;top: 0;left: 0;background-color: #fff; overflow-x: hidden;transition: 0.5s; padding-top: 60px;text-align:left;font-family:Poppins-Regular;font-size:16px}
.sidenav a {  padding: 8px 8px 8px 32px;  text-decoration: none;  color: #000;  display:block;  transition: 0.3s;}
.sidenav a:hover {  color: #0047ba;}
.sidenav .closebtn {  position: absolute;  top: 10px;  right:0px;left:0; margin-left:0px;}
.navbar-fixed {top: 0;z-index: 100;position: fixed; width: 100%;background: #fff;box-shadow: 1px 0px 2px 2px #f3f3f3;padding: 10px 50px;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
 /* Make the image fully responsive */
.carousel-inner img { width: 100%; height: 100%;  }
.carousel-caption h3{color:#000;font-family:Poppins-Regular;font-size:24px}
.carousel-caption h3 span{color:#0047ba;font-family:Poppins-SemiBold;}
.carousel-caption{color:#000;text-align: center; bottom: 80px;}
.carousel-caption a {background:#d3d1d4;color:#001bff;font-family:Poppins-Bold;text-decoration:none;padding:5px 10px;font-size:18px}
.who_we_are{background:url(../images/bg.png);background-position: right bottom; background-repeat: no-repeat;padding-top:100px;padding-bottom:50px;background-size:100%}
.who_we_are h2{font-family:Poppins-Regular;font-size:42px;color: #0047ba;}
.who_we_are .heading {padding-top:150px}
.who_we_are h3{font-size:38px;color: #000;}
.heading{font-family:Poppins-Regular;font-size:42px;color: #0047ba;margin-bottom:30px;}
.our_product{padding:130px 0 0px 0;}
.our_product .col-md-4{background:#ecf0f3;padding:30px 0px}
.pro_con {padding:10px 30px;}
.pro_con h4{font-size:20px;color:#4d4d4d;margin-top:30px;text-align:left}
.pro_con p{font-size:12px;padding-top:20px;min-height: 150px;text-align:left}
.our_product .pro_bor{ border-left: solid 1px #7f7f7f; border-right: solid 1px #7f7f7f;}
.our_pro {background: url(../images/bg.png); background-size: 100%; background-repeat: no-repeat;background-position: right bottom;padding-bottom: 50px;}
.our_pro:before{content: ''; width: 100%; position: absolute;  height: 100%;  background: rgba(255,255,255, 0.8);}
.our_pro h4, .our_pro p{text-align:center}
.our_pro h4{margin-top:0;margin-bottom:20px;}
.our_pro p{margin-top:10px;}
.our_pro .col-md-4{background:none}
.our_pro .read_more{padding-top:0}
.media h4{font-size:20px;color:#4d4d4d;margin-bottom:20px;min-height:150px;}
.media ul{padding:0;margin-bottom:20px;float:left}
.media ul li{width:33.33%;float:left;list-style:none;background:#d9e1e4;padding:30px 20px}
.media ul li:nth-child(odd){background:#ecf0f3;}
.histry{background:url(../images/footer_bg.jpg);background-repeat:no-repeat;background-size:cover;padding: 30px 0;}
.histry .his_date ul{padding:0;margin-bottom:20px;float:left}
.histry .his_date ul li{width:30%;float:left;list-style:none;margin:15px 19px;background:#d1d2d4;padding:30px 20px;height:250px}
.histry .his_date ul li h2{color:#fff;font-family:Poppins-Bold;font-size: 90px;}
.histry .his_date ul li:nth-child(odd){background:#e8e9eb;}
.histry .his_date ul li:nth-child(odd) h2{color:#0047ba;}
#Timeline{padding-top:80px;padding-bottom:80px;background:url(../images/timeline_left.png);background-repeat: no-repeat;background-position: center left; background-size: 25%;position:relative}
#Timeline:after {content: "";background: url(../images/timeline_right.png);background-repeat: no-repeat;   position: absolute; width: 100%; height: 100%;   background-position: center right;top: 0; background-size: 25%;}
/* The actual timeline (the vertical ruler) */
.timeline {position: relative; max-width: 1200px;margin: 0 auto;}
/* The actual timeline (the vertical ruler) */
.timeline::after { content: ''; position: absolute; width: 2px; background-color: #000; top: 0;bottom: 0; left: 50%;margin-left: -3px;}

/* Container around content */
.timeline_main {padding: 0px 40px;position: relative;background-color: inherit;width: 50%;}

/* The circles on the timeline */
.timeline_main::after {content: ''; position: absolute; width: 20px; height: 20px; right: 80px; background-color: #000; top: 16px; border-radius: 50%; z-index: 1;}

/* Place the container to the left */
.left {left: 40px;}

/* Place the container to the right */
.right { left: 45%;}

/* Add arrows to the left container (pointing right) */

.left::before {content: " "; height: 0; position: absolute; top: 25px;width: 50px; z-index: 1; right: 43px;  border: solid 1px #000;}

/* Add arrows to the right container (pointing left) */
.right::before { content: " "; height: 0; position: absolute; top: 25px; width: 50px; z-index: 1; left: 55px; border: solid 1px #000;}

/* Fix the circle for containers on the right side */
.right::after {left: 90px;}

/* The actual content */
.content { padding: 50px 20px 0px 30px; position: relative; border-radius: 6px;}
.content h2{font-family:Poppins-Bold;font-size:40px;color:#cccccc!important}
.content p{font-family:Poppins-Light;font-size:18px}
.left .content{text-align:right}
footer{padding-top: 20px;background: #fff; padding-bottom: 1px;}
footer ul{margin:0 0 25px 0;padding:0;}
footer ul li{list-style: none; padding: 10px 0; font-size: 12px;}
footer ul li a{color:#000}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.who_we{background:url(../images/timeline_right.png);background-repeat: no-repeat;  background-position: center right;background-size: 15%; }
.adheres{background:#428004;color:#fff;padding:100px 0;}
.adheres h2{color:#fff;}
.mission img{padding-bottom:30px;}
.mission h2{margin-bottom:30px;}
.mission .bord{border-left:solid 1px #000; border-right:solid 1px #000;}
.contact_us h2{margin-bottom:50px;}
.contact_us .col-md-4{padding:0 50px;}
.contact_us .bord{border-left:solid 1px #c7c7c7; border-right:solid 1px #c7c7c7;}
.contact_us img{padding-bottom:30px;}
.contact_us h5{margin-bottom:20px;}
.form-control { border-radius: 0;border: none; border-bottom: 1px solid #ced4da;  padding: 0;}
.form-control::placeholder{font-size:14px;}
.form-control:focus{outline:0;box-shadow:none}
.btn_sub {border:solid 1px #534741; background: #534741;color: #fff; padding: 15px 50px; margin-top: 60px;}
.btn_sub:hover{color:#534741;border:solid 1px #534741;background:none}
.card {background: none; border: none;}
.card-header { background: none; border: none;  padding: 0;}
.card-body { padding: 10px 0 10px 0; font-size: 14px;}
.box_content{padding:0 50px;}
.inner_header{padding-top:80px;position:relative}
.inner_header:before{background-image: linear-gradient(to right, #a9dee2 , #3ac4f3);content:'';position:absolute;width:100%;height:73%;top:0}
.who_we_page:before{background-image: linear-gradient(to right, #aed6de , #0300bf);height:70%;}
.our_divisions:before{background-image: url('../images/bg.png'), linear-gradient(to right, #dfdfdd , #b3b3b3);
height:70%;background-size: cover; background-position: bottom center;}
.our_pro_inner:before{background-image: url('../images/bg.png'), linear-gradient(to right, #fff6f5 , #ffad94);
height:80%;background-size: cover; background-position: bottom center;}
.fmcg:before{background-image: url('../images/bg.png'), linear-gradient(to right, #f9f9fa , #998675);
height:75%;background-size: cover; background-position: bottom center;}
.inner_header h1{font-family:Poppins-Bold;font-size:85px;padding-left:20%;padding-bottom:50px;color:#fff;}
.fmcg .banner_con{margin-top:-160px}
.our_pro_inner .banner_con{margin-top:-150px}
.banner_con{margin-top:-200px}
.our_divisions .banner_con{margin-top:-240px}
.who_we_page .banner_con{margin-top:-220px}
.pro_sec{background: url('../images/bg.png');background-size: cover; background-position: bottom center;background-repeat:no-repeat;margin-top:50px;padding-bottom:50px;}
.pro_sec:before { content: ''; width: 100%; position: absolute;  height: 100%;  background: rgba(255,255,255, 0.8);
}
.pro_sec h3{color:#231f20;font-family:Poppins-Regular;}
.banner_bg{background:url(../images/ser_bg1.jpg);background-repeat:no-repeat;background-size: cover;height:100%}
.banner_bg h1{color:#fff;font-family:Poppins-Bold;background:rgba(0,0,0,0.5);margin-top: 45%;padding: 30px 50px 30px 0px; font-size: 85px;}
.compliance{background:url(../images/ser_bg2.jpg);background-repeat: no-repeat; background-size: cover;}
.logistic{background:url(../images/logistics.jpg);background-repeat: no-repeat; background-size: cover;}
.compliance h1{padding: 30px 0px 30px 50px;background:rgba(66,40,27,0.9);}
.logistic h1{background:rgba(12,45,96,0.9);}
.ban_con{margin-bottom:150px;}
.ban_con ul{padding:0;margin-top:50px;}
.ban_con ul li{list-style:none;float:left;width:33%; padding-right: 10px;}
@media(min-width:1024px){
.container{width:980px;} 
.home .container-fluid{width:90%;} 
}
@media only screen and (max-width: 1160px) and (min-width:1023px)  {
.carousel-caption{bottom: 50px;}
.contact_us .col-md-4{padding:0 25px;}
.inner_header{padding-top:50px;}
.inner_header:before {height:65%}
.who_we_page:before{height:60%}
.inner_header h1{font-size:55px;padding-bottom:20px;}
.our_divisions .banner_con{margin-top:-50px}
.banner_bg{height:auto;padding-bottom: 100px;}
.banner_bg h1{font-size:45px;text-align:center}
.ban_con{margin-bottom:50px;}
.compliance h1{padding:30px 0px 30px 0px}
}
@media only screen and (max-width: 960px) and (min-width: 768px)  {
.carousel-caption{bottom: 30px;}
.who_we_are h2{font-size:36px;}
.who_we_are h3{font-size:28px;}
.our_divi ul li{width:100%;border:none;margin-bottom:30px;}
.our_divi ul li p{min-height:auto;}
.our_divi{background-size:100%}
.pro_con h4{font-size:18px}
.media h4{font-size:18px}
.heading {font-size:30px;}
.contact_us .col-md-4{padding:0 25px;}
.box_content{padding:0}
.heading{margin-bottom:20px}
.pro_con{padding:10px 20px}
.pt-100{padding-top:50px}
.histry .his_date ul li h2{font-size:60px}
.inner_header{padding-top:50px;}
.inner_header:before{height:60%;}
.inner_header h1{font-size:45px;padding-bottom:30px;}
.who_we_page:before{height:50%}
.who_we_page .banner_con{margin-top:-150px}
.our_divisions .banner_con{margin-top:-50px}
.banner_bg{height:auto}
.banner_bg h1{font-size:45px;text-align:center}
.ban_con{margin-bottom:50px;}
.compliance h1{padding:30px 0px 30px 0px}
}
@media(max-width:767px){
    .pt-100{padding-top:30px}
.pb-100{padding-bottom:30px}
 header{padding:30px 0}
 .heading{margin-bottom:20px;font-size:30px;margin-top:20px}
 .navbar-fixed{padding:10px 0;}
 .menu{padding-top:10px;}
 .carousel-caption{top:50px;right:100px;padding: 10px 20px;}
.carousel-caption h3{font-size:14px;}
.who_we_are{padding-top:50px;    background-size: 100%;}
.who_we_are h2{font-size:26px;padding-top:50px!important}
.who_we_are h3{font-size:22px;}
.box_content {padding:0}
.box_content .heading{margin-bottom:20px;margin-top:20px}
.pro_con h4, .pro_con p{text-align:center;min-height: auto;}
.our_product{padding-top:50px}
.our_product .col-md-4{padding:0 15px;}
.histry .his_date ul li{width:43%;}
.histry .his_date ul li h2{font-size:40px}
.our_divi ul li{width:100%;border:none;margin-bottom:30px;}
.our_divi ul li p{min-height:auto;}
.our_divi{background-size:100%}
.our_product .pro_bor{border:none}
.media ul li{width:100%}
.adheres{padding:50px 0;margin-top:50px;}
.bord{border:none!important}
.inner_header{padding-top:30px;}
.inner_header:before{height:65%}
.our_divisions:before{height:60%}
.who_we_page:before{height:58%}
.inner_header h1{font-size:35px;padding-left:0;padding-bottom:20px}
.banner_con {margin-top: 60px;}
.our_divisions .banner_con {margin-top: 50px;}
.who_we_page .banner_con{margin-top:60px}
.fmcg .banner_con{margin-top:60px}
.carousel-caption{display:none}
.banner_bg{height:auto}
.banner_bg h1{font-size:45px;text-align:center}
.ban_con{margin-bottom:50px;}
.compliance h1{padding:30px 0px 30px 0px}
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.timeline::after {left: 31px;}.left{left:0}
/* Full-width containers */
.timeline_main { width: 100%; padding-left: 20px; padding-right: 25px; }

/* Make sure that all arrows are pointing leftwards */
.timeline_main::before { left: 30px; border: 1px solid #000; }

/* Make sure all circles are at the same spot */
.left::after, .right::after { left: 75px; }
.left .content { text-align: left;}
/* Make all right containers behave like the left ones */
.right {left: 0%;}
}