/*----Typography----*/
body {
  
  font-size: 16px;
  line-height: 24px;

}
p{color: #333333;}

h1, h2, h3, h4, h5, h6 {
  color: #333;
  
}

h2 {
  font-size: 40px;
  margin-bottom: 40px;
  font-weight:700;
}

h3 {
  font-size: 30px;
  
}
ul{margin:0px;
padding:0px;}
a{-webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;}
section{padding:70px 0px;}


/*----header----*/
#header{position:absolute;z-index:2;width:100%;}
#header .navbar.navbar-default .collapse ul li a:hover {color: #01b7f2;}
#header .navbar {border:0px;border-radius:0px;margin-bottom:0px;background:rgba(12, 12, 12, 0.16);}
#header .navbar a.navbar-brand img {width: 155px;}
#header .navbar a.navbar-brand h1{margin-top:12px;}
#header .navbar .collapse {padding:17px 0px;}
#header .navbar .collapse ul li.active{padding-top:0px;}
#header .navbar .collapse ul li a{color: #fafafa;text-transform:uppercase;padding-right:20px;font-size:12px;letter-spacing:1px;}
#header .navbar.navbar-fixed-top .collapse ul li a:hover {color: #474543;}
#header .navbar.navbar-fixed-top .collapse ul li.active a:hover {color: #474543;}
#header .navbar .collapse ul li.active a{background:none;transition: all 0.3s ease 0s;color: #01b7f2;}
#header .navbar.navbar-fixed-top .collapse ul li.active a{color: #474543;}

/*----header sub nav----*/
#header .navbar .collapse ul li .dropdown {position: relative;display: inline-block;padding-left: 20px;}
#header .navbar .collapse ul li .dropdown .dropbtn {background-color:transparent;color: white;padding:13px 0px 10px;font-size: 12px;letter-spacing:1px;border: none;cursor: pointer;}
#header .navbar.navbar-fixed-top .collapse ul li .dropdown .dropbtn:hover {color: #474543;}
#header .navbar .collapse ul li .dropdown .dropbtn:hover {color: #01b7f2;}
#header .navbar .collapse ul li .dropdown .dropbtn:hover, .dropbtn:focus {background-color:none;}
#header .navbar .collapse ul li .dropdown .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;padding:8px;}
#header .navbar .collapse ul li .dropdown:hover .dropdown-content{display:block;}
#header .navbar .collapse ul li .dropdown .dropdown-content a {color:black;padding: 6px 12px;text-decoration: none;display: block;}
#header .navbar .collapse ul li .dropdown a:hover {background-color: #01b7f2;color:#fff;}
.show {display:block;}


/*----header----*/
#header .navbar-fixed-top{background-color:#01b7f2 ;-webkit-transition: linear 300ms;-o-transition: linear 300ms;transition: linear 300ms;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
/*----slider----*/
#home-transition-slider{position:relative;overflow:hidden;}
#home-transition-slider.carousel-fade .carousel-inner .item{opacity: 0.5;-webkit-transition-property: opacity;transition-property: opacity;background-repeat: no-repeat;background-size: cover;}
#home-transition-slider.carousel-fade .carousel-inner .active{opacity: 1;}
#home-transition-slider.carousel-fade .carousel-inner .item::after {content: " ";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(0, 0, 0, 0.6);}
#home-transition-slider.carousel-fade .carousel-inner .active.left,
#home-transition-slider.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
#home-transition-slider.carousel-fade .carousel-inner .next.left,
#home-transition-slider.carousel-fade .carousel-inner .prev.right {opacity: 1;}
		/*-- slider Inside Text--*/
#home-transition-slider .carousel-inner .item .carousel-caption{bottom:200px;z-index:25;left:0;right:0;}
#home-transition-slider .carousel-inner .item .carousel-caption h3{margin-bottom: 40px;font-size: 55px;color: #fff;line-height: 55px;text-transform:uppercase;font-family: 'Open Sans', sans-serif;}
#home-transition-slider .carousel-inner .item .carousel-caption h3 span{color:#fff;font-weight:600;}
#home-transition-slider .carousel-inner .item .carousel-caption p{font-family: 'Open Sans', sans-serif;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:2px;}
#home-transition-slider .carousel-inner .item .carousel-caption  a.btn{border: 2px double #fff;margin-bottom: -100px;height: 65px;width: 175px;text-align: center;line-height: 50px;border-radius:5px;color:#fff;text-transform:uppercase;}
#home-transition-slider .carousel-inner .item .carousel-caption  a.btn:hover{background-color:#01b7f2 ;border:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color:#fff;}
		/*----- Slider Control ------*/
#home-transition-slider .left-carousel{position:absolute;top:50%;font-size: 16px;left:-45px;height: 80px;width: 35px;text-align: center;line-height:80px;color: #01b7f2;background:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#home-transition-slider .left-carousel:hover{background-color:#01b7f2;color:#fff;border:none;}
#home-transition-slider:hover .left-carousel{left:30px;}
#home-transition-slider .right-carousel{position:absolute;top:50%;font-size: 16px;right:-45px;height: 80px;width: 35px;text-align: center;line-height: 80px;color: #01b7f2;background:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#home-transition-slider .right-carousel:hover{background-color:#01b7f2;color:#fff;border:none;}
#home-transition-slider:hover .right-carousel{right:30px;}
/*---- about transion ----*/
#about-transion{background:#fff;background-image: url(../images/about-trans-bg.png);position:relative;}
#about-transion::before{background-color: #fafafa;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;opacity:0.75;}
#about-transion .parallax{background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
#about-transion .container .row .section-heading h2{text-align:center;margin-bottom:30px;font-size: 40px;Font-weight:700;}
#about-transion .container .row .section-heading h2 span{color:#01b7f2 ;}
#about-transion .container .row .section-heading h2 strong{position:relative;}
#about-transion .container .row .section-heading h2 strong::before{content: " ";position: absolute;left: -10px;bottom:-10px;width: 3px;height: 30px;background-color:#474543;transition: all 0.3s ease 0s;}
#about-transion .container .row .section-heading h2 strong::after{content: " ";position: absolute;left: -15px;bottom: -5px;width: 75px;height: 3px;background-color: #474543;transition: all 0.3s ease 0s;}

#about-transion .container .row.mt5{margin-top:50px;}
#about-transion .container .row.mb5{margin-bottom:40px;}
#about-transion .container .row .mt5{margin-top:50px;}
#about-transion .container .row .pl5{padding-left:125px;} 
#about-transion .container .row .pr5{padding-right:10px;}
#about-transion .container .row h3{font-size: 32px;font-weight: 600;margin-bottom:15px;}
#about-transion .container .row .module-line{background: #01b7f2 ;width: 60px;height: 3px;margin: 29px auto;}
#about-transion .container .row p{letter-spacing:0.5px;line-height:25px;text-align: justify;margin-bottom: 50px;font-size:15px;color: #333333;padding-top:30px;}
#about-transion .container .row a.btn{border:2px solid #333333;;height: 50px;width: 130px;border-radius:5px;text-transform:uppercase;text-align: center;line-height: 37px;color:#333333;}
#about-transion .container .row a.btn:hover{background-color:#01b7f2 ;border:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color:#fff !important;}
/*---- feature ----*/
#feature.margin-clear-fix{padding-top: 35px;}
#feature.margin-clear-fix h4{color:#fff;margin-top:30px;font-size:20px;}
#feature.margin-clear-fix a{color:#fff;}
#feature.margin-clear-fix p{color:#fff;font-size:16px;}
#feature.margin-clear-fix .container-fluid .row i{font-size: 40px;margin-top: 20px;color:#fff;}
#feature.margin-clear-fix .container-fluid .row .padding-fix1{padding-top:30px;padding-bottom:30px;padding-left:0px;padding-right:0px;text-align: center;}
#feature.margin-clear-fix .container-fluid .row .padding-fix2{padding-top:30px;padding-bottom:40px;text-align:center;background-color:#01b7f2;border-radius: 10px 10px 0px 0px;}
#feature.margin-clear-fix .container-fluid .row .padding-fix1 .transion1{background-color:#474543;padding: 40px 40px 60px;}
#feature.margin-clear-fix .container-fluid .row .padding-fix1 .transion1:hover,
#feature.margin-clear-fix .container-fluid .row .padding-fix2:hover{box-shadow: 0 10px 7px rgba(119, 113, 113, 0.42);webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#feature.margin-clear-fix .container-fluid .row .padding-fix1 .transion1 a span i{font-size:15px !important;}
#feature.margin-clear-fix .container-fluid .row .padding-fix1 .transion1 a:hover,
#feature.margin-clear-fix .container-fluid .row .padding-fix2 .transion2 a:hover{text-decoration:none;}
#feature.margin-clear-fix .container-fluid .row .padding-fix2 .transion2 a span i{font-size:15px !important;}

/*---- counter ----*/
#counter{ background: #474543;position:relative;}
#counter .container .row .counter-body{position: relative;width: 275px;height: 275px;padding-top: 60px;margin: 0 auto;text-align: center;background-color:#fff;-webkit-border-radius: 30%;-moz-border-radius: 30%;border-radius: 30%;}
#counter .container .row .counter-body i{font-size: 50px;color: #01b7f2 ;margin-bottom:10px;}
#counter .container .row .counter-body h4{margin-top: 15px;font-size: 30px;font-weight: 700;line-height: 24px;margin-bottom: 20px;color: #4A5157;}
#counter .container .row .counter-body p{color: #3e3e3e;text-transform:uppercase;}
/*---- Our Project ----*/
#ourproject{padding-bottom:0px;}
#ourproject .container .row h2 span{color: #01b7f2 ;}
#ourproject .container .row h2 strong{position:relative;}
#ourproject .container .row h2 strong::before{content: " ";position: absolute;left: -10px;bottom:-10px;width: 3px;height: 30px;background-color:#474543;transition: all 0.3s ease 0s;}
#ourproject .container .row h2 strong::after{content: " ";position: absolute;left: -15px;bottom: -5px;width: 75px;height: 3px;background-color: #474543;transition: all 0.3s ease 0s;}
#ourproject .container .row p{padding: 0 20%;font-size:17px;color: #333333;}

#ourproject .container-fluid .row .grid {padding-top:70px;}
#ourproject .container-fluid .row .grid .hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
#ourproject .container-fluid .row .grid .hovereffect img {display: block;position: relative;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#ourproject .container-fluid .row .grid .hovereffect .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}
#ourproject .container-fluid .row .grid .hovereffect .overlay:hover{background:rgba(0, 0, 0, 0.55);padding-top:80px;}
#ourproject .container-fluid .row .grid .hovereffect a.info {display: inline-block;text-decoration: none;padding-bottom:20px;}
#ourproject .container-fluid .row .grid .hovereffect a.info span{color:#01b7f2;font-size:25px;}
#ourproject .container-fluid .row .grid .hovereffect a.info span i{margin:0 5px;width: 60px;height:60px;border-radius:50%;line-height:60px;background:rgba(245, 245, 245, 0.84);}
#ourproject .container-fluid .row .grid .hovereffect a.info span i:hover{background:#01b7f2;color:#fff;transition: all .5s ease-in;-webkit-transition: all 0.5s ease-in;}
#ourproject .container-fluid .row .grid .hovereffect h3{text-transform:uppercase;text-align:center;position:relative;font-size:20px;font-weight:500;color:#01b7f2;border-bottom: 2px solid #01b7f2;padding-bottom: 35px;margin-bottom: 15px;}
#ourproject .container-fluid .row .grid .hovereffect p {text-align: center;position: relative;font-size: 17px;color:#01b7f2;padding-top:15px;}
#ourproject .container-fluid .row .grid .hovereffect a.info,
#ourproject .grid .hovereffect h3 {opacity: 0;color: #fff;text-transform: uppercase;}
#ourproject .grid .hovereffect p{opacity: 0;color: #fff;font-size:15px;}
#ourproject .container-fluid .row .grid .hovereffect:hover a.info,#ourproject .grid .hovereffect:hover h3 ,#ourproject .grid .hovereffect:hover p{opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition: all .5s ease-in;-webkit-transition: all 0.5s ease-in;}
#ourproject .container-fluid .row .grid .padding-fix{padding:0;}

/*---- Our Project Footer----*/
#ourproject .view-more{background-image: url(../images/action-bg.png);position:relative;padding-top:50px;padding-bottom:50px;z-index:0;}
#ourproject .view-more::before{background-color: #000;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;opacity:0.8;z-index:-1;}
#ourproject .view-more .container .row .trans-01 h4{color:#fff;font-size:24px;}
#ourproject .view-more .container .row .trans-01 h4 a{color:#fff;border:1px solid #fff;margin-left:35px;}
#ourproject .view-more .container .row .trans-01 h4 a:hover{background:#fff;color: #4e4c4c;}

/*---- Our Services ----*/
#ourservice{background:#fff; background-image:url(../images/our-service-bg.png);position:relative;}
#ourservice::before{background-color: #fafafa;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;opacity:0.4;}
#ourservice .container .row .service-header h2 span{color:#01b7f2 ;}
#ourservice .container .row .service-header h2 strong{position:relative;}
#ourservice .container .row .service-header h2 strong::before{content: " ";position: absolute;left: -10px;bottom:-10px;width: 3px;height: 30px;background-color:#474543;}
#ourservice .container .row .service-header h2 strong::after{content: " ";position: absolute;left: -15px;bottom: -5px;width: 75px;height: 3px;background-color: #474543;}
#ourservice .container .row .service-header p{padding:0 20%;margin-bottom:30px;font-size:16px;}

#ourservice .container .row .pb5{padding-bottom:25px;display:block;}
#ourservice .container .row .service-box{padding:40px 15px;line-height:24px;background:#fff;border-top:3px solid #fff;}
#ourservice .container .row .service-box:hover{border-top:3px solid #01b7f2 ; }
#ourservice .container .row .service-box:hover i,
#ourservice .container .row .service-box:hover h4{color:#01b7f2 ; }

#ourservice .container .row .service-box i{font-size:45px;width:75px;height:75px;line-height:75px;border:1px solid #fff;margin-bottom:20px;color:#000;}
#ourservice .container .row .service-box h4{margin:0 0 15px;font-weight: 600;font-size:20px;}
#ourservice .container .row .service-box{font-size:15px;}
#ourservice .container .row .service-box .btn{margin-top:15px;}
#ourservice .container .row .service-box:hover .btn{background:#01b7f2 ;color:#fff;border-color: #fff;}

/*---- Our Team ----*/
#ourteam .container .row .team-header h2 strong{position:relative;}
#ourteam .container .row .team-header h2 span{color:#01b7f2 ;}
#ourteam .container .row .team-header h2 strong::before{content: " ";position: absolute;left: -10px;bottom:-10px;width: 3px;height: 30px;background-color:#474543;transition: all 0.3s ease 0s;}
#ourteam .container .row .team-header h2 strong::after{content: " ";position: absolute;left: -15px;bottom: -5px;width: 75px;height: 3px;background-color: #474543;transition: all 0.3s ease 0s;}
#ourteam .container .row .team-header p{padding:0 20%;font-size:16px;text-align:center;margin-bottom:45px;}

#ourteam .container .row .team-box{position:relative;border: 1px solid rgb(244, 244, 244);}
#ourteam .container .row .team-box img{margin:0 auto;text-align:center;}
#ourteam .container .row .team-box .team-inner{background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;border-top: 3px solid #01b7f2 ;height: 100%;left: 0;margin: 0 auto;opacity: 0;   position: absolute;right: 0;top: 0;transition: all 0.4s ease 0s;visibility: hidden;width: 100%;transform: scale(0);cursor: pointer;}
#ourteam .container .row .team-box .team-inner .team-addr.pt-120{padding-top:120px;}
#ourteam .container .row .team-box .team-inner .team-addr h4{color: #01b7f2 ;font-size: 18px;font-weight: 700;margin: 0;}
#ourteam .container .row .team-box .team-inner .team-addr p{font-size: 15px;font-weight: 400;line-height: 24px;margin:0;}
#ourteam .container .row .team-box .team-inner .team-socialaddr.mt-95{margin-top:60px;opacity:1;}
#ourteam .container .row .team-box .team-inner .team-socialaddr ul li{list-style: none;display: inline-block;}
#ourteam .container .row .team-box .team-inner .team-socialaddr ul li a{padding:5px 10px;color:#615858;}
#ourteam .container .row .team-box .team-footer h4{width: 100%;position: absolute;bottom: 0px;left: 0;background-color: #fafafa;text-align: center;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;margin:0 auto;padding:12px 0;line-height:20px;font-weight:400;font-size:15px;color: #333333}
#ourteam .container .row .team-box:hover{opacity: 1;transform: scale(1);visibility: visible;}
#ourteam .container .row .team-box:hover .team-inner{opacity: 1;transform: scale(1);visibility: visible;}
#ourteam .container .row .team-box:hover .team-footer{opacity:0;z-index:-1px;display:none;}
#ourteam .container .row .team-box .team-inner .team-socialaddr ul li a:hover{color: #fff;background:#01b7f2 ;}

/*---- Testimonial ----*/
#testimonial{background-image: url(../images/testimonial-bg.png);position:relative;padding:70px 0;}
#testimonial:before{background-color: #000;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;opacity:0.8;}
#testimonial.parallax{background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
#testimonial.parallax .container .row .item i{font-size:50px;color:#fff;margin-bottom:25px;}
#testimonial.parallax .container .row .item p{padding:0 20%;font-size:17px;color:#fff;margin-bottom:20px;}
#testimonial.parallax .container .row .item img{display:inline-block;border-radius:100%;width:120px;height:120px;}
#testimonial.parallax .container .row .item h6{color:#fff;margin-top:20px;}

/*---- footer ----*/
#footer{background:#333;position:relative;padding-top:40px;}
#footer .container .row .about{padding:0 20px;text-align:left;color: #fff;}
#footer .container .row .about h4{font-size:22px;font-weight:600;letter-spacing: 1px;margin-bottom:30px;color:#fff;}
#footer .container .row .about p{letter-spacing:1px;margin-bottom:20px;color:#ddd;}
#footer .container .row .about ul{list-style:none;letter-spacing:1px; line-height: 30px;}

#footer .container .row .transion-photos-list{padding:0 10px;overflow: hidden;position: relative;padding-bottom: 25px;}
#footer .container .row .transion-photos-list h4{font-size:22px;font-weight:600;color:#fff;letter-spacing: 1px;margin-bottom:30px;}
#footer .container .row .transion-photos-list ul{padding-left: 0;list-style: none;margin-bottom: 0;overflow: hidden;}
#footer .container .row .transion-photos-list ul li{float: left;margin-right: 5px;margin-bottom: 5px;}

#footer .container .row .news-letter{padding:0 20px;text-align:justify;}
#footer .container .row .news-letter h4{font-size:22px;font-weight:600;letter-spacing: 1px;margin-bottom:30px;color:#fff;}
#footer .container .row .news-letter p{letter-spacing:1px;margin-bottom:20px;color:#ddd;}
#footer .container .row .news-letter form .input-group .footer-btn{border:1px solid #c1b7b7;margin-top:20px;padding:12px 60px;}
#footer .container .row .news-letter form .input-group .footer-btn:hover{background-color:#fafafa;}
#footer .container .row .news-letter form .input-group .btn-success{margin-top:20px;background-color:#01b7f2 ;padding: 9px 24px;border:none;}

#footer .container .row .connect-us h4{font-size:22px;font-weight:600;letter-spacing: 1px;margin-bottom:35px;color:#fff;}
#footer .container .row .connect-us ul{list-style:none;padding-left:0;font-size:24px;padding-bottom:60px;}
#footer .container .row .connect-us ul a {padding:0 20px;}
#footer .container .row .connect-us ul li{display:inline-block;width:55px;height:55px;line-height:54px;border-radius:50%;background:#fff;}
#footer .container .row .connect-us ul li i{color:#01b7f2;}
#footer .container .row .connect-us ul li:hover{background:#01b7f2;}
#footer .container .row .connect-us ul li:hover i{color:#fff;}

#footer .footer-bottom{background:rgba(0, 0, 0, 0.36);}
#footer .footer-bottom .container .row .copy-right{padding:25px 0;}
#footer .footer-bottom .container .row .copy-right p{color:#fff;font-size:14px;margin: 0;}