/*
Template Name: Mzd Builders
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.fade-carousel {
    position: relative;
    min-height: 600px;
}
.fade-carousel .carousel-inner .item {
    min-height: 600px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 4px;
    opacity: .8;
}
.fade-carousel .carousel-indicators > li.active {
  opacity: 1;
}


/********************************/
/*          Hero Headers        */
/********************************/
.hero {
position: absolute;
width:50%;
top: 48%;
left:75%;
z-index: 2;
text-transform:capitalize;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}


.fade-carousel .carousel-inner .item .hero {
opacity: 0;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
opacity: 1;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
opacity: 1;
background:#0000008c;
}

/********************************/
/*          Custom Buttons      */
/********************************/

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
 background-image: url(../img/3.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/4.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/5.jpg);
}
#center .carousel-indicators{
  bottom:0;
  }
.fade-carousel .carousel-indicators > li{
background: #fff;
border-color: #fff;
width:18px;
height:18px;
  }
.fade-carousel .carousel-indicators > li.active{
width:18px;
height:18px;
background:#fd5d14;
border-color:#fd5d14;
  }
/*********************center_home_end****************/

/*********************serv_h****************/
#serv_h{
padding-top:40px;
padding-bottom:40px;
background:#030e27;
 }
.serv_h2i1{
background:#fff;
padding:15px 15px 30px 15px; 
 }
.serv_h2i1 span{
background:#fd5d14;
color:#fff;
width:80px;
height:80px;
line-height:85px;
display:inline-block;
font-size:30px; 
text-align:center;
margin-top:-40px;
 }
/*********************serv_h_end****************/

/*********************work_h****************/
#work_h{
padding-top:60px;
padding-bottom:60px; 
 }
.work_h1il span{
background:#fd5d14;
color:#fff;
width:30px;
height:30px;
line-height:30px;
display:inline-block;
font-size:16px; 
text-align:center;
 }
.work_h1im hr{
margin-top:12px;
margin-bottom:0;
width:100%; 
 }
/*********************work_h_end****************/

/*********************about_h****************/
#about_h{
padding-bottom:40px; 
 }
.about_h1li .progress {
margin-top: 15px;
height: 7px;
border-radius: 0;
}
.about_h1li .progress-bar {
background: #030e27;
}
/*********************about_h_end****************/

/*********************qual****************/
#qual{
background:#fd5d1414;
 }
.qual_1ri2i span{
font-size:60px; 
 }
.qual_1ri2{
margin-top:30px; 
 }
.qual_1r{
padding:55px 40px; 
 }
.qual_1l img{
min-height:800px; 
 }
/*********************qual_end****************/

/*********************port****************/
#port{
padding-top:40px;
padding-bottom:40px; 
 }
.port_1i{
position:relative; 
 }
.port_1i2{
position:absolute;
width:100%;
height:100%;
background:#030e2791;
top:0;
padding:140px 20px 0px 20px;
 }
.port_1i:hover .port_1i2{
display:block;
background:#030e27;
 }
.port_2 {
margin-top: 30px;
}
.port_1i2 .button:hover{
color:#030e27!important;
background:#fff!important;
 }
.port_2 .btn-success {
background: #030e27;
border-radius: 0;
padding: 0;
border: none;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #030e27;
margin-left: 3px;
margin-right: 3px;
text-align: center;
}
.port_2 .btn-success:hover {
background: none;
border-color: #fd5d142b;
color: #030e27;
}
/*********************port_end****************/

/*********************connect****************/
#connect{
background:#030e27;
padding-top:40px;
padding-bottom:40px;
 }
.connect_1 h1{
font-size:60px; 
 }
.connect_1 h1 i{
margin-right:5px;
vertical-align:middle;
 }
.connect_2{
margin-top:30px; 
 }
.connect_2i span{
font-size:60px; 
 }
/*********************connect_end****************/

/*********************prod_h****************/
#prod_h{
padding-top:40px;
padding-bottom:40px; 
 }
.prod_h1i .span_1{
display:block;
margin-top:15px; 
 }
.prod_h1i .span_2 {
color: #999;
margin-right: 10px;
text-decoration: line-through;
}
.prod_h1i{
background:#fd5d1414;
padding:15px; 
 }
/*********************prod_h_end****************/

/*********************client****************/
#client{
padding-top:60px;
padding-bottom:60px;
background:#fd5d14; 
 }
.client_1il span{
font-size:45px; 
 }
 
.testim_1l h3 i{
font-size:40px;
margin-right:10px;
vertical-align:middle; 
 }
.testim_1l h3{
float:left;
margin-right:40px;
margin-top:8px;
 }
.testim_1r{
padding:40px 20px; 
background:#fff;
 }
.testim_1l{
padding-top:170px;
 }
.testim_m{
background:#0000008c;
 }
#testim{
 background-image: url(../img/21.jpg);
 background-position:center;
}
/*********************client_end****************/

/*********************team_h****************/
#team_h{
padding-top:40px;
padding-bottom:40px; 
 }
.team_h1i3 span{
display:inline-block;
text-align:center;
width:60px;
height:60px;
line-height:60px;
color:#fff;
background:#030e27;
font-size:20px; 
 }
.team_h1i2 ul li a{
background: #fd5d14;
border-radius:0;
 }
.team_h1i2 ul li{
display:block;
margin-bottom:1px;
 }
.team_h1i{
position:relative; 
 }
.team_h1i2{
position:absolute;
bottom:60px;
display:none; 
 }
.team_h1i:hover .team_h1i2{
display:block;
 }
.team_h1i3{
position:absolute;
bottom:0; 
 }
.team_h1ib{
padding:20px;
background: #fd5d1414;
border-left:5px solid #fd5d14;
 }
.team_h1ib:hover{
background:#030e27;
 }
.team_h1ib:hover h4 a{
color:#fff;
 }
/*********************team_h_end****************/

/*********************query****************/
#query{
padding-top:40px;
padding-bottom:20px;
background:#fd5d1414; 
 }
.panel-success {
border: none;
background: #fff;
}
.query_r .panel-heading {
background: #030e27;
color: #fff;
padding: 20px 15px;
}
.query_r .panel-heading h5 {
font-size: 18px;
font-weight: bold;
}
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
.query_r .panel-body {
font-size: 18px;
}
/*********************query_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:40px;
padding-bottom:40px; 
 }
.blog_h1i2 h5 a{
margin-right:10px;
color:#fff; 
 }
.blog_h1i2 h5 a i{
margin-right:5px; 
 }
.blog_h1i2{
background: #030e27;
padding:10px;
position:absolute;
top:0;
width:100%;
 }
.blog_h1i3 h4{
background:#fd5d14;
display:inline-block;
padding:10px; 
 }
.blog_h1i3{
position:absolute;
bottom:0;
right:0; 
 }
.blog_h1i{
position:relative; 
 }
.blog_h1ib{
padding:20px;
background:#fd5d1414;  
 }
/*********************blog_h_end****************/

@media screen and (max-width : 767px){
.hero {
width: 100%;
left:50%;
text-align:center;
}
.hero br{
display:none; 
 }
.hero h1{
font-size:38px;
 }
.serv_h2i  img{
min-height:280px; 
 }
.serv_h2i{
margin-top:10px;
 }
#work_h{
text-align:center;  
 }
.work_h1im {
margin-top:10px;
margin-bottom:10px; 
 }
.work_h1i {
margin-top:10px; 
 }
#about_h{
text-align:center;  
 }
.about_h1li  h5{
text-align:left; 
 }
.about_h1r {
margin-bottom:10px;
margin-top:10px;  
 }
#qual{
text-align:center;  
 }
.port_1i1 img{
min-height:320px; 
 }
.port_1i {
margin-top:10px;
text-align:center; 
 }
.connect_1 {
text-align:center;  
 }
.prod_h1i {
margin-top:10px;
text-align:center; 
 }
.client_1i {
margin-top:10px;
text-align:center;  
 }
#testim{
text-align:center; 
 }
.testim_1r {
margin-top:10px; 
 }
.testim_1l {
padding-top:40px;
}
.team_h1i1  img{
min-height:320px; 
 }
.team_h1i {
margin-top:10px; 
 }
#query{
text-align:center; 
 }
.query_r {
margin-top:10px;  
 }
.query_r .panel-heading h5{
text-align:left;
 }
.blog_h1i {
margin-top:10px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.hero br{
display:none; 
 }
.hero h1{
font-size:38px;
 }
 
.serv_h2i  img{
min-height:280px; 
 }
.work_h1il span{
width:20px;
height:30px;
line-height:30px;
font-size:14px; 
 }
.about_h1r img{
min-height:540px; 
 }
.qual_1l  img{
min-height:800px; 
 }
.qual_1r {
padding:20px;
}
.qual_1r h2{
font-size:26px;
}
.qual_1r h4{
font-size:20px;
}
.qual_1r p{
font-size:17px;
}
.port_1i1 img{
min-height:320px; 
 }
.port_1i2 h4{
font-size:20px; 
 }
.prod_h1i .span_2{
margin-right:5px; 
 }
.prod_h1i h3{
font-size:28px;
 }
.client_1il span{
font-size:30px; 
 }
.testim_1l h3{
 font-size:20px;
 margin-right:10px;
 }
.testim_1l h3 i {
font-size:20px;
margin-right:0;
}
.team_h1i1  img{
min-height:320px; 
 }
.blog_h1i1 img{
min-height:300px; 
 }
.blog_h1i2 h5{
font-size:14px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.hero br{
display:none; 
 }
.hero h1{
font-size:38px;
 }
.about_h1r img{
min-height:540px; 
 }
.qual_1l  img{
min-height:800px; 
 }
.qual_1r {
padding:20px;
}
.qual_1r p{
font-size:18px;
}
.port_1i1 img{
min-height:320px; 
 }
.client_1il span{
font-size:35px; 
 }
.testim_1l h3{
 margin-right:10px;
 font-size:30px;
 }
.team_h1i1  img{
min-height:320px; 
 }
  }
@media (min-width:1201px) and (max-width:1240px) {
.qual_1ri1 h2 {
font-size:38px; 
 }
 }