/*vinidesign*/
body{padding: 0;margin: 0; font-family: 'Roboto', sans-serif;}
*{padding: 0;margin: 0;}
p{font-size: 15px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 0; margin: 0; line-height: 25px; }
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; color: #202e31;}
.more-btn a{background: #202e31; padding: 12px 35px; margin: 0; border: 1px solid #fff; color: white; font-weight: 300; 
	letter-spacing: 0.5px; transition: 0.5s; position: relative; display: inline-block;}
.small-title{color: #969696;  font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;}	
.main-title{margin: 0 0 50px; font-weight: 600;  position: relative; text-transform: uppercase; font-size: 45px; line-height: 33px;font-family: 'Poppins', sans-serif; color: #202e31;}
.main-title:before { position: absolute; content: '';  width: 120px; height: 5px;  background: #fe6d00; bottom: -26px;}
.main-title:after {  position: absolute; content: '';  width: 120px; height: 2px;  background: #ececec; bottom: -25px; left: 108px;
    z-index: -1;}
.m-p{margin: 0; padding: 0;}
/*top*/
.top{background: url(../images/top-bg.jpg) no-repeat center top / cover; padding: 10px 0;}
.top h1{color: #202e31; font-size: 16px; padding: 0; margin: 18px 0; font-weight: 500; text-transform: uppercase;}
.top ul{list-style-type: none; margin: 0; padding: 10px 0; text-align: right;}
.top-right span{color: #656363; font-size: 11px; letter-spacing: 0.5px;}
.top li{display: inline-block; text-align: left; margin: 0px 0 0 100px;}
.top ul .call{position: relative; line-height: 15px;}
.top ul .call a{transition: 0.5s; color: #000; font-weight: 500; text-decoration: none;}
.top ul .call:before{position: absolute; content: '\f10b'; top:10px; left: -40px; font-size: 53px; color: #c5bdbd; font-family: fontawesome; transition: 0.5s;	}
.top ul .call:hover:before{color: #fe6d00;}
.top ul .email{position: relative; line-height: 15px;}
.top ul .email a{transition: 0.5s; color: #000; font-weight: 500; text-decoration: none;}
.top ul .email:before{position: absolute; content: '\f003'; top:10px; left: -50px; font-size: 35px; color: #c5bdbd; font-family: fontawesome; transition: 0.5s;	}
.top ul .email:hover:before{color: #fe6d00;}
/*top*/
/*abovefixrdcss*/
.new-nav{padding:0; margin: 0; background: #202e31;}
.new-nav img{width: 100%; max-width: 250px;}
.new-nav .navbar-collapse ul{padding: 0; margin: 0; list-style-type: none;}
.new-nav .navbar-collapse li{padding: 0; margin: 0; display: inline-block;}
.new-nav .navbar-collapse li a{padding: 0; margin: 0 0 0 30px; font-weight: 300; font-size: 16px; transition: 0.5s; color: #fff;     letter-spacing: 0.5px;}
.new-nav .navbar-collapse li a:hover{box-shadow: inset 0 -2px 0px #fe6d00; color: #fe6d00; text-decoration: none; 
	padding: 0px 0 8px;}
.new-nav .to-call a{text-decoration: none;}

/*slider*/
.main-slider{position: relative;}
.main-slider:before{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.62); z-index: 1; content: ''; left: 0; top: 0;}
.main-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fe6d00;}
.main-slider .bx-wrapper .bx-pager.bx-default-pager a{background: #ddd;}
.main-slider .slider img{width: 100%;}
.main-slider .bx-wrapper { box-shadow: none; border: 0px; margin-bottom: 0;}
.main-slider .bx-wrapper .bx-pager { bottom: 30px; z-index: 3;}
.slider-text{position: absolute; top: 30%; left: 0; right:0; color: #fff; z-index: 1;}
.slider-text h2{font-size: 65px; font-weight: 600; position: relative; color: #fff; text-transform: capitalize;}
.slider-text h2 span{color: #fe6d00; font-weight: 700;}
.slider-text h2:before{position: absolute; content: 'We Are'; top: -40px; left: 0; font-size: 28px; font-weight: 600;}
.slider-text p{font-weight: 300; padding: 0; margin: 20px 0 40px; }
.slider-text .more-btn a:hover{text-decoration: none; box-shadow: inset 350px 1px 1px #fe6d00;}
/*About us*/
.main-about{margin: 0; padding:100px 0; overflow: hidden;}
.about-right img{width: 100%; max-width: 600px;}
.about-right{position: relative;}
.about-right:before{position: absolute; content: url(../images/bgimg.png); top:-17%; left:-26%; z-index: -1;}
.about-right:after{position: absolute; content: ''; top:5%; left:8%; z-index: -1; background: #202e31; width: 100%; height: 100%;}
.about-left{padding: 0 0 0 70px}
.main-about p{color: #000;}
.about-left h2{margin: 10px 0 60px; font-weight: 700; position: relative; text-transform: uppercase; font-size: 45px; }
.about-left h2:before{position: absolute; content: '';  width: 120px; height: 5px; background: #fe6d00; bottom: -18px;}
.about-left h2:after{position: absolute; content: '';  width: 120px;  height: 2px; background: #ececec;  bottom: -17px; left: 108px;    z-index: -1;}
.about-left h2 span{color: #fe6d00;}
.about-left .more-btn{padding: 0; margin: 40px 0 0;}	
.about-left .more-btn a:hover { text-decoration: none; box-shadow: inset 350px 1px 1px #fe6d00;}
/*counter*/
.main-counter{ padding: 50px 0; margin: 0; background: url(../images/counter-bg.jpg) no-repeat center top fixed; background-size: cover; position: relative;}
.main-counter:before{position: absolute; content: ''; background: rgba(0, 0, 0, 0.7);; top: 0; left: 0; width: 100%; height: 100%; }
.counter { background: #0000005e; padding: 30px; border: 1px solid #e2aa4a40; position: relative; transition: 0.5s;}
.counter:hover {background: rgba(254, 109, 0, 0.57); cursor: pointer;}
.counter:hover .fa{color: #fff;}
.counter:hover p{color: #fff;}
.counter .fa{color: #fe6d00; font-size: 36px;}
.counter h4{color: #e0e0e0; margin: 20px 0 3px; font-size: 43px; font-weight: 400;}
.counter p{color: #afafaf;}
/*main-Infrastructure*/
.infrastructure{padding: 100px 0; margin: 0; overflow: hidden;}
.infrastructure p{color: #000;}
.infrastructure-left img{width: 100%; max-width: 600px;}
.infrastructure-left{position: relative; overflow: hidden;}
.infrastructure-left:before{position: absolute; background: rgba(0, 0, 0, 0.7); content: ''; left: 0; bottom: -100%; width: 100%; height: 100%; transition: 0.5s;}
.infrastructure-left:hover:before{bottom: 0;}
.infrastructure-overflow{position: absolute; left: 0; top: 40px; right: 0; font-size: 80px; color: #fff; text-align: center; opacity: 0; transition: 0.5s;}
.infrall a{text-decoration:none;}
.infrastructure-left:hover .infrastructure-overflow{opacity: 1;}
.infrastructure-img img{width: 100%; max-width: 600px;}
.infrastructure-text{text-align: center; background: #fe6d00; padding: 20px; position: absolute; bottom: -100%; width: 100%; transition: 0.5s;}
.infrastructure-text h4{color: #fff;}
.infrastructure-left:hover .infrastructure-text{bottom: 0;}
.infrastructure-right{position: relative;}
.infrastructure-right:before { position: absolute;  content: url(../images/bgimg.png);  top: -100%;  right: -26%; z-index: -1;}
.infrall{margin: 30px 0 0;}
/*products*/
.products{padding: 100px 0; background:url(../images/prduct-bg.png) top center fixed; position: relative;}
.products:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); content: ''; }
.products .main-title{color: #fff; margin: 0 0 90px;}
.products .main-title:after {z-index: 0; width: 120px;}
.products .main-title:before{z-index: 1; width: 120px;}
.all-product img{width: 100%; max-width: 600px;}
.all-product .col-lg-7 .product-right .col-lg-6:nth-child(1){margin: 0 0 30px;}
.prduct-left{position: relative; overflow: hidden;}
.product-right-all{position: relative; overflow: hidden;}
.small-overflow{position: absolute;  background: #fe6d00;  color: #fff;  left: 0;  bottom: -144px; width: 100%; text-align: center;  font-size: 20px;  text-transform: uppercase;  font-weight: 500; padding: 20px 0px; opacity: 0; transition: 0.5s;     border-top: 5px solid #fff; }
.product-right-all:hover .small-overflow{bottom: 0; opacity: 8; z-index: 1;}
.shadow-overflow{background: rgba(0, 0, 0, 0.6);  top: 0;  left: 0; position: absolute;  width: 100%;  height: 100%; color: #fff;
    font-size: 70px; text-align: center; padding: 50px 0; opacity: 0; transition: 0.5s; transform: scaleY(0);}
.product-right-all:hover .shadow-overflow{opacity: 1; transform: scaleY(1); cursor: pointer;}
/*quailty*/
.quailty{padding: 100px 0; background: #f6f6f6;}
.quailty .main-title {margin: 0 0 90px;}
.quailty .main-title:after {z-index: 0; width: 120px;}
.quailty .main-title:before{z-index: 1; width: 120px;}
.quailty img{width: 100%; max-width: 640px;}
.quailty-text{background: #fe6d00; margin: 0 20px; position: relative; margin-top: -41px; padding: 20px; min-height: 400px; box-shadow: 0px 0px 14px #0000004a;}
.quailty-text h5{text-align: center;  font-size: 28px; font-weight: 600; padding: 0; margin: 0 0 35px; 
	text-transform: uppercase; position: relative;}
.quailty-text h5:before{position: absolute; content: ''; bottom: -15px; left: 50%; width: 20%; height: 2px; background: #fff; transform: translate(-50%, -50%);}
.quailty-text ul{padding: 0; margin: 0; }
.quailty-text li{padding: 0 0 0 20px; margin: 0 0 12px; list-style-type: none; font-size: 15px; position: relative; color: #fff;}
.quailty-text li:before{position: absolute;  content: '\f0da';  font-family: fontAwesome;  color: #fff; left: 0; font-size: 16px;}
/*call-action*/
.call-action{padding: 60px 0; background: url(../images/call-action.jpg) no-repeat fixed center top / cover; position: relative; overflow: hidden;}
.call-action:before{position: absolute;  content: '';  right: -88px;  top: 0;  width: 85%; height: 100%; background: rgba(0, 0, 0, 0.92); transform: skewX(-25deg);}
.action{ color: #fff; font-size: 30px;  }
.action p{margin: 0 0 30px}
.action h4{font-size: 50px; font-weight: 300; text-transform: uppercase; margin: 0 0 15px; color: #fff;}
.action a{font-size: 30px; font-weight: 500; text-transform: uppercase; margin: 0; background: #000; padding: 10px 25px 10px 53px;  color: #fff; position: relative; transition: 0.5s; border: 1px solid #fe6d00;}
.action a:hover{text-decoration: none; color: #fe6d00; box-shadow: inset 330px 0 0 #fe6d00; color: #fff;}
.action a:hover:before{color: #fff;}
.action a:before{position: absolute; content: '\f2a0'; left: 15px;  color: #fff; font-size: 34px; font-family: FontAwesome; transition: 0.5s;}
/*request*/
.request{position: relative;}
.request-form{background: #fe6d00; padding: 100px 80px 50px 120px;}
.request-form h4{font-size: 30px; text-transform: uppercase; font-weight: 700; padding: 0; margin: 0 0 5px;}
.request-form p{color: #ffd8ba; padding: 0; margin: 0 0 20px;}
.request-form input{width: 100%; border-radius: 0;  border: 1px solid #f0f0f0;  margin-bottom: 17px; padding: 15px 17px;
    height: auto;  font-size: 15px;  color: #000;  background: #f6f6f6;  font-family: 'Poppins', sans-serif;
    font-weight: 400;}
.request-form textarea{width: 100%; border-radius: 0;  border: 1px solid #f0f0f0;  margin-bottom: 17px; padding: 20px 23px;
    height: auto;  font-size: 15px;  color: #000;  background: #f6f6f6;  font-family: 'Poppins', sans-serif;
    font-weight: 400;}
.request-form .more-btn button{padding: 15px 50px; font-weight: 400; text-decoration: none; text-transform: uppercase; background: #202e31; color: #fff; border: 1px solid #fff; transition: 0.5s;}	
.request-form .more-btn button:hover{color: #fe6d00; border: 1px solid #000;}
.main-testimonials{position: absolute;  bottom: 0;}
.main-testimonials img{width: 100%; max-width: 525px;}
/*career*/
.career{padding: 100px 0 0;}
.opening-job{position: relative; background: #202e31; padding: 20px; text-align: center;}
.opening:before{position: absolute; left: -121px; top: -185px; content: url(../images/bgimg.png); z-index: -1;}
.opening-img img{width: 100%;}
.opening-job a{color: #fe6d00;}
.opening-job h4{font-size: 18px; margin: 0 0 10px; color: #fff;}
.opening-job p{color: #000;}
.card-link{color: #202e31;background: rgba(209, 209, 209, 0.2); transition: 0.5s;}
.card-link:hover{background: #fe6d00; color: #fff;}
.career .main-title:before { z-index: 1; width: 120px;}
.career .main-title:after { width: 120px;}
.career .card-header{font-size: 16px; letter-spacing: 0.5px; font-weight: 600; padding: 15px;}
.career .card p{color: #202e31;}
.career-form{padding: 25px; background: #fe6d00;}
.career-form h4{font-size: 30px; text-transform: uppercase; font-weight: 700; padding: 0; margin: 0 0 20px;}
.career-form input { width: 100%; border-radius: 0; border: 1px solid #f0f0f0; margin-bottom: 17px;
    padding: 12px 17px; height: auto; font-size: 15px; color: #000; background: #f6f6f6; font-family: 'Poppins', sans-serif;
    font-weight: 400;}
.career-form textarea {width: 100%; border-radius: 0;border: 1px solid #f0f0f0; margin-bottom: 17px; padding: 20px 23px;
    height: auto; font-size: 15px; color: #000; background: #f6f6f6; font-family: 'Poppins', sans-serif; font-weight: 400;}
.career-form .more-btn button{text-decoration: none;background: #202e31; padding: 12px 35px; margin: 0; border: 1px solid #fff;
    color: white; font-weight: 300; letter-spacing: 0.5px;transition: 0.5s; position: relative; display: inline-block;}
.career-form .more-btn button:hover {color: #fe6d00; border: 1px solid #000;}
.career-form label{color: #f6f6f6; margin: 0 0 30px;letter-spacing: 0.5px; font-weight: 500; font-size: 16px;}
/*all-customer*/
.all-customers .main-title{color: #fff; margin: 0 0 70px;}
.all-customers .main-title:before { z-index: 1; width: 120px;}
.all-customers .main-title:after { z-index: 0; width: 120px;}
.all-customers{padding: 90px 0; background: url(../images/customer-bg.png) no-repeat fixed top center  / cover;
 position: relative;}
.all-customers:before{position: absolute; top: 0; left: 0; background: rgba(32, 46, 49, 0.94); width: 100%; height: 100%; content: '';}
.all-customers .bx-wrapper{box-shadow: none; border: 0px; margin-bottom: 0; background: none;}
.all-customers .cusromer-name{color: #fff; border: 1px solid #465254; padding: 20px 12px; text-align: center; font-weight: 300; transition: 0.5s; letter-spacing: 0.5px;}
.all-customers .cusromer-name:hover{ color: #fff; cursor: pointer; border: 1px solid #fe6d00}
/*inner-customers*/
.inner-customers{padding: 100px 0;}
.inner-customers .main-title{margin: 0 0 100px;}
.inner-customers .clients h4{color: #000; font-size: 14px;  padding: 35px 15px 0; background: #efefef; margin: 0 0 24px;
    text-align: center; min-height: 100px; transition: 0.5s; font-weight: 500; line-height: 20px; border: 2px solid #eaeaea;}
    .inner-customers .clients h4:hover{background: #fe6d00; transform: scale(1.1); cursor: pointer; color: #000; box-shadow: 0px 0px 5px #9a9a9a;}
/*main-footer*/
.main-footer{padding: 100px 0 20px; background: url(../images/footer-bg.jpg) no-repeat fixed bottom center / cover; position: relative;}
.main-footer:before{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); top: 0; left: 0;}
.footer-1{padding: 0 30px 0 0}
.footer-1 .page-counter {width: 100%; max-width: 225px; margin: 30px 0 30px; padding: 0;}
.footer-1 ul{margin: 0; padding: 0;}
.footer-1 li{margin: 0; padding: 0; display: inline; list-style-type: none;}
.footer-1 li a{padding: 10px; color: #fff;}
.footer-1 li a:hover{color: #fe6d00;}
.footer-1 .social-media{margin: 30px 0 0}
.main-footer h4{margin: 0 0 50px; color: #fff; position: relative;}
.main-footer h4:before{position: absolute; bottom: 0; left: 0; width: 70px; height: 2px; background: #fe6d00; 
	content: ''; margin: 0 0 -15px;}
.footer-2 ul{margin: 0; padding: 0;}
.footer-2 li{margin: 0; padding: 7px 25px; display: list-item; list-style-type: none; position: relative;}
.footer-2 li:before{position: absolute; content: '\f0da'; left:0; color: #fe6d00; font-family: FontAwesome; }
.footer-2 li a{color: #fff;}
.footer-2 li a:hover{text-decoration: none; color: #fe6d00;}
.footer-3 ul{margin: 0; padding: 0;}
.footer-3 li{margin: 0 0 25px; padding: 10px 0 0 50px; display: list-item; list-style-type: none; position: relative;}
.footer-3 li h5{color: #fe6d00; font-size: 18px; margin: 0 0 5px;}
.footer-time{position: relative;}
.footer-time:before{position: absolute; content: '\f017'; top: 0; left: 0; font-size: 40px; color: #fe6d00; font-family: FontAwesome;}
.footer-address{position: relative;}
.footer-address:before{position: absolute; content: '\f0ac'; top: 0; left: 0; font-size: 40px; color: #fe6d00; font-family: FontAwesome;}
.footer-phone{position: relative;}
.footer-phone a{color: #fff;  font-size: 18px; font-family: 'Roboto', sans-serif;  font-weight: 400; letter-spacing: 0.5px;}
.footer-phone a:hover{text-decoration: none; color: #fe6d00;}
.footer-phone:before{position: absolute; content: '\f10b'; top: -5px; left: 0; font-size: 40px; color: #fe6d00; font-family: FontAwesome;}
.footer-landline a:hover {text-decoration: none; color: #fe6d00;}
.footer-email a{color: #fff;  font-size: 18px; font-family: 'Roboto', sans-serif;  font-weight: 400; letter-spacing: 0.5px;}
.footer-landline a{color: #fff;  font-size: 18px; font-family: 'Roboto', sans-serif;  font-weight: 400; letter-spacing: 0.5px;}
.footer-landline:before{position: absolute; content: '\f2a0'; top: 0; left: 0; font-size: 35px; color: #fe6d00; font-family: FontAwesome; transform: rotate(-30deg);}
.footer-email a:hover{text-decoration: none; color: #fe6d00;}
.footer-email{position: relative;}
.footer-email:before{position: absolute; content: '\f0e0'; top: 0; left: 0; font-size: 30px; color: #fe6d00; font-family: FontAwesome;}
/*inner-pages*/
.inner-header{position: relative;}
.inner-img img{width: 100%; }
.inner-header:before{position: absolute; background: rgba(0, 0, 0, 0.62); top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1;}
.inner-text{position: absolute; z-index: 2; left: 0; bottom: 20%; right: 0; text-align: center;}
.inner-text h4{color: #fff; font-weight: 600; font-size: 40px; text-transform: uppercase; margin: 0 0 15px;}	
.inner-text span{color: #fff; font-weight: 300; font-size: 16px;letter-spacing: 0.5px;}
.inner-text span .fa{color: #fe6d00; font-size: 18px; margin: 0 7px; font-weight: 800;}
.inner-text span{color: #fe6d00; font-weight: 400; }
.inner-text span a{color: #fff; font-weight: 400; text-decoration: none;} 
.inner-text span a:hover{color: #fe6d00;}
/*inner-about*/
.inner-para{margin: 35px 0 0;}
.director{padding: 80px 0; background: rgba(245, 245, 245, 0.5);}
.director .main-title{margin: 0 0 80px}
.director .main-title span{color: #fe6d00;}
.director .main-title:before{width: 10%;}
.director .main-title:after{width: 10%;}
.director .team{text-align: center; position: relative; overflow: hidden;}
.team-info{position: absolute;  bottom: -45px; width: 100%; height: 0; border: 1px solid white; border-width: 0 100px 140px 100px;
    border-color: transparent transparent #efefef transparent; transition: 0.5s;}
.director .team:hover .team-info{bottom: 0; border-color: transparent transparent #fe6d00 transparent;}
.director .team:hover .team-info h4{color: #fff;}
.director .team:hover .team-info span{color: #fff;}
.team-info h4{font-weight: 700;  font-size: 20px; margin: 30px 0 0; transition: 0.5s;}
.team-info span{font-weight: 400; font-size: 14px; color: #6f6f6f; letter-spacing: 0.5px;}
.team-info .social-media { margin: 25px 0 0;}
.team-info li { margin: 0; padding: 0; display: inline; list-style-type: none;}
.team-info li a{padding: 5px 30px; border: 1px solid #d2d2d2; color: #202e31; transition: 0.5s;}
.team-info li a:hover{background:#202e31; color: #fff;}
.back-bg-color{position: absolute; bottom: 0; width: 100%; height: 50%; border: 1px solid white;
    border-width: 0 100px 140px 100px; border-color: transparent transparent #fe6d00 transparent; z-index: -1;}
/*vision&mission*/
.vision-mission{padding: 50px 0; background: rgb(225 225 225 / 19%);}
.vision-mission p{color: #000;}
.vision-mission h4{color: #000; margin: 0 0 30px; text-transform: uppercase; font-weight: 600; font-size: 30px; 
	position: relative; padding: 0 0 0 65px;}
.vision-mission h4:before{position: absolute; content: ''; width: 30%; height: 2px; background: #fe6d00; bottom: -12%; left: 0;}
.vision:before{position: absolute; content: '\f06e'; font-family: FontAwesome; font-size: 30px; top: 0; line-height: 20px;
    padding: 10px; background: #fe6d00; color: #fff;}
.mission:before{position: absolute; content: '\f140'; font-family: FontAwesome; font-size: 30px; top: 0; 
line-height: 20px; padding: 10px; background: #fe6d00; color: #fff;}
.contact-left{padding: 90px 90px 0;}
.contact-left p{color: #000;}
.contact-left a{color: #000;}
/*infrastructure-main*/
.infrastructure-main{padding: 100px 0; position: relative;}
.infrastructure-main .main-title{margin: 0 0 80px; z-index: 1;}
.infrastructure-main .main-title:before { width: 10%;}
.infrastructure-main .main-title:after { width: 10%;}
.infrastructure-inner img{width: 100%; max-width: 445px;}
.infrastructure-inner{position: relative;}
.infrastructure-inner:before{position: absolute; content: url(../images/bgimg.png);left: -35%;top: -45%;z-index: -1;}
.infrastructure-inner:after {  position: absolute;  content: ''; top: 5%;  right: -8%;  z-index: -1;  background: #202e31;
    width: 100%;  height: 100%;}
#accordion-style-1 h1,#accordion-style-1 a{ color:#fe6d00;}
#accordion-style-1 .btn-link {  font-weight: 600;  color: #202e31; background-color: transparent; text-decoration: none !important;  font-size: 18px;padding: 16px 50px;letter-spacing: 0.5px;}
#accordion-style-1 .card-body { border-top: 2px solid #fe6d00; }
#accordion-style-1 .card-body p{color: #000;}
#accordion-style-1 .card-header .btn.collapsed .fa.main{display:none;}
#accordion-style-1 .card-header .btn .fa.main{background: #fe6d00;  padding: 13px 11px;  color: #ffffff; width: 35px; height: 41px;
    position: absolute; left: -1px; top: 10px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;display:block;}
.inner-infrastructure .inner-p{color:#000; margin: 0 0 30px}
.card-body ul { margin: 0;  padding: 0; text-decoration: none;}
.card-body li { margin: 0; padding: 0 0 5px; display: list-item;list-style-type: none; position: relative;}
.card-body li:before { position: absolute;content: '\f0da'; font-family: fontAwesome;color: #fe6d00;}
.card-body li p {margin: 0 0 0 15px;}
.inner-infrastructure .card-header{padding: 0;}
.inner-infrastructure .card-header{transition: 0.5s;}
.inner-infrastructure .card-header:hover{background: #202e31;}
#accordion-style-1 .btn-link:hover{color: #fff;}

/*product-main*/
.product-main{padding: 100px 0;}
.infra{padding: 100px 0;}
.infra .list-group{position: relative;}
.infra .list-group:before {position: absolute; content: url(../images/bgimg.png);  left: -35%;  top: -115%; z-index: -1;}
.product-inner img { width: 100%; max-width: 445px;}
.product-main .main-title { margin: 0 0 80px; z-index: 1;}
.product-main .main-title:before { width: 120px;}
.product-main .main-title:after { width: 120px;}
.product-inner ul{padding: 0; margin: 0;}
.product-inner ul li{padding: 20px 0;margin: -2px; list-style-type: none; display: list-item; background: #fff; border: 2px solid #e1e1e1;}
.product-main .list-group{position: relative;}
.product-main .list-group:before{position: absolute; content: url(../images/bgimg.png);left: -35%;top: -55%;z-index: -1;}

/*  product tab */
.bhoechie-tab{border-right: 1px solid #dfdfdf;}
.bhoechie-tab-content img{width: 100%;}
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
.list-group-item.active{border-color: #fe6d00;}
div.bhoechie-tab-menu{
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  padding: 25px 15px;
  transition: 0.5s;
  text-decoration: none;
  color: #202e31;
  font-size: 18px;
  position: relative;
}
div.bhoechie-tab-menu div.list-group>a:before{content: '\f105'; right:20px; position: absolute; font-size: 30px; font-family: FontAwesome; top: 0; line-height: 77px;}
div.bhoechie-tab-menu div.list-group>a:hover:before{color: #fe6d00;}
div.bhoechie-tab-menu div.list-group>a:hover{box-shadow: inset 0 80px 0 #202e31; color: #fff;} 
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #202e31;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #fe6d00;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:0px;
        }

   
img.zoom {
    width: 100%;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }


.navbar-nav li > a {
	text-transform: capitalize;
	color: #333;
	transition: background-color .2s, color .2s;
	
	&:hover,
	&:focus {
		background-color: #333;
		color: #fff;
	}
}

.navbar-nav li.active{
	color: #fe6d00;
}
.navbar-nav li.active > a {
	color: #fe6d00;
}

.modal-dialog{background: #fe6d00; padding: 8px; max-width: 60%;}
.modal-content{background: rgba(16, 23, 25, 0.8);}
.modal-dialog h4{color: #fe6d00; text-transform: uppercase; margin: 0 0 30px; font-weight: 600;}
.quailty .btn-primary{background: black; border: 0; padding: 15px 30px; font-size: 18px; margin: 30px 0 0;}
.quailty .btn-primary:hover{background: #fe6d00; color: #000; }
.btn-primary:focus{box-shadow: none;}

/*copy-right*/
.copy-right{padding: 20px 0; background: #000;}
.copy-right p{font-size: 14px; color: #9a9a9a;}




/*top-btn-css*/
#back-to-top-btn { display: none;position: fixed;bottom: 20px;right: 20px;font-size: 26px; width: 50px;
  height: 50px; background-color:#fe6d00;color: #333; cursor: pointer;outline: none; border-radius: 0%;
  transition-duration: 0.2s; transition-timing-function: ease-in-out; transition-property: background-color, color; border: 0; z-index: 2; }
#back-to-top-btn img{margin: 0 auto; position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%);}
#back-to-top-btn:hover {background-color: #000;}