*{margin:0;padding:0}
body{font-family: 'Lato', sans-serif;font-size:16px;color:#333; background:#FFF;}
img{border:none; display: block;}
p,h1,h2,h3,h4,h5,h6{padding:0;line-height:20px;margin:0; color:#333;}
ul{list-style:none}
a{text-decoration:none;color:#333}
a:hover{transition-duration: 1s;}
html{scroll-behavior: smooth;}


/**start header**/


.main-header{background-color:#fff;}
.main-header .navbar-collapse ul li .icon, .main-header .navbar-collapse ul li .content{display:table-cell;}
.main-header .navbar-collapse ul li .content h4{font-size:12px; color:#555;}
.main-header .navbar-collapse ul li .content a{font-size:15px; font-weight: 600;}
.main-header .navbar-collapse ul li .content p{font-size:14px; font-weight: 600;}
.main-header .navbar-collapse ul li .icon{vertical-align: middle;}
.main-header .navbar-collapse ul{margin-left:auto;}
.main-header .navbar-collapse ul li .icon i{color:#38657c; font-size:22px;}
.main-header .navbar-collapse ul li:not(:last-child){margin-right:20px; border-right:1px solid rgba(0,0,0,0.2); padding-right:20px;}
.main-header .navbar-collapse ul li .icon{padding-right:10px;}
.main-header a.navbar-brand{padding:0; margin:0; width:220px;}
.main-header a.navbar-brand img{width:100%;}


/**start navigation menus**/

.main-navigation-menu .navbar-container{background-color:#38657c; transition:0.1s;}
.main-navigation-menu{padding-top:0; padding-bottom:0; z-index: 99;}
.main-navigation-menu.fixed{padding:0; position:fixed; top:0; width:100%; z-index:99999;}
.main-navigation-menu.fixed .container{max-width:100%; transition:0.1s;}
.main-navigation-menu ul li.active a{background-color:#333; color:#fff;}
.main-navigation-menu ul li a{color:#fff; padding:15px; line-height: 50px;}
.main-navigation-menu ul li a:hover{text-decoration: none;}
.main-navigation-menu ul{margin-left:auto; margin-right:auto;}
.main-navigation-menu ul li:last-child a{background-color: #333; padding: 20px; text-transform: uppercase;}
.main-navigation-menu .dropdown1{position:relative;}
.main-navigation-menu .dropdown1 .dropdown-link{position: absolute; width: auto; background-color: #333333; top: 100%; width:200px; display:flex; flex-wrap:wrap; transition:0.5s; transform: translateY(30px); opacity:0; visibility:hidden;}
.main-navigation-menu .dropdown1 .dropdown-link:before{position: absolute; top: -12px; left: 10px; height: 12px; width: 25px; background-color: #333; content: ''; clip-path: polygon(0 100%, 50% 0, 100% 100%);}
.main-navigation-menu .dropdown1 .dropdown-link  a{padding:10px; line-height:initial; width:100%;}
.main-navigation-menu .dropdown1 .dropdown-link  a:hover{background-color:#38657c;}
.main-navigation-menu .dropdown1:hover .dropdown-link{animation:animate 0.5s linear; opacity:1; visibility:visible; transform: translateY(0px);}





/**start banner section**/


.banner-section{margin-top: -25px; z-index: 0;}


/**start counter section**/


.counter-section{margin-top: -140px; z-index: 9999; position: relative;}
.counter-section .box{background-color:#38657c; transition:0.5s; padding: 20px 10px; border-radius: 10px; transform: translateY(-20px); border: 5px solid #fff; box-shadow: 0 0 2px #555555;}
.counter-section .box .icon img{margin:auto; width:60px;}
.counter-section .box .text h4{text-align: center; color:#fff; margin-top:20px; font-size: 18px;}
.counter-section .counter-box .counter-number{background-color:#feb62a; position:relative; border-radius: 50%; margin-bottom:30px; padding: 40px; height: 120px; width: 120px; display: flex; justify-content: center; align-items: center; margin-left:auto; margin-right:auto; border: 5px solid #fff;}
.counter-section .counter-box .counter-number p{color: #fff; font-size: 30px;}
.counter-section .counter-box .counter-number:before{position:absolute; content:''; width:30px; height:15px; background-color:#feb62a; clip-path: polygon(0 0, 100% 0, 50% 100%); bottom: -20px; opacity: 0; transition:0.5s;}
.counter-section .counter-box{transform: translateY(30px); transition:0.5s; z-index: 99; position: relative;}
.counter-section .main-box:hover .counter-box{    transform: translateY(0px); transition:0.5s; }
.counter-section .main-box:hover .box{transform: translateY(0px); transition:0.5s; box-shadow: 0 0 10px rgba(0,0,0,0.7);}
.counter-section .main-box:hover .counter-number:before{opacity: 1; transition-delay: 0.3s; transition:0.5s;}

/**start about section**/


.main-about-section .left-col .box h5{font-size:14px; text-transform: uppercase;  color:#494b51; position: relative; display: inline-block;}
.main-about-section .left-col .box h1{font-size:32px; margin-top:10px; font-weight: 700;}
.main-about-section .left-col .box h1 span{color:#38657c;}
.main-about-section .left-col .box h4{font-size:22px; margin-top:20px; color:#494b51; margin-bottom:20px; line-height: 24px;}
.main-about-section .left-col .box p{line-height: 24px; text-align: justify; font-size:16px; margin-top: 30px;}
.main-about-section{padding:40px 15px; position: relative;}
.main-about-section .left-col .box h5:after{content: ''; width: 100px; height: 2px; background-color: #38657c; position: absolute; bottom: 10px; left: 105%;}
.main-about-section .right-col{position: relative;}
.main-about-section .right-col img{width: 100%; height:350px; object-fit: cover; box-shadow: -5px -5px 10px rgba(0,0,0,0.4); transform:rotate(-3deg); transition:0.5s;}
.main-about-section .left-col{position:relative;margin:auto; }
.main-about-section:before{content:''; position: absolute; background-image:url(../images/about/about-bg.jpg); background-size: cover; width:300px; height:300px; left: 0; opacity: 0.2; bottom: 0;}
.main-about-section .right-col img:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.4); transform:rotate(3deg);}
.main-about-section .right-col .year{position: absolute; top: 50%; transform:translateY(-50%); font-size: 40px; background-color: #fff; line-height: initial; padding: 10px; font-weight: bold; border:4px solid #38657c; left:-20px;}
.main-about-section .right-col .text{background-color:#fff; top:65%; position: absolute; padding:5px 10px; color:#38657c;  left:-20px;}


/**start about bottom quote**/

.about-bottom-quote{background-color:#38657c; background-size:cover; background-position: center center; padding:30px 15px; position:relative; background-attachment: fixed;}
/*.about-bottom-quote .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to right, transparent, rgba(0,0,0,0.5), rgba(0,0,0,0.7));}*/
.about-bottom-quote .right-col, .about-bottom-quote .left-col{width:50%; float:left;}
.about-bottom-quote .right-col{margin:auto;}
.about-bottom-quote .right-col .content{float:right;}
.about-bottom-quote .left-col .content h3{color:#fff; font-size:30px;margin-bottom:20px; font-weight: bold;}
.about-bottom-quote .left-col .content p{color:#fff; font-size:20px;}
.about-bottom-quote .right-col .content button{background-color: #FFF; outline: 0; border: 0; padding: 13px 25px; color: #38657c; font-size: 14px;}


/**start main service**/


.main-services{background-color:#f5f8fd; padding:40px 15px;}
.main-services .row1 h5{text-align: center; width: 100%; font-size:14px;}
.main-services .row1 h1{width:100%; text-align: center; margin-top:10px; font-weight: bold; font-size: 32px;}
.main-services .row1 h1 span{color:#38657c;}
.main-services .row2{margin-top:30px;}
.main-services .row2 .content .icon{display: table-cell; width: 17%;float:left;}
.main-services .row2 .content .icon i{font-size:80px; color: #feb62a; opacity: 0.5;}
.main-services .row2 .content .text{display: table-cell; width:63%; float:left;}
.main-services .row2 .content .arrow{display: table-cell; width:20%; float:left;margin-top: 200px; padding-left: 20px;}
.main-services .row2 .content .arrow img{width:100%; opacity: 0.15;}
.main-services .row2 .service1{width:60%;}
.main-services .row2 .service1 .content{display:inline-flex;}
.main-services .row2 .content .text h3{color:#38657c; font-weight: bold; font-size: 24px;}
.main-services .row2 .content .text p{margin-top: 15px; border-top: 2px solid #feb62a90; padding-top: 15px;}
.main-services .row2 .content .text ul{margin-top:10px; margin-bottom:0;}
.main-services .row2 .content .text ul li{list-style-type: circle; list-style-position: inside;}
.main-services .row2 .content .text button{background-color: #38657c; color: #fff; border: 0; padding: 5px 15px; margin-top: 15px;}
.main-services .row2 .service2{width:60%; margin-left: auto; margin-top: 30px;}
.main-services .row2 .service2 .text{display: table-cell; width:83%; float:left;}

/**start project section**/


.main-project-section{display:none; background-image:url('../images/projects/project-bg.jpg'); background-size: cover; background-position: center center; padding:40px 15px; position: relative;}
.main-project-section .overlay{position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.main-project-section .row1 h1{text-align: center; width: 100%; color:#fff; position: relative; font-size:32px;}
.main-project-section .row2{margin-top:40px; position: relative; margin-bottom: -130px;}
.main-project-section .row2 .main-project-carousel .image img{width:100%; height:250px; object-fit:cover; transform:scale(1.1); transition:0.5s;}
.main-project-section .row2 .main-project-carousel .image{overflow: hidden;}
.main-project-section .row2 .main-project-carousel .item:hover img{transform:scale(1);}
.main-project-section .row2 .main-project-carousel .item .content{background-color:#fff; margin:50px 5px 5px 5px; position:relative; padding:20px; border: 1px solid #ccc; box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.main-project-section .row2 .main-project-carousel .item .content:before{position: absolute; content: ''; height: 15px; width: 30px; background-color: #fff; transform: translateX(-50%) translateY(-100%); left: 50%; clip-path: polygon(50% 0, 100% 100%, 0 100% ); top:0;}
.main-project-section .row2 .main-project-carousel .item .content h3{font-weight: bold; font-size: 24px;}
.main-project-section .row2 .main-project-carousel .item .content p{margin-top:15px; text-align: justify; line-height: 22px;}
.main-project-section .row2 .main-project-carousel .item .content:hover h3{color:#38657c;}
.main-project-section .row2 .main-project-carousel .owl-dots, .main-project-section .row2 .main-project-carousel .owl-nav{display:none;}


/**start contact page**/



.contact-section{padding:40px 15px;}
.contact-section h1{font-size:32px; font-weight: bold;}
.contact-section h1 span{color:#38657c;}
.contact-section h4{font-size:16px;margin-top:15px;}
.contact-section h1.phone{margin-top:10px;}
.contact-section h1 a{ color:#38657c; text-decoration: underline; font-size:18px;}
.contact-section .address{margin-top:30px;}
.contact-section .address h5{font-size:18px; font-weight: bold;}
.contact-section .address p{margin-top:10px; line-height: 22px;}
.contact-section .address h6{margin-top:10px; color:#38657c; font-size:18px; text-decoration: underline;}
.contact-section form .form-group{position:relative;}
.contact-section form .form-group input, .contact-section form .form-group textarea{transition: 0.5s; background: transparent;}
.contact-section form .form-group label{margin-left: 10px; transform: translateY(-30px); z-index: -1; position: absolute; transition:0.5s;}
.contact-section form .form-group input:focus, .contact-section form .form-group input:valid, .contact-section form .form-group textarea:focus, .contact-section form .form-group textarea:valid{border: 1px solid #38657c;}
.contact-section form .form-group input:focus + label, .contact-section form .form-group input:valid + label{z-index: 1; transform: translateY(-50px); background-color: #38657c; padding: 0 5px; color: #fff;}
.contact-section form .form-group input:focus, .contact-section form .form-group textarea:focus{box-shadow: none;}
.contact-section form .address-group label{transform: translateY(-55px);}
.contact-section form .address-group textarea:focus + label, .contact-section form .address-group textarea:valid + label{z-index: 1; transform: translateY(-75px); background-color: #38657c; padding: 0 5px; color: #fff;}
.contact-section form input.submit-btn{color: #FFF; background: #38657c; font-size: 14px; border-color: #38657c; border-radius: 0; border:0; padding:5px 10px;}


/**start footer section**/

.footer-section{background-color:#333; padding:15px 15px;}
.footer-section .row1 ul{margin-left: auto; margin-right: auto; margin-bottom: 0;}
.footer-section .row1 ul li{display:inline-block; position:relative;}
.footer-section .row1 ul li:not(:last-child){padding-right:10px;}
.footer-section .row1 ul li:not(:first-child){padding-left:5px;}
.footer-section .row1 ul li:not(:last-child)::before{position:absolute; content:''; right:0; top:0; width:1px; height:100%; background-color:rgba(255,255,255,0.4);}
.footer-section .row1 ul li a{color:#fff; font-size:13px;}
.footer-section .row1 ul li.active a{text-decoration:underline;}
.footer-section .row1 ul li a:hover{text-decoration:none;}
.footer-section .row1 ul li.active a:hover{text-decoration:underline;}
.footer-section .row2 .left-col p{color:#fff; font-size:13px;}
.footer-section .row2{margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px;}
.footer-section .row2 .right-col p, .footer-section .row2 .right-col p a{color:#fff; font-size:13px;}
.footer-section .row2 .right-col{text-align:right;}


/**start social icons**/

.social-icons{position:fixed; top:50%; transform:translateY(-50%); left:0; z-index: 9999;}
.social-icons ul{margin-bottom:0;}
.social-icons li{display:flex;}
.social-icons li i:before{font-family:fontawesome;}
.social-icons li:nth-child(1) a{background-color:#3a559f; color:#fff;}
.social-icons li:nth-child(2) a{background-color:#fff; color:#fff;}
.social-icons li:nth-child(2) a i{background: -webkit-linear-gradient(#7022c3, #dd963c); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.social-icons li:nth-child(3) a{background-color:#50abf1; color:#fff;}
.social-icons li:nth-child(4) a{background-color:#0077b7; color:#fff;}
.social-icons li a i{font-weight: normal; font-size: 22px;}
.social-icons li a{height: 40px; width: 40px; display: grid; align-items: center; justify-content: center;}
.social-icons li a:hover{text-decoration:none;}


/**start back to top button**/

#backtotopbutton {
  display: inline-block;
  background-color: #38657c;
  width: 40px;
  height: 40px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  left: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  display:grid;
  align-items:center;
  cursor:pointer;
}

#backtotopbutton i{
    font-size: 22px;
    color: #fff;
}

#backtotopbutton.show {
  opacity: 1;
  visibility: visible;
}
.aboutus img{
    border: none;
    display: block;
    height: 250px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    margin-bottom: 40px;
	width: 100%;
}
.aboutus h1{
    line-height: 20px;
    margin-top: 40px;
    color: #333;
	margin-bottom: 20px;
}
.aboutus  p{
    line-height: 20px;
    color: #333;
    text-align: justify;
	 margin-top: 30px;
    margin-bottom: 40px;
}

.power img{
    border: none;
    display: block;
    height: 250px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    margin-bottom: 40px;
	width: 100%;
}
.power h1{
    line-height: 20px;
    margin-top: 40px;
    color: #333;
	margin-bottom: 20px;
}

.power p.firstpera {
    line-height: 20px;
    color: #333;
    text-align: justify;
	 margin-top: 20px;
margin-bottom: 10px;}
	
	.power p.secondpera {
    line-height: 20px;
    color: #333;
    text-align: justify;
	 margin-top: 10px;
    margin-bottom: 30px;}
	
.contactus form .form-group{position:relative;}
.contactus form .form-group input, .contact-section form .form-group textarea{transition: 0.5s; background: transparent;}
.contactus form .form-group label{margin-left: 10px; transform: translateY(-30px); z-index: -1; position: absolute; transition:0.5s;}
.contactus form .form-group input:focus, .contact-section form .form-group input:valid, .contact-section form .form-group textarea:focus, .contact-section form .form-group textarea:valid{border: 1px solid #38657c;}
.contactus form .form-group input:focus + label, .contact-section form .form-group input:valid + label{z-index: 1; transform: translateY(-50px); background-color: #38657c; padding: 0 5px; color: #fff;}
.contactus form .form-group input:focus, .contact-section form .form-group textarea:focus{box-shadow: none;}
.contactus form .address-group label{transform: translateY(-55px);}
.contactus form .address-group textarea:focus + label, .contact-section form .address-group textarea:valid + label{z-index: 1; transform: translateY(-75px); background-color: #38657c; padding: 0 5px; color: #fff;}
.contactus form input.submit-btn{color: #FFF; background: #38657c; font-size: 14px; border-color: #38657c; border-radius: 0; border:0; padding:5px 10px;}
.contactus form button:hover{background: #38657c;}
.contactus{
    padding: 0;
    line-height: 20px;
    margin: 0;
    color: #333;
    margin-bottom: 30px;
    margin-top: 30px;
}
.contactus .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 30px;
}
.contactus .col-lg-6 h3 {margin-bottom: 20px;}
.contactus li {margin-bottom: 10px;}
.contactus li strong {margin-right: 10px;}