body{font-size:15px; margin:0; background:#fff; font-family: 'Roboto', sans-serif; padding-top:96px; height:100%;}
html {
    scroll-behavior: smooth; 
  } 
.mt-55{margin-top:55px !important;}

.wrapper{width:100%; float:left; min-height:100vh; }
.container { width: 100%; max-width: 1240px;}
.mid-container { width: 100%; max-width: 1400px;}
.push{width:100%; float:left; height:83px; margin-top:-83px;}
.home-mid-container{width:100%; float:left; max-width:1200px; margin:0 auto; min-width:320px; padding:0 15px !important; height:100%;}
header{width:100%; float:left;}
.logo img{max-width:80px;}
header .navbar-nav li{padding-right:20px;}
header .navbar-nav li a{font-size:16px; color:#000;}
header .navbar-light .navbar-nav .active>.nav-link, header .navbar-light .navbar-nav .nav-link:hover,header .navbar-light .navbar-nav .nav-link:focus{color:#2977c9;}
header .navbar-toggler {background:url(../images/menu-bar-icon.png) no-repeat top left; width: 40px; height: 35px; border-radius: 0; position:absolute; right:15px; top:20px; z-index:9999; border:0; margin-right:0;}
header .bg-light{background:#fff !important;}
header .navbar-brand{padding:0;}
header .navbar-light .navbar-nav .nav-link.active{color:#2977c9;}

header .navbar { 
  -webkit-transition:padding 0.2s ease;
  -moz-transition:padding 0.2s ease; 
  -o-transition:padding 0.2s ease;        
  transition:padding 0.2s ease;  
}

.affix {
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;  
  -o-transition:padding 0.2s linear;         
  transition:padding 0.2s linear;
  box-shadow: 2px 1px 9px 0px rgba(133,133,133,1);
}

  
 


.top-banner{width:100%; float:left; background:url(../images/top-banner-bg.jpg) no-repeat center center; background-size: cover;}
.banner-heading{font-family:'Montserrat', sans-serif; font-size:33px; color:#007687; text-align:center; font-weight:400;}
 
.send-btn {background: #ef6923; border: 0; color: #fff; font-size: 15px; padding: 10px 15px; float:right; }

.intro-box {width: 100%; float: left; background: #f4f4f4; border-radius: 0; padding:80px 20px;}
.intro-text{font-size:40px; text-align:center; font-family: 'Impact'; letter-spacing:1px; color:#2977c9;}
.intro-box p{font-size:20px; text-align:center; padding-top:20px; line-height:30px;}

hr {float: left; width: 100%; margin-top: -10px;  z-index: 0; position: relative;}
.section-heading {font-size: 50px; color: #2977c9; font-family: 'Bebas Neue', cursive; line-height: 53px; width: 100%; padding-bottom: 15px;z-index: 1; position: relative;}
.middle-heading {margin-top:15px; float:left;font-size: 30px; color: #2977c9; font-family: 'Bebas Neue', cursive; line-height: 32px; width: 100%; padding-bottom: 5px;z-index: 1; position: relative;}
.middle-heading:after {position: absolute; border-bottom: 3px solid #005a95; content: ''; bottom: 0; left: 0; width: 75px;}
.section-heading:after {position: absolute; border-bottom: 3px solid #005a95; content: ''; bottom: 0; left: 0; width: 95px;}

.border-title { position: relative; text-align: center; float: left; width: 100%; margin-bottom: 30px;} 
.border-title h2{ position: relative;font-family: 'Bebas Neue', cursive; margin-bottom: 0; display: inline-block; color:#2977c9; font-size:50px; line-height: 53px;}


.about-us{width:100%; float:left; padding: 100px 0 50px 0; background: #f9f9f9;}
.about-us p{float: left;  width: 100%; font-size: 15.5px; color: #555555; line-height: 32px; margin-top: 0px; margin-bottom: 5px; text-align: justify;}
.about-us .management-box .name{float:left; width:100%; font-size:20px; color:#555555; margin-top: 10px; margin-bottom: 0; line-height: 12px;}
.about-us .management-box{width:100%; float:left;}
.about-us .management-box .name .adviser{font-style:italic; font-size:16px; color:#999;}
.about-us .management-box .designation{font-size:16px; color:#555; margin:0;}
.core-competencies{width:100%; float:left; padding: 100px 0 50px 0; background: #f9f9f9;}
.features-lists { width: 100%;float: left;}
.features-lists li {width: 100%;float: left;font-size: 17px;color: #333333;line-height: 45px; background: url(../images/check-mark.png) no-repeat left 12px; padding-left: 30px;}

.esteemed-clients{background:#f9f9f9; width:100%; float:left; padding:80px 0 80px 0;}
.esteemed-clients .client-para{width:100%; float:left; font-size:16px; color:#444444; margin-bottom:50px;}

/* Slider */
.carousal-slide{width:245px;float:left; background:#fff; height:150px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); position:relative;}
.carousal-slide img{max-width:211px; vertical-align:middle; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.slick-slide { margin: 0px 20px;}
.slick-slide img {width: 100%;}
.customer-logos{width:100%; float:left; margin-top:40px;}
.slick-slider { position: relative;  display: block;  box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.projects-handled{width:100%; float:left; padding: 100px 0 50px 0; background: #f9f9f9;}
.projects-handled .features-lists li {font-size: 15.5px;color: #333333;line-height: 27px; background: url(../images/check-mark.png) no-repeat left 4px; margin-bottom:18px;}

.products-section{width:100%; float:left; padding:100px 0 110px 0;}
.products{width:100%; float:left; padding:70px 0 70px 0;}
.products .card {border:1px solid#ec6823; text-align:center; margin-bottom:30px;}
.products .card img{width:100%;}
.products .card .card-body{padding:15px;}
.products .card .card-title{width:100%; float:left;}
.products .card .view-btn{background:#007687; color:#fff; text-align:center;}

.contact-us{width:100%; float:left; padding: 100px 0 50px 0; background: #fff;}

.company-tree{width:100%; float:left; padding: 100px 0 50px 0; background: #fff;}

footer{width:100%; float: left; background:#2f2f2f; padding:15px 0 !important;}
footer ul{width:100%; float:left; text-align:right; margin-top:27px;}
footer ul li{display:inline; border-right:1px solid #fff; padding:0 15px; }
footer ul li:last-child{border-right:0px;}
footer ul li a{color:#fff; font-size:16px; font-family: 'Roboto', sans-serif;}
footer ul li a:hover{color:#fff; text-decoration:none;}
.footer-logo{width:100%; float:left;}
.footer-logo img{width:100%; border-radius:5px; max-width:70px; margin-top:5px;}

 
footer p{color:#fff; font-size:16px; font-family: 'Roboto', sans-serif; line-height:24px; text-align:right;margin-top:26px; } 

.contact-form-box {width: 100%; float: left;}
.border-box {width: 100%; float: left;padding: 25px;  border: 1px solid #80b8e0; -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.8); box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.8); background: #fff; border-radius: 5px;}
.contact-heading {font-size: 35px; color: #ef6923; font-family: 'Roboto', sans-serif; line-height: 53px; width: 100%; float: left;padding-bottom: 15px; z-index: 1; position: relative;}
.contact-heading:after { position: absolute; border-bottom: 3px solid #005a95; content: ''; bottom: 0; left: 0; width: 95px;}
 

.head-office-details {width: 100%; float: left; padding: 40px 30px 30px 30px; background: #f5f4f4;}
.corporate-office-details {width: 100%; float: left; padding: 15px 15px 30px 15px; background: #f5f4f4;}
.head-office-details p { width: 100%;  float: left; font-size: 19px; color: #000; font-family: 'Roboto', sans-serif; line-height: 26px;}
.head-office-details p.location-icon {padding: 0 0 0 30px;background: url(../images/location-pin.png) no-repeat 0 4px; margin-top: 10px;}
.head-office-details p.phone-icon {padding: 0 0 0 30px;background: url(../images/phone_icon.png) no-repeat 0 4px;}
.head-office-details p.mail-icon {padding: 0 0 0 30px;background: url(../images/mail-icon.png) no-repeat 0 4px;}
.head-office-details a{font-size: 26px; color: #2977c9; font-family: 'Roboto', sans-serif; line-height: 26px; font-weight:bold;}
.head-office-details a.linkedin-icon {padding: 0 0 0 40px;background: url(../images/linkedin-icon.png) no-repeat 0 4px; }
.head-office-details .map {width: 100%; float: left; border: 6px solid #fff;}
.head-office-details h4{width:100%; float:left; font-size:24px; color:#2977c9; margin:10px 0 10px 0; font-weight:600;}

 
.contact-section{width:100%; float:left; padding-top:70px; margin-bottom:30px;}
.contact-forms{width:100%; float:left; padding:0 0 70px 0; }

.service-box{width:100%; float:left; padding: 0px 15px 0px 15px; position: relative; top:0; border:1px solid #f9f9f9; border-radius:5px; margin-bottom:30px; box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.8); min-height:120px; display:flex; align-items: center; justify-content: center; transition: all .2s ease-in-out;}
.service-box:hover{transition: all 0.2s ease-out; box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2); top: -4px; border: 1px solid #cccccc; background-color: white;}
.service-box .features-lists li{font-size:16px;}
.service-box .services-heading{font-size:20px; font-weight:600; color:#777777; margin:0; line-height:28px; text-align: center;}


.management{width:100%; float:left; padding: 100px 0 50px 0; background: #fff;}
.management p {float: left; width: 100%; font-size: 15.5px; color: #555555; line-height: 32px; margin-top: 0px; margin-bottom: 5px; text-align: justify;}
.machineries{width:100%; float:left; padding-top:50px;}