@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; outline:0;}
.clr{ clear:both;}
.fbg{background-size: cover !important;}
.quality1{background: url(../images/quality-policy-bg.jpg) no-repeat top left !important; min-height:205px;}
.envmnt{background: url(../images/env-policy-bg.jpg) no-repeat top left !important; min-height:205px;}
.sale{background: url(../images/sale-service-bg.jpg) no-repeat top left !important; min-height:205px;}
.client{background: url(../images/sale-service-bg.jpg) no-repeat top left !important; min-height:205px;}
.logistic{background: url(../images/cargo-bg.jpg) no-repeat top left !important; min-height:205px;}
.testimonial{background: url(../images/testimonials-th.jpg) no-repeat top left !important; min-height:205px;}
.exported {background: url(../images/expoort-th.jpg) no-repeat top left !important; min-height:205px;}
.cover{ background-size:cover !important;}

body{position:relative; width:100%;}
.wall{ width:100%; max-width:1200px; margin:0 auto;}
.main{ width:100%; max-width:100%; margin:0 auto; padding: 0px 30px; box-sizing: border-box;}

.header{position: relative; z-index: 99; left: 0; width: 100%; transition: all .7s;  webkit-transition: all .7s; background: #f4f4f4;}
.header .logo{ width:18%; float:left; text-align:left; padding:5px 0px; box-sizing:border-box;}
.header .logo img{vertical-align: top; /*-webkit-box-shadow: 0px 0px 209px 70px rgba(255,255,255,0.82);
-moz-box-shadow: 0px 0px 209px 70px rgba(255,255,255,0.82);
box-shadow: 0px 0px 209px 70px rgba(255,255,255,0.82);
 background: rgba(255, 255, 255, 0.66);*/}

.header .menu{ width:80%; float:right; text-align:right; padding-top:24px; box-sizing:border-box; position: relative;}
.header .menu ul{ list-style:none; position:relative; margin:0;padding:0;}
.header .menu ul li{list-style:none; display:inline-block; position: relative; padding: 0px 12px; }
.header .menu ul li a{font-family: Poppins; text-decoration:none; color:#000000; font-size:18px; font-weight:400; display:block; transition: all .7s;  webkit-transition: all .7s; line-height:25px;wi}
.header .menu ul li a:hover{color:#d96305; line-height:25px; transition: all .7s;  webkit-transition: all .7s;}
.header .menu ul li img{ vertical-align:top;}

.header .topstrip{background:#d96305; height:40px; text-align:right; width:100%; border-bottom:1px solid #f39c1c;     position: relative; z-index: 9;}
.header .topstrip ul{ list-style:none; position:relative; margin:0;padding-top: 10px; display: inline-block; vertical-align: top;}
.header .topstrip ul li{list-style:none; display:inline-block; position: relative; }
.header .topstrip ul li a{font-family: Poppins; text-decoration:none; color:#ffffff; font-size:14px; padding:0px 12px; box-sizing:border-box; font-weight:500; line-height:24px; display:block; transition: all .7s;  webkit-transition: all .7s; text-transform:uppercase;}
.header .topstrip ul li a:hover{color:#f29c1d; line-height:24px; transition: all .7s;  webkit-transition: all .7s;}




.social_link{margin-top: 10px; display: inline-block; border-left: 1px solid #ccc; padding-left: 5px;}
.social_link ul{float:left; padding-top: 0px !important;}
.social_link ul li{display: inline-block;}
.social_link ul li a{ width:22px; height:22px; display:inline-block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; line-height: 24px;}
.social_link ul li a span{margin-left:34px;}
.social_link ul li:last-child{ padding-right:0;}

.social_link ul li a.you{ background:url(../images/footer_social.png) no-repeat top 0 left -21px; padding-left:0;}
.social_link ul li a.you1{background:url(../images/footer_social.png) no-repeat top -31px left -21px; padding-left:0;}
.social_link ul li a.you2{background:url(../images/footer_social.png) no-repeat top -63px left -21px; padding-left:0;}
.social_link ul li a.you3{background:url(../images/footer_social.png) no-repeat top -93px left -21px; padding-left:0;}
.social_link ul li a.you4{background:url(../images/footer_social.png) no-repeat top -127px left -21px; padding-left:0;}

.social_link ul li:hover a.you{ background:url(../images/footer_social.png) no-repeat top 0 left 0px;}
.social_link ul li:hover a.you1{background:url(../images/footer_social.png) no-repeat top -31px left 0px;}
.social_link ul li:hover a.you2{background:url(../images/footer_social.png) no-repeat top -63px left 0px;}
.social_link ul li:hover a.you3{background:url(../images/footer_social.png) no-repeat top -93px left 0px;}
.social_link ul li:hover a.you4{background:url(../images/footer_social.png) no-repeat top -127px left 0px;}

.header .topstrip ul li.a{background:url(../images/e-icon.png) no-repeat top 0 left 0px; padding-left: 15px;}
.header .topstrip ul li.a:hover{background:url(../images/e-iconh.png) no-repeat top 0 left 0px; padding-left: 15px;}

.header .topstrip ul li.b{background:url(../images/n-icon.png) no-repeat top 0 left 0px; padding-left: 15px;}
.header .topstrip ul li.b:hover{background:url(../images/n-iconh.png) no-repeat top 0 left 0px; padding-left: 15px;}

.header .topstrip ul li.c{background:url(../images/c-icon.png) no-repeat top 0 left 0px; padding-left: 15px;}
.header .topstrip ul li.c:hover{background:url(../images/c-iconh.png) no-repeat top 0 left 0px; padding-left: 15px;}

.header .topstrip ul li.d{background:url(../images/co-icon.png) no-repeat top 0 left 0px; padding-left: 15px;}
.header .topstrip ul li.d:hover{background:url(../images/co-iconh.png) no-repeat top 0 left 0px; padding-left: 15px;}


.in-banner{position:relative; width: 100% !important;}
.in-banner img{ width:100%; vertical-align:top;}

.banner{position:relative; width: 100% !important; overflow: hidden;}

.banner5 .item div{ background-size:contain !important; overflow: hidden;margin-top:0px;}
.banner img{ width:100%; vertical-align:top;}


.core-service{padding:50px 0px 0px 0px; text-align:center; margin:0 auto;}

.floating_menu{ position: absolute; /*background: rgba(255, 255, 255, 1) ;*/ padding:0px; z-index:99; /*box-shadow: 0 2px 3px #0006;*/ transition: all .7s;  webkit-transition: all .7s;}

/*.floating_menu{position: fixed;  width: 100%;  top:-150px;  left: 0; height:103px; background:url('floating_menu.png') no-repeat top center; transition: all .3s ease-in-out; z-index:9999;}
.floating_menu img{ width:100%;}*/


.banner .owl-theme .owl-controls .owl-buttons { width:100%; display: block;}
.banner .owl-theme .owl-controls .owl-buttons div {color: #FFF; display: inline-block; zoom: 1; margin: 0!important;
padding: 3px 10px; font-size: 0!important;  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
background: #869791; opacity: 1;}

.banner .owl-prev{background:url(../images/pre1.png) no-repeat !important; width:34px; height:31px; position:absolute; bottom:28px; padding-right: 15px !important;}
.banner .owl-next{background:url(../images/nxt1.png)no-repeat right 6px !important; width:34px; height:31px; position:absolute; bottom: 34px; padding-left: 25px !important;}

.banner5 #sync1 .owl-buttons {display: none; }
.banner .owl-controls .owl-pagination {display:none !important;}
.banner .owl-theme .owl-controls .owl-page span{width: 50px; height: 5px; background: #ffffff; border-radius: auto;}

.banner .owl-theme .owl-controls {position: absolute; bottom: 56px; width: 100%; margin: 0 auto; display: none;}


.caption{position:absolute; top:50%; width:100%; max-width:1200px; text-align: center; margin:0 auto; z-index:9; left:0; right:0; transform: translate(0, -50%);}

.caption h3{ font-size:35px; font-family: Poppins; color:#ffffff; font-weight:400; line-height: 35px; margin-bottom: 0; text-shadow: 2px 2px 2px #2f2f2f;}
.caption h4{ font-size:47px; color:#ffffff; line-height:55px; font-family: Poppins; font-weight:700; text-align: center; margin-top:7px; margin-bottom: 0; text-shadow: 2px 2px 2px #2f2f2f;}
.caption h3 img{ width:auto !important; }



.owl-item.active .caption h3{animation: 1s .2s fadeInUp both;}
.owl-item.active .caption h4{animation: 1s .5s fadeInUp both;}

.down_arow{width:100%; text-align: center; font-size:16px; color:#ebeced; font-family: 'robotoregular'; padding-bottom:15px; margin:0 auto; position: absolute; bottom: 0; z-index: 9;}
.down_arow img{width:auto;}


.our_capabiliti {width: 100%; margin: 0 auto; background: url(../images/our-capbi-bg2.jpg) repeat top left; height:auto; padding-top:53px; padding-bottom:53px;}

.our_capabiliti .grph_area{width:45.8%; float:left;}
.our_capabiliti .grph_area img{width:100%;}
	
.our_capabiliti .intro_area {width:68%; float:left; box-sizing:border-box;}
.our_capabiliti .intro_area .smlhd{font-size:20px; font-family: Poppins; color:#034c9d; font-weight:300; padding-bottom:5px;}
.our_capabiliti .intro_area .smlhd span{ border-top:1px solid #000000; padding-top: 10px;}
.our_capabiliti .intro_area h2{font-size:48px; font-family: Poppins; color:#d96305; font-weight:700; line-height: 41px; padding-bottom: 30px;}
.our_capabiliti .intro_area .txt p{font-size:18px; font-family: Poppins; color:#555555; font-weight:300; line-height:27px;}
.our_capabiliti .intro_area .txt{background:url(../images/left-line.png) no-repeat bottom 20px left 0px; padding-left: 25px;
    box-sizing: border-box;}

.our_capabiliti .intro_area .button {text-align: center; padding-top: 30px; line-height: 40px; display: inline-block;}

.our_capabiliti .intro_area .button a {padding: 18px 0px; box-sizing: border-box; color: #f58118; font-family: Poppins; font-size: 18px; transition: all .7s; webkit-transition: all .7s; border-radius: 30px; background: 
url(../images/arow1.png) no-repeat top 4px right 5px; text-decoration: none; padding-right: 70px; position:relative;}

.our_capabiliti .intro_area .button a:hover {padding: 18px 20px;box-sizing: border-box; color: #d96305; background:  url(../images/know-more.png) no-repeat top 4px right 5px; padding-right: 70px;}

.our_capabiliti .intro_area .button a::before{width:0px; height:1px; background:#fcae17; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.our_capabiliti .intro_area .button a:hover::before{width:15px; height:1px; background:#fcae17; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}


/*.sml_box{ width:100%; margin:0 auto; padding:80px 0px; background: url(../images/small-bg.jpg) no-repeat top center;}
.sml_box .activitibox{width:24.5%; min-height:104px; float:left; text-align:center; padding:0px; box-sizing: border-box; margin-right:2px; margin-bottom:2px; border: 2px solid #eaeaea; background:#fff url(../images/flower-bg.png) no-repeat bottom right;}
.sml_box .boxbg{background:#31c2c2; transition: all .7s; webkit-transition: all .7s;}
.sml_box .boxbg2{background:#e9cc5a; transition: all .7s; webkit-transition: all .7s;}
.sml_box .boxbg3{background:#a4d05f; transition: all .7s; webkit-transition: all .7s;}
.sml_box .boxbg4{background:#6f90a8; transition: all .7s; webkit-transition: all .7s;}
.sml_box .activitibox:hover{transition: all .7s; webkit-transition: all .7s;  }
.sml_box .activitibox img{width: 100%;}

.sml_box .activitibox .text{width:100%;}
.sml_box .activitibox a{text-decoration:none!important; color:#fff;}
.sml_box .activitibox a:hover{text-decoration:none; color:#ffff00!important;}
.sml_box .activitibox p{font-size:16px; color:#333333; font-family: Poppins; line-height:26px; text-align:left;} 
.sml_box .activitibox p span{color:#333333;}
.sml_box .activitibox:hover span{color:#3f3f3f;}
.sml_box .activitibox:hover p{color:#000000;}
.sml_box .chooselast{margin-right: 0px;}
.sml_box .noborlast{border-bottom:none;}*/

.sml_box{ width:100%; margin:0 auto; padding:80px 0px; background: url(../images/small-bg.jpg) no-repeat top center;}
.sml_box .activitibox{width:24.5%; height:132px; float:left; text-align:center; padding:0px; box-sizing: border-box; margin-right:2px; margin-bottom:2px; border: 2px solid #eaeaea; background:#fff url(../images/flower-bg.png) no-repeat bottom right;}
.sml_box .boxbg{background:#31c2c2; transition: all .7s; webkit-transition: all .7s;}
.sml_box .boxbg2{background:#e9cc5a; transition: all .7s; webkit-transition: all .7s;}
.sml_box .boxbg3{background:#a4d05f; transition: all .7s; webkit-transition: all .7s;}
.sml_box .boxbg4{background:#6f90a8; transition: all .7s; webkit-transition: all .7s;}
/*
.sml_box .activitibox:hover{transition: all .7s; webkit-transition: all .7s; background: rgba(233,127,28,1);
background: -moz-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(233,127,28,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(100%, rgba(255,238,0,1)));
background: -webkit-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: -o-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: linear-gradient(135deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e97f1c', endColorstr='#ffee00', GradientType=1 ); -moz-transition: all 0.7s; -webkit-transition: all 0.7s;
  transition: all 0.7s; }
*/
.sml_box .activitibox img{width: 100%;}


.sml_box .activitibox .text{width:100%;}
.sml_box .activitibox a{text-decoration:none!important; color:#323232;}
.sml_box .activitibox a:hover{text-decoration:none; color:#D30E04!important;}
.sml_box .activitibox h3{font-size:20px; color:#333333; font-family: Poppins; line-height:26px; text-align:left;} 
.sml_box .activitibox p{font-size:16px; color:#333333; font-family: Poppins; line-height:26px; text-align:left;} 
.sml_box .activitibox p span{color:#333333;}
.sml_box .activitibox:hover span{color:#3f3f3f;}
.sml_box .activitibox:hover p{color:#000;}
.sml_box .chooselast{margin-right: 0px;}
.sml_box .noborlast{border-bottom:none;}





.product_range {width: 100%; margin: 0 auto;  height:auto; /*background-size: cover;*/ padding-top:73px; background-attachment: fixed; overflow: hidden; background-repeat: repeat-y; padding-bottom:113px; box-sizing:border-box;}


.product_range .inttxt_area {width:28%; float:left; padding-top:0px;}
.product_range .inttxt_area .smlhad{font-size:20px; font-family: Poppins; color:#fcae17; font-weight:300; padding-bottom:12px;}
.product_range .inttxt_area .smlhad span{ border-top:2px solid #fcae17;}
.product_range .inttxt_area h2{font-size:48px; font-family: Poppins; color:#ffffff; font-weight:700; line-height: 41px; padding-bottom: 20px;}
.product_range .inttxt_area .taxt p{font-size:16px; font-family: Poppins; color:#e0e0e0; font-weight:400; line-height:27px;}
.product_range .inttxt_area .taxt{background:url(../images/left-line.png) no-repeat bottom 20px left 0px; padding-left: 25px;
    box-sizing: border-box;}

.product_range .inttxt_area .discover {text-align: center; padding-top: 30px; line-height: 40px; display: inline-block;}

.product_range .inttxt_area .discover a {padding: 18px 0px; box-sizing: border-box; color: #fcae17; font-family: Poppins; font-size: 18px; transition: all .7s; webkit-transition: all .7s; border-radius: 30px; background: 
url(../images/arow-hov1.png) no-repeat top 4px right 5px; text-decoration: none; padding-right: 70px; position:relative;}

.product_range .inttxt_area .discover a:hover {padding: 18px 20px;box-sizing: border-box; color: #ffffff; background:  url(../images/arow1.png) no-repeat top 4px right 5px; padding-right: 70px;}

.product_range .inttxt_area .discover a::before{width:0px; height:1px; background:#fcae17; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.product_range .inttxt_area .discover a:hover::before{width:15px; height:1px; background:#fcae17; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}



.product_range .thumb_area {width:72%; float:left; padding-left:48px; box-sizing:border-box; padding-top:0px;}
.product_range .thumb_area .icons{width: 100%; text-align: center;}
.product_range .thumb_area .plus{position: absolute; right: 15px; top: 15px;}
.product_range .thumb_area .prdbox{width:48.5%; float:left; text-align:center; padding:8px 8px; box-sizing: border-box; background: #ffffff; margin-right:1.5%; margin-bottom:1.5%;  -webkit-box-shadow: 10px 10px 7px 1px rgba(0,0,0,0.37); -moz-box-shadow: 10px 10px 7px 1px rgba(0,0,0,0.37);
box-shadow: 10px 10px 7px 1px rgba(0,0,0,0.37); -moz-transition: all 0.7s; -webkit-transition: all 0.7s;
  transition: all 0.7s; position:relative;}
  .position1{float:right !important; margin-top: 55px;}
  .position2{margin-left: 208px; margin-top: 30px;}

/*
.product_range .thumb_area .prdbox:hover{ background: rgba(233,127,28,1);
background: -moz-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(233,127,28,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(100%, rgba(255,238,0,1)));
background: -webkit-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: -o-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
background: linear-gradient(135deg, rgba(233,127,28,1) 0%, rgba(241,111,92,1) 0%, rgba(255,238,0,1) 100%);
*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e97f1c', endColorstr='#ffee00', GradientType=1 ); -moz-transition: all 0.7s; -webkit-transition: all 0.7s;
  transition: all 0.7s;}

.product_range .thumb_area .prdbox .texts{width:100%;}
.product_range .thumb_area .prdbox a{text-decoration:none!important; color:#323232;}
.product_range .thumb_area .prdbox a:hover{text-decoration:none; color:#D30E04!important;}
.product_range .thumb_area .prdbox p{font-size:18px; color:#d96305; font-family: Poppins; line-height:24px; text-align: center; font-weight:600;} 

.product_range .thumb_area .chooselast{margin-right: 0px;}
.product_range .thumb_area .noborlast{border-bottom:none;}



.quality{ width:100%; margin:0 auto; padding-top:26px; padding-bottom:26px; box-sizing:border-box;}
.quality .introbox{ width:50%; float:left;}
.blu-bg{/*background:url(../images/yellow-bg.jpg) no-repeat top left;*/ padding:35px 65px; box-sizing:border-box; min-height:377px;}


.quality .introbox .smlhad{font-size:20px; font-family: Poppins; color:#000000; font-weight:400; }
.quality .introbox .smlhad span{ border-top:2px solid #000000;}
.quality .introbox h2{font-size:38px; font-family: Poppins; color:#d96305; font-weight:700; line-height: 36px; padding-bottom: 34px;}
.quality .introbox .taxt p{font-size:16px; font-family: Poppins; color:#000000; font-weight:400; line-height:27px;}
.quality .introbox .taxt{background:url(../images/left-line-blk.png) no-repeat bottom 20px left 0px; padding-left: 25px;
box-sizing: border-box;}

.quality .introbox .discover {text-align: center; padding-top: 30px; line-height: 40px; display: inline-block;}

.quality .introbox .discover a {padding: 18px 0px; box-sizing: border-box; color: #000000; font-family: Poppins; font-size: 18px; transition: all .7s; webkit-transition: all .7s; border-radius: 30px; background: 
url(../images/arow-hov1.png) no-repeat top 4px right 5px; text-decoration: none; padding-right: 70px; position:relative;}

.quality .introbox .discover a:hover {padding: 18px 20px;box-sizing: border-box; color: #ffffff; background:  url(../images/know-more.png) no-repeat top 4px right 5px; padding-right: 70px;}

.quality .introbox .discover a::before{width:0px; height:1px; background:#000000; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.quality .introbox .discover a:hover::before{width:15px; height:1px; background:#000000; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.quality .thumbbox{ width:50%; float:left;}


/*top-feature*/
.top_feature{ }
.top_feature1{ float:left; width:50%;}
.top_feature2{ float:left; width:50%;}
.top_feature3{ float:left; width:24%;}

/*bottom-feature*/
.bottom_feature .top_feature1{ float:left; width:50%;}
.bottom_feature .top_feature2{ float:left; width:50%;}
.bottom_feature .top_feature3{ float:left; width:50%;}

/*feature*/
.feature{position: relative; overflow: hidden;}    
.feature img{ width:100%; vertical-align:top;}
.feature .feature_caption::before {border-top:1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1);  transform: scale(0,1);}
.feature .feature_caption::before, .feature .feature_caption::after {position:absolute; top:20px; right:20px; bottom:20px;  left: 20px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.feature .feature_caption::after {border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0);}
.feature .feature_caption, .feature .feature_caption  > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.feature:hover  .feature_caption{ background:url(../images/project_hover.png) no-repeat top center; background-size:cover;}
.feature_caption{ }
.caption_content{padding-top:50%; width:100%; display:block; text-align:center; transition: all .7s;  -webkit-transition: all .7s;}

.top_feature2 .caption_content{padding-top:30%; width:100%; display:block; text-align:center; transition: all .7s;  -webkit-transition: all .7s;}
.top_feature3 .caption_content{ padding-top:30%;  width:100%; display:block; text-align:center; transition: all .7s;  -webkit-transition: all .7s;}

.text_prod h2{ opacity:1; transition: all .7s;  -webkit-transition: all .7s;}
.text_prod p{ opacity:1; transition: all .7s;  -webkit-transition: all .7s;}
.feature:hover .text_prod h2{opacity:1; transition: all .7s;  -webkit-transition: all .7s;}
.feature:hover .text_prod p{opacity:1; transition: all .7s;  -webkit-transition: all .7s;}

.caption_content h2{ opacity:1; transition: all .7s;  -webkit-transition: all .7s;}
.caption_content p{ opacity:1; transition: all .7s;  -webkit-transition: all .7s;}
.caption_content a{ opacity:1; transition: all .7s;  -webkit-transition: all .7s;}
.feature:hover .caption_content h2{opacity:1;}
.feature:hover .caption_content p{opacity:1;}
.feature:hover .caption_content a{ opacity:1;}
.feature:hover .caption_content{padding-top:30%; }
.feature.top_feature3:hover .caption_content{padding-top:20%; }
.feature.top_feature2 :hover .caption_content{padding-top:15%; }

.feature .feature_caption::before,
.feature .feature_caption::after {position:absolute; top:20px; right:20px; bottom:20px; left:20px; content: ''; opacity:1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.feature .feature_caption::before {border-top: 1px solid #fff; border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1); transform: scale(0,1);}

.feature .feature_caption::after {border-right: 1px solid #fff; border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);	transform: scale(1,0);}

.feature:hover .feature_caption::before,
.feature:hover .feature_caption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.feature img { position: relative;  display: block; min-height: 100%; max-width: 100%;  opacity: 1;}

/*caption-content*/
.caption_content h2{font-size:24px !important; line-height:25px !important; color:#ffffff; font-family: Poppins; font-weight:400 !important; padding-bottom: 0px !important;}
.caption_content p{ font-size:14px; line-height:25px; color:#FFF; font-family: Poppins;}
.caption_content span{font-size:14px; line-height:25px; color:#FFF; font-family: Poppins; text-decoration:none; padding:5px 38px; box-sizing:border-box; margin-top:0px; display:inline-block; border-radius:20px; position:relative; z-index:9999; border:2px solid #ffffff;}
.caption_content span:hover{border:2px solid #1a519b;}

/*text-prod*/
.text_prod{ position:absolute; bottom:0px;}
.text_prod h2{font-size:18px; line-height:25px; color:#0ab4ff; font-family: Poppins; font-weight:400; padding-bottom: 0px; text-align:left; padding-left: 15px;}
.text_prod p{ font-size:14px; line-height:25px; color:#FFF; ffont-family: Poppins; text-align:left;  padding-left: 15px; padding-bottom: 15px;}

/*get  touch*/
.get-touch{ width:100%; text-align:center; margin:0 auto; background: url(../images/touch-bg.jpg) repeat top center; padding:65px 0px;}
.get-touch h2{font-size:40px; color:#ffffff; /*font-family: 'Roboto-Light';*/ font-family: Poppins; font-weight:500; padding-bottom: 10px; text-align:center;}
.get-touch p{ font-size:20px; line-height:34px; color:#ffffff; font-family: Poppins;  padding-bottom: 15px;  text-align:center; padding:0px 165px; box-sizing:border-box;}
.get-touch .view a{font-size:16px; line-height:32px; color:#fff; font-family: Poppins; text-decoration:none; background:#0ab4ff; padding:5px 20px; box-sizing:border-box; margin-top:30px; display:inline-block; border-radius:20px; position:relative; z-index:99; border:1px dashed #000; width:175px;}
.get-touch .view a:hover{ background:#000; border:1px dashed #fff;}


.infra{background:url('../images/gallery-bg.jpg') no-repeat bottom center; padding-bottom:27px; margin:0 auto; padding-top:27px; background-size: cover;}
.infra .mnf_process{margin:0 auto; position:relative; box-sizing:border-box; width:100%;}
.infra .mnf_process .logos{text-align: center; padding-bottom: 0px;}
.infra .mnf_process h3{font-size:35px; color:#ffffff; font-family: Poppins; font-weight:500; padding-bottom:5px; text-align:center;}
.infra .mnf_process p{ font-size:18px; line-height:26px; color:#dbdbdb; font-family: Poppins; padding-bottom: 15px !important;text-align:center; padding: 0px 200px;}
/*.infra .mnf_process ul{columns: 2; -webkit-columns: 2; -moz-columns: 2;}*/
.infra .mnf_process ul{}
.infra .mnf_process ul li{ display:inline-block; list-style:none; text-decoration:none; font-size:16px; color:#fbfbfb; line-height:26px; font-family: Poppins; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; position:relative; /*background: url(../images/infra-ul-line.jpg) no-repeat 0 5px; padding-left: 13px;*/ padding:28px 18px; border: 1px dashed #d85c73; width: 24%; box-sizing: border-box; min-height: 112px; vertical-align: top; margin-bottom: 17px; margin-right: 1%;}

.infra .mnf_process ul li:hover{background:#b7aa09;}

.infra .mnf_process .knowmore {text-align: center; padding-top: 30px; line-height: 40px; display: inline-block; width: 100%;}

.infra .mnf_process .knowmore a {padding: 18px 0px; box-sizing: border-box; color: #ffffff; font-family: Poppins; font-size: 18px; transition: all .7s; webkit-transition: all .7s; border-radius: 30px; font-weight: 600; background: 
url(../images/know-more.png) no-repeat top 4px right 5px; text-decoration: none; padding-right: 70px; position:relative;}

.infra .mnf_process .knowmore a:hover {padding: 18px 0px;box-sizing: border-box; color: #000; background:  url(../images/know-more-hov.png) no-repeat top 4px right 5px; padding-right: 70px;}




.otherlinks{width:100%; margin:0 auto; text-align:center; padding-top:38px;}
.otherlinksub{width:50%; margin:0 auto; text-align:center; float:left;}
.otherlinksub1{width:50%; margin:0 auto; text-align:center; float:left;}
.otherlinks ul{margin:0px; padding:0px; list-style:none;}
.otherlinks ul li{ text-align:center; background:url(images/otherbor.png) no-repeat right center; display:inline-block; position:relative;}
.otherlinks ul li:last-child{background:none;}
.otherlinks ul li a{text-decoration:none; display:block; font-family: Poppins; font-size:18px; color:#000000; line-height:18px; padding:0px 20px; text-align:center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; box-sizing:border-box; font-weight: 500;}
.otherlinks ul li a img{margin-bottom:10px;}

.otherlinks .cons-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th1.png) no-repeat left top; margin-bottom:20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.otherlinks .lcn-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th2.png) no-repeat left top; margin-bottom:20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.otherlinks .walk-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th3.png) no-repeat left top; margin-bottom:20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.otherlinks .down-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th4.png) no-repeat left top; margin-bottom:20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.otherlinks .virtual-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th5.png) no-repeat left top; margin-bottom:20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.otherlinks .emi-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th6.png) no-repeat left top; margin-bottom:12px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.otherlinks .csr-icon{width:160px; height:160px; margin:0 auto; background:url(../images/mnf-process-th7.png) no-repeat left top; margin-bottom:12px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.otherlinks .camellia-icon{width:160px; height:160px; margin:0 auto; background:url(images/camellia-logo-img.png) no-repeat left top; margin:-24px 0px 0px -41px; position:absolute; }
.otherlinks .camellia-phase2{ margin:0 auto; margin:0px 0px 5px 33px; }
.otherlinks .camellia-phase3{ margin:0 auto; margin:0px 0px 5px 33px; }
.otherlinks .camellia-phase4{ margin:0 auto; margin:0px 0px 5px 33px; }
/*.otherlinks .launched-img{ width:160px; height:82px; height:82px; background:url(images/launched-img.png) no-repeat left top; position:absolute; margin:-42px 0px 0px -58px; }*/
.h5{font-size:32px; color:#000; font-family: Poppins; font-weight:400; }

.ico-posit{ position:absolute !important; top:60px; left:0;}
.ico-posit1{ position:absolute !important; top:60px; right:0;}
.top{top: -55px;}
.otherlinks ul li a:hover{color:#d96305;}
.otherlinks ul li a:hover .cons-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}
.otherlinks ul li a:hover .lcn-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}
.otherlinks ul li a:hover .walk-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}
.otherlinks ul li a:hover .down-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}
.otherlinks ul li a:hover .virtual-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}
.otherlinks ul li a:hover .emi-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}
.otherlinks ul li a:hover .csr-icon{background-position:0px 0px; -webkit-transform: scale(1.03); -webkit-filter: grayscale(1); filter: gray;}

/*.otherlinks ul li a.activeother{color:#FFB414;}
.otherlinks ul li a.activeother .cons-icon{background-position:0px -21px;}
.otherlinks ul li a.activeother .lcn-icon{background-position:0px -23px;}
.otherlinks ul li a.activeother .walk-icon{background-position:0px -23px;}
.otherlinks ul li a.activeother .down-icon{background-position:0px -20px;}
.otherlinks ul li a.activeother .virtual-icon{background-position:0px -22px;}
.otherlinks ul li a.activeother .emi-icon{background-position:0px -21px;}*/




.our-clients{ width:100%; margin:0 auto; padding-top:65px; box-sizing:border-box; background:url(../images/client-bg.jpg) no-repeat top center; padding-bottom:45px; background-size: cover;}
.our-clients .map_text{ width:34.5%; float:left;}

.our-clients .map_text .smlhad{font-size:20px; font-family: Poppins; color:#000000; font-weight:400; padding-bottom:15px;}
.our-clients .map_text .smlhad span{ border-top:2px solid #000000;}
.our-clients .map_text h2{font-size:48px; font-family: Poppins; color:#0c4ca0; font-weight:600; line-height:52px; padding-bottom:25px;}
.our-clients .map_text .contant p{font-size:17px; font-family: Poppins; color:#333; font-weight:400; line-height:27px;}
.our-clients .map_text .contant{background:url(../images/left-line-blk.png) no-repeat bottom 20px left 0px; padding-left: 25px;box-sizing: border-box;margin-top: 30px;}

.our-clients .map_text .more {text-align: center; padding-top: 30px; line-height: 40px; display: inline-block;}

.our-clients .map_text .more a {padding: 18px 0px; box-sizing: border-box; color: #000000; font-family: Poppins; font-size: 18px; transition: all .7s; webkit-transition: all .7s; border-radius: 30px; background: 
url(../images/arow-hov1.png) no-repeat top 4px right 5px; text-decoration: none; padding-right: 70px; position:relative;}

.our-clients .map_text .more a:hover {padding: 18px 20px;box-sizing: border-box; color: #ffffff; background:  url(../images/arow1.png) no-repeat top 4px right 5px; padding-right: 70px;}

.our-clients .map_text .more a::before{width:0px; height:1px; background:#000000; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.our-clients .map_text .more a:hover::before{width:15px; height:1px; background:#000000; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}



.our-clients .clmap{width:65.5%; float:left; padding-left:28px; box-sizing:border-box;}
.our-clients .clmap .clint-line{}
.our-clients .clmap .clint-line ul{ }
.our-clients .clmap .clint-line ul li {
    list-style: none;
    display: inherit;
    position: relative;
    font-family: Poppins;
    text-decoration: none;
    color: #333333;
    font-size: 12px;
    padding: 4px 12px;
    box-sizing: border-box;
    font-weight: 600;
    line-height: 18px;
    transition: all .7s;
    webkit-transition: all .7s;
    width: 25%;
    background: url(../images/dot.png) no-repeat top 7px left 0px;
    float: left;
}
.our-clients .clmap .clint-line ul li:nth-child(5) { width:50%;}


/*-----------------Footer Start------------------*/

.footer{background:#000; padding:53px 0 0; position: relative;}
.end_top_link{padding-top: 0px;}
.link{width:20%; float:left;}
.link1{width:25%; float:left;}
.link2{width:15%; float:left; padding:0 20px; box-sizing:border-box; }
.link3{width:16%; float:left; padding:0 20px; box-sizing:border-box;}
.link4{width:15%; float:left; padding:0 20px; box-sizing:border-box;}
.link5{width:13%; float:left; padding:0 20px; box-sizing:border-box;}
.link6{width:16%; float:left; padding:0 20px; box-sizing:border-box;}
.link7{width:13%; float:left; padding:0 20px; box-sizing:border-box; padding-right: 0px;}

.link p{font-size: 17px;color: #666;font-weight:400; font-family: Poppins;}
.ftxt{min-height:231px;}
.ftxt h4{ font-size:18px; line-height:42px; color:#f15a25; font-weight:400; font-family: Poppins;}
.ftxt ul{}
.ftxt ul li{ display:block; list-style:none;}
.ftxt ul li a{text-decoration:none; font-size:14px; color:#999; line-height:26px; font-family: Poppins; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; position:relative;}
.ftxt ul li a:hover{ color:#f15a25; padding-left:8px;}
.ftxt ul li a::before{width:0px; height:1px; background:#f15a25; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.ftxt ul li a:hover::before{width:5px; height:1px; background:#f15a25; content:''; position: absolute; top: 50%; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}


.bottom_footer{background:url(../images/line.jpg) repeat-x top center, url(../images/line.jpg) repeat-x bottom center;}

.social_right{width:30%; text-align: center; margin:0 auto;}

.footer_icon_main{ text-align:center;  float:left; padding-right:15px; box-sizing:border-box; position:relative;}
.footer_icon_main a{ text-decoration:none;}

.bottom_footer{margin-bottom:45px; padding:0px 0; background: rgba(13,77,161,1);
background: -moz-linear-gradient(left, rgba(13,77,161,1) 0%, rgba(255,238,0,1) 51%, rgba(13,77,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,77,161,1)), color-stop(51%, rgba(255,238,0,1)), color-stop(100%, rgba(13,77,161,1)));
background: -webkit-linear-gradient(left, rgba(13,77,161,1) 0%, rgba(255,238,0,1) 51%, rgba(13,77,161,1) 100%);
background: -o-linear-gradient(left, rgba(13,77,161,1) 0%, rgba(255,238,0,1) 51%, rgba(13,77,161,1) 100%);
background: -ms-linear-gradient(left, rgba(13,77,161,1) 0%, rgba(255,238,0,1) 51%, rgba(13,77,161,1) 100%);
background: linear-gradient(to right, rgba(13,77,161,1) 0%, rgba(255,238,0,1) 51%, rgba(13,77,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4da1', endColorstr='#0d4da1', GradientType=1 );}
.ff02{ position:absolute; top:0; left:0; width:100%; opacity:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; padding-right:15px; box-sizing:border-box;}
.footer_icon_main:hover  .ff02{ opacity:1;}
.footer_icon_main p{ font-size:15px; line-height:18px; color:#c7c7c7; font-family: Poppins; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.footer_icon_main:hover  p{color:#007dd0;}

.footer_qut{ padding:20px 0; text-align:center; font-size:12px; line-height:22px; color:#b9b9b9; font-family: Poppins;}
.footer_qut span{ color:#fff;}
.copy{padding:20px 0; background: url(../images/line.jpg) repeat-x top center;}
.copy_left p{font-size:12px; line-height:18px; color:#606060; font-family: Poppins;}
.copy_left p a{font-size:12px; line-height:18px; color:#606060; font-family: Poppins; text-decoration:none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.copy_left p a:hover{ color:#f15a25;}


.copy_left{ float:left; width:70%;}
.copy_right{ float:right; width:25%; text-align:right;}

.copy_right p{font-size:12px; line-height:18px; color:#606060; font-family: Poppins;}
.copy_right p a{font-size:12px; line-height:18px; color:#606060; font-family: Poppins; text-decoration:none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.copy_right p a:hover{ color:#f15a25;}

/*-------------Footer END------------*/



/*---- containter start -----*/
.container{ width:100%; margin: 0 auto; padding:0px 0px;}
.container .left_pannel{float:left; width:44.5%; max-width:540px;}

.container .left_pannel .top_tab{width:100%; background:url(../images/left-bg.jpg) no-repeat top left; padding: 20px 0px 20px 20px; box-sizing: border-box;}
.container .left_pannel .top_tab h2{font-size:27px; line-height:31px; font-family: Poppins; font-weight:600; margin-bottom:10px; color:#ffffff;}
.container .left_pannel .top_tab img{width: 100%}
.container .left_pannel .top_tab table{width: 100%;font-family: Poppins;}
.container .left_pannel .top_tab table td p{font-family: Poppins;}
.container .left_pannel .top_tab table td strong{font-family: Poppins;}
.container .left_pannel .top_tab ul li{list-style:url("../images/tick.jpg") display:block; margin: 10px 0px;font-family: Poppins;}
.container .left_pannel .top_tab ul li a{color:#ffffff; text-decoration:none; font-size:18px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display:block; padding:8px 14px; font-weight:400; font-family: Poppins; width: 100%; box-sizing: border-box;  padding-left:0px;}
.container .left_pannel .top_tab ul li a:hover{color: #000000; font-family: Poppins; padding-left:20px; background: url(../images/icon-over1.png) no-repeat top 0px left 0px;}

.container .left_pannel .top_tab ul li span{display:block; color: #000000; font-family: Poppins; padding:10px 14px; background: url(../images/icon-over1.png) no-repeat top 0px left 0px;}
.project_icon_clc{ display:none;}

.fixed.fd{ position:fixed; top:0px; width: 24.6%; max-width:294px;}
.right.fd{ float:right !important;}

/*add 26march2018*/
.left_pannel.fixed.fd { height: 100%; padding-bottom: 60px; }
.left_pannel.fixed.fd div#menu-about_us_sidebar_menu { height: 100%; overflow-x: auto; }
.left_pannel.fixed.fd {height: calc(100% - 139px);height: -moz-calc(100% - 139px); height: -webkit-calc(100% - 139px);}


/*.container .left_pannel .top_tab ul li a.hov{background: url(../images/icon-over1.png) no-repeat top 0px right 0px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov:hover{background: url(../images/icon-over1.png) no-repeat top 0px right 0px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov.active{background: url(../images/icon-over1.png) no-repeat top -30px left 5px; display:inline-block;}

.container .left_pannel .top_tab ul li a.hov1{background:url(images/icon-over2.png) no-repeat top 10px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov1:hover{background: url(images/icon-over2.png) no-repeat top -30px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov1.active{background: url(images/icon-over2.png) no-repeat top -30px left 5px; display:inline-block;}

.container .left_pannel .top_tab ul li a.hov2{background:url(images/icon-over3.png) no-repeat top 10px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov2:hover{background:url(images/icon-over3.png) no-repeat top -30px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov2.active{background: url(images/icon-over3.png) no-repeat top -30px left 5px; display:inline-block;}

.container .left_pannel .top_tab ul li a.hov3{background:url(images/icon-over4.png) no-repeat top 10px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov3:hover{background: url(images/icon-over4.png) no-repeat top -30px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov3.active{background: url(images/icon-over4.png) no-repeat top -30px left 5px; display:inline-block;}

.container .left_pannel .top_tab ul li a.hov4{background:url(images/icon-over5.png) no-repeat top 10px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov4:hover{background: url(images/icon-over5.png) no-repeat top -30px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov4.active{background: url(images/icon-over5.png) no-repeat top -30px left 5px; display:inline-block;}

.container .left_pannel .top_tab ul li a.hov5{background:url(images/icon-over6.png) no-repeat top 10px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov5:hover{background: url(images/icon-over6.png) no-repeat top -30px left 5px; display:inline-block;}
.container .left_pannel .top_tab ul li a.hov5.active{background: url(images/icon-over6.png) no-repeat top -30px left 5px; display:inline-block;}*/


.container .right_pannel{float:right; width:55.5%; padding-left:37px; box-sizing: border-box;}
.container .right_pannel p{font-size:18px; color:#2a2c2f; font-family: Poppins; font-weight:400; line-height:30px; padding-bottom:20px;}
.container .right_pannel h1{font-size:24px; color:#2a2c2f; font-family: Poppins; font-weight:400; line-height:29px}
.container .right_pannel h2{font-size:24px; color:#FF5200; font-family: Poppins; font-weight:500; padding-top: 20px;}

.container .right_pannel .detail_text{width:100%; box-sizing: border-box; padding:40px; background: url(../images/text-bg.jpg) no-repeat top left; margin-bottom:40px;}
.container .right_pannel .detail_text h2{color:#f24c12; font-size:40px; line-height:31px; font-family: Poppins; font-weight:400; margin-bottom:25px;}
.container .right_pannel .detail_text h3{color:#f24c12; font-size:24px; font-family: Poppins; font-weight:400; margin-bottom:0px;}
.container .right_pannel .detail_text p{font-size:17px; color:#000; font-family: Poppins; font-weight:400; line-height:31px}
.container .right_pannel .detail_text p span{color:#00001e;}

.container .right_pannel ul li {font-size: 16px; color: #454545; font-family: Poppins; line-height: 24px; padding-bottom: 10px; list-style:none; background:url(../images/infra-ul-line.jpg) no-repeat 0 5px; padding-left:18px;}

.container .right_pannel .photos{ float:left; width:38%; box-sizing:border-box;}
.container .right_pannel .content{ float:left; width:62%; font-size:16px; color:#2a2c2f; font-family: Poppins; font-weight:400; line-height:29px; padding-top:70px; box-sizing:border-box; padding-left:50px; padding-bottom: 70px; margin-bottom: 30px;}



.container .right_pannel .content-ab{width:100%; font-size:16px; color:#2a2c2f; font-family: Poppins; font-weight:400; line-height:29px; box-sizing:border-box; background:#f1f1f1; padding:20px; margin-bottom: 30px; border: 1px solid #d0d0d0;}

.container .right_pannel .photosab{ float:left; width:40%; box-sizing:border-box;}
.container .right_pannel .photosab img{ width:100%; vertical-align:top; border-radius: 10px;}

.container .right_pannel .content-ab .mfp-text{float:left; width:60%; box-sizing: border-box; padding-left: 20px;}

.container .right_pannel .photosabrt{ float:right; width:38%; box-sizing:border-box;}
.container .right_pannel .photosabrt img{ width:100%; vertical-align:top; border-radius: 10px;}
.container .right_pannel .content-ab .mfp-textrt{float:left; width:60%; box-sizing: border-box; padding-right: 20px;}

.container .right_pannel h3{font-size:24px; color:#FF5200; font-family: Poppins; font-weight:500; padding-bottom:10px;}


.container .right_pannel .global_mkt{ padding:44px 48px; box-sizing:border-box; background:#f0f0f0;}
.container .right_pannel .global_mkt p{font-size:16px; color:#2a2c2f; font-family: Poppins; font-weight:400; line-height:27px}
 
.container .right_pannel .txtbox2{ padding:24px 48px; box-sizing:border-box; background:#f0f0f0; margin-top:15px;padding-bottom:5px}
.container .right_pannel .txtbox2 ul {margin: 0; padding: 0;}
.container .right_pannel .txtbox2 ul li {position:relative; font-family: Poppins; font-size:16px; line-height:26px; color:#2a2c2f; display: block; padding: 10px 15px; margin-bottom: 20px; border-left: 3px solid #f58421; 
background: #ffffff !important; -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);}
 
.container .right_pannel .technology{width:100%; margin:0 auto; text-align:left; padding-top:38px;}

.container .right_pannel .technology ul{margin:0px; padding:0px; list-style:none;}
.container .right_pannel .technology ul li:last-child{background:none;}
.container .right_pannel .technology ul li {text-decoration:none; font-family: Poppins; font-size:18px; color:#000000; line-height:18px; padding:20px; text-align:center; box-sizing:border-box; font-weight: 500; display:inline-block; position:relative; width: 25%; float: left; background: none !important;}
.container .right_pannel .technology ul li img{margin-bottom:10px;}

.gm-icon{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon1.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon {background-position: 0px -112px;}

.gm-icon1{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon2.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon1 {background-position: 0px -110px;}

.gm-icon2{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon3.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon2 {background-position: 0px -112px;}

.gm-icon3{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon4.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon3 {background-position: 0px -112px;}

.gm-icon4{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon5.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon4 {background-position: 0px -111px;}

.gm-icon5{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon6.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon5 {background-position: 0px -110px;}

.gm-icon6{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon7.png) no-repeat left top; margin-bottom: 10px;}
.container .right_pannel .technology ul li:hover .gm-icon6 {background-position: 0px -110px;}

.gm-icon7{width: 128px; height: 111px;  margin: 0 auto; background: url(../images/global-markets-icon8.png) no-repeat left top; margin-bottom: 10px;}

.container .right_pannel .technology ul li:hover .gm-icon7 {background-position: 0px -111px;}

.year-blue{background:#38697f !important;}
.year-yellow{background:#f1b506 !important;}
.year-green{background:#269391 !important;}

.container .right_pannel .achievement{padding: 44px 48px; box-sizing: border-box; background: #f0f0f0; margin:0 auto;}
.container .right_pannel .achievement .achieve-box{background:#cd344f; width:100%; float:left; padding:0px 15px 0px 50px; box-sizing:border-box; border-radius:50px 0px 0px 50px; margin-bottom:25px; position:relative;}

.container .right_pannel .achievement .achieve-box .achieve-year{background:#cd344f; width:70px; height:70px; float:left; position: absolute; z-index:9; left:8px; top:7px; border-radius:50px; padding:12px; box-sizing:border-box; line-height:38px; color:#ffffff; font-family: Poppins; font-size:20px; text-align:center; display:block; border: 5px solid #fff;}

.container .right_pannel .achievement .achieve-box .achieve_text {background:#fff; width:100%; padding: 15px 15px 15px 45px; box-sizing:border-box; box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0, 0, 0, 0.37), -12px 0 15px -4px rgba(0, 0, 0, 0.37);}
.container .right_pannel .achievement .achieve-box .achieve_text p{font-size:14px; font-family: Poppins; color:#333333; font-weight:400; line-height:27px; padding-bottom: 0px;}


.contact_inner{/*background:url(../images/contact-bg.jpg) no-repeat center center;*/ height:337px; padding:35px; box-sizing:border-box; margin-bottom: 40px;}
.contact_area h2{text-align: center; font-size:40px; font-family: Poppins; color:#000; font-weight:300; line-height: 38px;}
.contact_left{float:left; width:50%; }
.contact_left h3{text-align:left; font-size:22px; font-family: Poppins; color:#c7b45f !important; font-weight:400; padding-bottom:10px;}
.contact_left ul{}
.contact_left ul li{text-align:left; font-size:16px; font-family: Poppins; color:#bcbcbc !important; font-weight:400; list-style:none; padding-bottom: 18px !important;}
.contact_left ul li a{ text-decoration:none; color:#bcbcbc;}

.loc {background: url(../images/icon-loc.png) no-repeat 0px 6px !important; padding-left: 50px !important; box-sizing: border-box;}
.mob {background: url(../images/icon-mob.png) no-repeat 0px 6px !important; padding-left: 50px !important; box-sizing: border-box;}
.fax {background: url(../images/icon-mob.png) no-repeat 0px 6px !important; padding-left: 50px !important; box-sizing: border-box;}
.eml {background: url(../images/icon-email.png) no-repeat 0px 6px !important; padding-left: 50px !important; box-sizing: border-box;}


.contact_right {float:left; width:20%; text-align:center;}




.form_box{float:left; width:100%;}
.form_box .title{text-align:left; font-size:39px; font-family: Poppins; color:#000000; font-weight:400; padding-bottom:10px;}


.quick_connect {height: auto; width: 100%;}
.quick_connect input[type="text"] {width: 100%; padding: 2px 5px; box-sizing: border-box; height:52px; margin-bottom:40px; color:#959595; border:1px solid #fff; font-size:16px; font-family: Poppins; border-bottom:2px solid #000; transition:all .7s;}
.quick_connect input:hover[type="text"] {border-bottom:2px solid #12407c; transition:all .7s;}

.quick_connect textarea {width: 100%; padding: 2px 5px; box-sizing: border-box; height:170px; margin-bottom: 10px; color:#959595; border:1px solid #ccc; font-size:16px; font-family: Poppins;}

.quick_connect button[type="submit"] {background:#12407c; padding:10px 10px; box-sizing: border-box; border:none; color: #fff; font-family: Poppins; cursor:pointer; width:250px; font-size:22px; margin-top:10px; transition:all .7s; webkit-transition:all .7s; border-radius:30px; text-transform:uppercase;}
.quick_connect button:hover[type="submit"] {background:#000;}


.quick_connect button[type="reset"] {background:#c0c0c0; padding:10px 10px; box-sizing: border-box; border:none; color: #505050; font-family: Poppins; cursor:pointer; width:200px; font-size:22px; margin-top:10px; transition:all .7s; webkit-transition:all .7s; border-radius:30px; text-transform:uppercase;}
.quick_connect button:hover[type="reset"] {background:#000000; color:#fff;}

.qc_toggle {position: absolute; top: 0;left:-50px;}

.qc_name input[type="text"]{background: url('../images/full_name.png') no-repeat 0px 0px; -webkit-transition: 0.5s ease;  transition: 0.5s ease; outline: none; padding: 5px 0 5px 53px;}
.qc_name input[type="text"]:focus{background:none; padding: 5px 0 5px 10px;}

.qc_phone input[type="text"]{background: url('../images/mob-icon.png') no-repeat 0px 0px; -webkit-transition: 0.5s ease;  transition: 0.5s ease; outline: none; padding: 5px 0 5px 53px;}
.qc_phone input[type="text"]:focus{background:none;	padding: 5px 0 5px 10px;}

.qc_email_id input[type="text"]{background: url('../images/email_icone.png') no-repeat 0px 12px; -webkit-transition: 0.5s ease;  transition: 0.5s ease;  outline: none; padding: 5px 0 5px 53px;}
.qc_email_id input[type="text"]:focus{background:none; padding: 5px 0 5px 12px;}

.qc_enquery textarea{background: url('../images/message_icone.png') no-repeat 12px 5px;  -webkit-transition: 0.5s ease; transition: 0.5s ease; outline: none; padding: 20px 0 5px 53px;}
.qc_enquery textarea:focus{	background:none; padding: 20px 0 5px 10px;}

.qc_add input[type="text"]{background: url('../images/add-icon.png') no-repeat 0px 0px; -webkit-transition: 0.5s ease;  transition: 0.5s ease; outline: none; padding: 5px 0 5px 53px;}
.qc_add input[type="text"]:focus{background:none; padding: 5px 0 5px 10px;}


.care_select select{width:100%; padding: 2px 5px; box-sizing: border-box; height:52px; margin-bottom:20px; color:#959595; border:1px solid #fff; font-size:16px; font-family: Poppins; float: left; margin-right: 10px; border-bottom:2px solid #000;}

.care_select select:focus{background:none; padding: 5px 0 5px 10px;}
.care_select select{ -webkit-transition: 0.5s ease;  transition: 0.5s ease; outline: none;  padding: 5px 0 5px 53px; background: url(images/proj_icone.png) no-repeat 0px 0px;}


.cp_code{font-size:18px; font-family: Poppins; color:#606060;}
.cp_code a {text-decoration:none;}
.cp_code a span{font-size:14px; font-family: Poppins; color:#ff0000; text-decoration:none;}
.cp_code img{ vertical-align:middle;}
.cp_code input[type="text"]{outline: none; padding: 5px 0 5px 53px;}
.cp_code input[type="text"]:focus{background:none; padding: 5px 0 5px 12px;}

.qc_captcha input[type="text"]{outline: none; padding: 5px 0 5px 53px; border-bottom: 0px; border: 1px solid #ccc;}
.qc_captcha input[type="text"]:focus{background:none; padding: 5px 0 5px 10px;}

.map_box{float:left; width:42%; padding-left:6%;}
.map_box .bor{ border:5px solid #e0e0e0;}

.pdl{padding-left:75px; box-sizing:border-box;}
.frm_left{ float:left; width:50%; padding-right:16px; box-sizing:border-box;}
.frm_right{float:left; width:50%; padding-left:16px; box-sizing:border-box;}

.form_box{float:left; width:100%;}
.form_box .title{text-align:left; font-size:26px; font-family: Poppins; color:#000000; font-weight:400; padding-bottom:10px; line-height: 35px;}



.breadcrumb{position:absolute; bottom:0px; height:45px; background: rgba(0, 0, 0, 0.71); width: 100%; font-family: Poppins; text-decoration:none; font-size:14px; color:#fbbf0d;}
.breadcrumb ul{padding:11px 0px; list-style: none; box-sizing:border-box;}

.breadcrumb ul li {display: inline-block;}
.breadcrumb ul li:before {content: ""; padding: 0 8px; color:#999999; background: url(../images/sub-aerrow.png) no-repeat top 7px left 5px;}
.breadcrumb ul li .active {color:#fbbf0d;}
.breadcrumb ul li:first-child:before { background:none; padding:0px}

.breadcrumb ul li a{font-family: Poppins; text-decoration:none; color:#ffffff; font-size:14px;font-weight:400; line-height:20px;}
.breadcrumb ul li a:hover{color:#fbbf0d; line-height:20px;}

.rpdo{ padding-right:0px !important; margin-right: 0px !important;}



.container .right_pannel .products{width:100%; margin:0 auto; text-align:left; padding-top:38px;}
/*.container .right_pannel .products ul li:last-child{background:none;}*/
.container .right_pannel .products .prodbox{width:47%; float: left; margin-right:6%; padding-bottom:30px; box-sizing:border-box;}
.container .right_pannel .products .prodbox .prd-picture{padding:20px; text-align:center; box-sizing:border-box; font-weight: 500; position:relative; background: #f4f4f4; min-height: 324px;}
.container .right_pannel .products .prodbox .title{background: #d96305; padding:20px; box-sizing:border-box; min-height: 117px;}
.container .right_pannel .products .prodbox .title .capacity{color:#fbcb0a; font-family: Poppins; font-size:18px;}
.container .right_pannel .products .prodbox .title p{font-family: Poppins; font-size:18px; color:#ffffff; line-height:24px; padding: 0;}


.container .right_pannel .tabbutton{ text-align:center; padding-top:30px; line-height: 40px;}
.container .right_pannel .tabbutton a{padding: 11px 15px; box-sizing: border-box; color:#fff; font-family:'Calibri'; font-size: 16px; transition: all .7s; webkit-transition: all .7s; border-radius: 30px; text-decoration:none; background:#7d8e9c; margin-right:5px;}

.container .right_pannel .tabbutton a:hover{padding:11px 15px; box-sizing: border-box; color:#000000; background: linear-gradient(to right, #f5831f, #ffed00);}
.container .right_pannel .tabbutton .active{padding:11px 15px; box-sizing: border-box; color:#000000; background: linear-gradient(to right, #f5831f, #ffed00);}

.tab {overflow: hidden;}
.tab button {background-color:inherit; float:left; border:none; outline:none; cursor:pointer; padding:14px 16px;
transition: 0.3s;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #ccc;}
.tabcontent {display: none;}




/*---- containter end -----*/

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: linear-gradient(to right, #f5831f, #ffed00);
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}


.header.home.foo{/*position:fixed;*/background:#f4f4f4 !important;    transition: all .7s;webkit-transition: all .7s; }
.header.home.foo .menu ul li a{color:#000;}


table td p, strong{font-family: Poppins;}
table td {font-family: Poppins;}

.call-logo1
{
	position: fixed;
	bottom:5%;
}
.call-logo1:hover
{
	position: fixed;
	bottom:5%;
	padding-left: 5px;
	background: #ff6b00;
	border-radius: 0px 20px 20px 0px;
}
.call-logo2
{
	position: fixed;
	bottom:23%;
}
.call-logo2:hover
{
	position: fixed;
	bottom:23%;
	padding-left: 5px;
	background: #04b418;
	border-radius: 0px 20px 20px 0px;
}