html,button,input,select,textarea{color:#5555555;}html{font-size:14px;line-height:1em;}::-moz-selection{background:#B3D4FC;text-shadow:none;}::selection{background:#666666;text-shadow:none;}audio,canvas,img,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;width:100%;border:1px solid #e8e8e8;padding:1em 1.5em;}p,ul,ol,pre,table,blockquote{
	margin-top: 1rem;
	font-size: 14px;
}ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0;}hr{border:1px solid;margin:-1px 0;}a,a:active,a:focus,a:active{text-decoration:none!important;outline:none}a{color:#000000;text-decoration:none;transition:all 0.2s ease 0s;}a:hover,a:focus{color:#888888;text-decoration:underline;}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Raleway',sans-serif;color:#888888;margin:0;}h1{font-weight:600;font-style:inherit;font-size:2.571rem;line-height:1.111em;}h2{font-weight:600;font-style:inherit;font-size:2.143rem;line-height:0.700em;}h3{font-weight:600;font-style:inherit;font-size:1.714rem;line-height:1.875rem;margin:0rem;}h4{font-weight:600;font-style:inherit;font-size:1.286rem;line-height:1.875rem;margin:0rem;}.btn{background:#FDC312;color:#ffffff;text-transform:uppercase;padding:4px 18px;margin-top:20px;border-radius:0;display:inline-block;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}.btn:hover,.btn-default:hover{background:#3c4461;color:#ffffff;border-color:#3c4461!important;}.btn-default.focus,.btn-default:focus{color:#ffffff;background-color:#3c4461;border-color:#3c4461!important;}body{font-family:'Open Sans',sans-serif;color: #919191;font-weight:400;font-style:normal;font-size:1rem;line-height:1.857em;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased!important;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}.wrapper{background:#fff;}.header-top{background:#ffffff;padding:30px 0 22px 0;overflow:hidden;}.logo{}.header-connection{text-align:right;line-height:1.5em;}.header-top strong{color:#55595d;}.social li{display:inline-block;padding:0 6px;}.social li:last-child{padding-right:0;}.social a{color:#a4a4a4;font-size:.8rem;}.social a:hover{color:#fdc312;}.header-top p{margin:0;}.main-nav-bar{}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent;}.navbar-collapse,.navbar-default{background-color:transparent;border-color:transparent;}.navbar{margin:0;min-height:0;}.main-nav{padding-left:0px;border-top:1px solid rgba(0,0,0,.05);border-radius:0;}.main-nav li{display:inline-block;margin:12px 30px 14px 0;}.main-nav .active{border-top:1px solid #888888;}.main-nav li a{font-family:'Open Sans',sans-serif;font-size:0.9rem;display:inline;margin-bottom:0;padding:15px 0;font-weight:600;color:#888888;}.main-nav li>a:hover,.main-nav li>a:focus{color:#6c6c6c;background:transparent;border-top:1px solid #fdc312;}.breadcrumb-area{overflow:hidden;background:#ffffff;}.breadcrumb{background:#ffffff;padding:15px 0 0 15px;margin-bottom:1.1em;}.breadcrumb a{color:#999999;font-weight:400;}.breadcrumb .active{color:#000000;}.breadcrumb>li+li:before{padding:0 5px;color:#999999;content:"\f101";font-family:FontAwesome;}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:transparent;border-color:none;}.main-nav .dropdown-menu{min-width:250px;background:#fdc312;border-radius:0;left:-20px!important;display:block;visibility:hidden;opacity:0;border:0;padding:15px 0;margin-top:15px!important;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all 0.3s ease 0s;}.main-nav .dropdown-menu li{display:block;}.main-nav .dropdown-menu li:first-child{padding-top:0;}.main-nav .dropdown-menu li a{color:#ffffff;display:inline-block;padding:0px 30px;}.main-nav .dropdown-menu li a:hover{color:#6c6c6c;background:transparent;border-top:0;}.main-nav .dropdown:hover .dropdown-menu{display:block;opacity:1;visibility:visible;left:0px!important;}.header-right{text-align:right;margin-right:-2px;}#header-right input{width:28px;line-height:3.3em;box-sizing:border-box;border:0px;border-radius:0px;font-size:1em;margin-top:1px;background-color:transparent;padding:0;-webkit-transition:width 0.2s linear;-moz-transition:width 0.2s linear;transition:width 0.2s linear;}input.empty{font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;}#header-right input[type=search]:focus{width:250px;outline:none;background:#eee;padding:0 10px;}:focus::-webkit-input-placeholder{color:#ffffff!important;}:focus::-webkit-input-placeholder{color:ffffff!important;}@media (max-width : 767px) {.logo{margin-bottom:15px;}.header-wrapper{padding:0;}.header-connection{text-align:left;}.navbar-default .navbar-toggle{padding:0 .5em;top:-6px;}.main-nav-bar{position:absolute;top:2.857em;right:0;}}.offcanvas-menu{}.offcanvas i{font-size:1.75rem;color:rgba(0,0,0,.8);}.offcanvas button{margin:-1.2em -0.8em;}.navbar-header .navbar-toggle:focus,.navbar-header.navbar-toggle:hover{background-color:transparent;}.offcanvas-menu h1{font-size:1.4rem;padding:1em 1.7em;color:#999;text-transform:capitalize;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:1.7em;}#menu>li{line-height:2.5em;border-bottom:1px solid rgba(255,255,255,0.2);}#menu>li:last-child{border-bottom:0;}#menu>li ul li{margin-left:2em;border-top:1px solid rgba(255,255,255,0.2);}#menu li a{display:block;text-decoration:none;color:#999999;padding:0 1em;}#menu li a:hover,#menu li.active a{color:#fff;background:rgba(255,255,255,0.2);}.offcanvas-menu .close{color:#fff;text-shadow:none;filter:alpha(opacity=100);opacity:1;width:38px;height:38px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}.offcanvas-menu .close:hover{background:rgba(0,0,0,.3);color:#fdc312;}.alighn-left{float:left;margin:15px 15px 0 0;}.alighn-right{float:left;margin:15px 0 15px 15px;}.container-fluid{padding:0;}.carousel-caption{right:15%;left:49%;bottom:50px;padding-bottom:30px;text-align:left;text-shadow:none;}.carousel-caption h1{color:#ffffff;line-height:1.2;text-transform:uppercase;}.carousel-caption p{color:#ffffff;}.carousel-indicators li{width:4px;height:4px;background:#ffffff;}.carousel-indicators .active{width:6px;height:6px;background:#FDC312;border:1px solid #FDC312;}@media(min-width: 768px) and (max-width: 1199px){
  .carousel-caption{
    bottom:1em;
  }
  .carousel-caption h1 {
    font-size:1.5rem;
  }
  .carousel-caption p {
    margin:0;
  }
  .carousel-caption a {
    margin-top:7px;
    padding:0 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
}

/*--------------------------------------------
  Welcome section style
--------------------------------------------*/
.welcome-section{
  padding:5em 0;
  overflow: hidden;
}
.welcome-thumb{
  float:left;
  width:36%;
  padding-right: 50px;
}
.welcome-content{
  float:left;
  width:64%;
}

@media(max-width: 767px){
  .welcome-thumb{
    width:100%;
    padding:0 0 1em;
  }
  .welcome-content{
    width:100%;
    
  }
}

/*--------------------------------------------
  Service section style
--------------------------------------------*/
.service-section{
  overflow: hidden;
  padding-bottom: 5em;
}

.tablist{
  padding: 1.5em 0;
  border: 1px solid rgba(0, 0, 0, .05);
  border-left:0;
  border-right:0;
  margin-bottom: 5em;
}
.service-section li:first-child{
  font-size: 1.571em;
  margin-right: 9.286em;
  padding: 0;
  border:0;
}
.service-section li{
  border-radius: 0;   
  padding: 0 1em;
  display: inline-block;
  border-left: 2px solid rgba(0,0,0,.3);
}
.service-section li:last-child{
  border-right: 2px solid rgba(0,0,0,.3);
}
.service-section li a{
    border-radius: 0;
    border: 0;
    margin: 0;
    color: #888888;
    font-weight: bold;
    font-size: 1.571rem;
    text-transform: uppercase;
    padding-bottom: 1em;
}
.service-section .active a, 
.service-section .active a:focus, 
.service-section .active a:hover  
{
  color: #fdc312;
  background: #ffffff;
  border-bottom: 2px solid #fdc312;
}
.service-section li a:hover{
  color: #fdc312;
  background: #ffffff;
  border-bottom: 2px solid #fdc312;
}

.service-item{
  position: relative;
  margin-bottom:2.1em;
}
.service-item::before{
  content: " ";
  position: absolute;
  width:100%;
  height: 100%;
  left:0;
  top:0;
  background: #fdc312;
  opacity: 0;
  -webkit-transition : all 0.3s ease 0s;
  -moz-transition    : all 0.3s ease 0s;
  -o-transition      : all 0.3s ease 0s;
  transition         : all 0.3s ease 0s;
}

.service-item:hover::before{
  opacity: .9;
}
.service-description{
  position: absolute;
  left:0;
  bottom: 0;
  padding: 0 2.8em 2.8em;;
}
.service-description h3{
    color: #ffffff;
    border-left: 5px solid #fdc312;
    line-height: 1.4rem;
    padding-left:.4em;
    text-transform: uppercase;
}
.service-description p{
  color:#ffffff;
  opacity: 0;
  visibility: hidden;
  margin-bottom: -7em;
  -webkit-transition : all 0.3s ease 0s;
  -moz-transition    : all 0.3s ease 0s;
  -o-transition      : all 0.3s ease 0s;
  transition         : all 0.3s ease 0s;
}

.service-item:hover p{
    opacity: 1;
    visibility: visible;
    margin-bottom: 0;
}
.service-item:hover .service-description h3{
    border-left: 5px solid #ffffff;
}

@media(max-width: 767px){
  .service-section li:first-child {
    margin-right: 0;
  }
  .service-section li a {
    font-size: 1rem;
  }
}
@media(min-width: 480px) and (max-width: 991px){
  .service-section li:first-child {
    margin-right: 2rem;
  }

}

/*------------------------------------------------------
  Service activity style
---------------------------------------------------*/
.service-activity{
  padding: 5em 0;
}
.activity-head{
    padding: 0 20em;
    text-align: center;
}
.activity-head h2{
  line-height: 1.5em;
  font-weight:400;
  color:#888888;
}
.activity-head h2 span{
  color:#fdc312;
  text-transform: uppercase;
}
.activity-list-items{
  padding:5em 0;
  overflow: hidden;
}
.activity-list{
  overflow: hidden;
}
.activity-icon{
  float: left;
  width: 17%;
  padding-right: 1.5em;
  text-align: center;
}
.activity-icon i{
    background: #fdc312;
    padding: 0.52em;
    font-size: 1.5rem;
    color:#ffffff;
}
.activity-details{
  float:right;
  width:83%;
}
.activity-details h4{
  color: #333333;
  font-size: 1rem;
}

@media(max-width: 767px){
  .service-activity {
    padding: 0;
  }
  .activity-head {
    padding: 0;
  }
  .activity-head h2{
      font-size: 1.0em;
  }
  .activity-list{
    margin-bottom: 2em;
  }
}
@media(min-width: 768px) and (max-width: 1199px){
  .activity-head {
    padding: 0 6em;
  }
  .activity-icon {
    width: 20%;
  }
  .activity-details {
    width: 80%;
  }
}

/*------------------------------------------------
  Section-quote style
---------------------------------------------*/
.quote-section{
  background: url(../img/quote-bg.jpg)no-repeat scroll center 0;
  height:400px;
}
.quote{
  padding: 7em 20em;
  text-align: center; 
}
.quote h2{
  color:#ffffff;
  line-height: 2em;
}
.quote p{
  color:#ffffff;
}
.quote a{
  font-size: 1.2rem;
  line-height: 2.5em;
  padding: 4px 2.5em;
}

@media(max-width: 767px){
  .quote{
    padding: 5em 0em; 
  }
}
@media(min-width: 768px) and (max-width: 1199px){
  .quote{
    padding: 5em 10em; 
  }
}

/*------------------------------------------------
 our-clients-section
-------------------------------------------------*/
.our-clients-carousel{
  padding: 5em 0;
  text-align: center;
}
.our-clients-carousel h2{
  font-weight:400;
  color:#888888;
  padding-bottom: 2.3em;
  line-height: 1.5em;
}


/*------------------------------------------------
 footer-top style
-----------------------------------------------*/
.footer-top{
  overflow: hidden;
  padding: 5em 0;
  border:1px solid rgba(0,0,0, .05);
  border-left: 0;
  border-right: 0;
}
.footer-top p, 
address{
  font-size: .9rem;
}
.footer-logo img{
    padding-top: .5em;
    margin-bottom: 1em;
}
.footer-top h4{
    color: #888;
    margin-bottom: 1.5em;
}
.news .date{
color:#dddddd;
}
.news li{
    margin-bottom: 1em;
}
.news p{
  margin:0;
  line-height: 1.5em;
}
.responsability ul li{
  margin:0 0 .3em 0;
  position:relative;
}
.responsability ul li::before{
  content: "\f105" ;
  font-family: fontAwesome;
  position: absolute;
  left:0;
  color:#fdc312;
}
.responsability li a{
  font-size: 0.8rem;
  color:#888; 
  padding-left: 1em; 
}
.responsability li a:hover{
  color:#fdc312;
}
.contact-us span{
  display:block;
  font-weight:700;
  line-height: 2em;
}
.contact-us a{
  color:#888888;
}
.contact-us a:hover{
  color:#fdc312;
}

/*------------------------------------------------
 footer style
-----------------------------------------------*/
.footer{
  padding-bottom: 5em;
  overflow: hidden;
}
.footer-social{
  text-align: right;
  line-height: 3.5em;
}

@media(max-width: 767px){
  .footer-social {
    text-align: left;
  }
  .contact-us{
    margin-top:2em;
  }
}
@media(min-width: 600px) and (max-width: 767px){
  .footer-logo, 
  .news, 
  .responsability, 
  .contact-us{
    width: 50%;
    float:left;
    min-height: 212px;
  }
  .contact-us{
    margin-top:0em;
  }
}


/*--------------------------------------------------
  breadcrumb-area
-----------------------------------------------*/
.breadcrumb-area{
  background: #3c4461;
}
.page-title h2{
  color: #ffffff;
  font-size: 1.786rem;
  font-weight:700;
  text-transform: uppercase;
  padding: 1em 0 .3em 0;
}
.breadcrumb{
  background: transparent;
  padding: 0;
}
.breadcrumb a, 
.breadcrumb>.active{
  color: #ffffff;
}

/*---------------------------------------------
  history-details
---------------------------------------*/
.history{
  padding:5em 0;
}
.history h3{
  margin-bottom: 1em;
  text-transform: uppercase;
}
.history-details img{
  width:48%;
  float:left;
  margin:.5em 2.5em 0 0;
}
.history-details p{
  margin:0 0 2em ;
}


/*----------------------------------------------
 company-focus style
--------------------------------------------*/
.company-focus{
  overflow: hidden;
  padding: 5em 0;
  border:1px solid rgba(0,0,0, .05);
  border-left: 0;
  border-right: 0; 
}
.company-focus h3{
  margin-bottom: 1em;
  text-transform: uppercase;  
}

@media(max-width: 991px){
  .company-mision{
    margin-bottom: 5em;
  }
}


/*--------------------------------------------------
  Service style
-------------------------------------------------*/
.residential-plumb{
  overflow: hidden;
  padding: 5em 0;
}
.residential-plumb h2, 
.commercial-plumb h2{
  margin-bottom: 1.5em;
  padding-left: .5em;
  text-transform: uppercase;
}
.residential-plumb .service-description p,
.commercial-plumb .service-description p{
  color:#ffffff;
  opacity: 0;
  visibility: hidden;
  margin-bottom: -12em;
  -webkit-transition : all 0.3s ease 0s;
  -moz-transition    : all 0.3s ease 0s;
  -o-transition      : all 0.3s ease 0s;
  transition         : all 0.3s ease 0s;
}
.residential-plumb .service-item:hover p,
.commercial-plumb .service-item:hover p{
    opacity: 1;
    visibility: visible;
    margin-bottom: 0;
}
.residential-plumb .service-description,
.commercial-plumb .service-description{
  padding: 5.2em 1.5em 1.5em 1.8em;
  bottom: 1.5em;
}
.service-description h2{
  visibility: visible;
  opacity: 1;
}
.residential-plumb .service-description a,
.commercial-plumb .service-description a{
  visibility: hidden;
  opacity: 0;
  color:#666666;
  text-transform: uppercase;
  background: #ffffff;
  padding: 0.5em 0.857em;
  font-weight: 600;
  margin-top: 1em;
  display: inline-block;
}
.residential-plumb .service-item:hover .service-description a,
.commercial-plumb .service-item:hover .service-description a{
    opacity: 1;
    visibility: visible;
}
.residential-plumb .service-item:hover .service-description a:hover,
.commercial-plumb .service-item:hover .service-description a:hover{
  background: #3c4461;
  color:#ffffff;
  border-color: #3c4461;
}
.residential-plumb .service-item:hover .service-description,
.commercial-plumb .service-item:hover .service-description{
    border: 2px solid #ffffff;
    overflow: hidden;
    margin: 1.5em;
    opacity: 1;
    visibility: visible;
    bottom: 0;
    padding: 5.2em 0 1.5em 1.8em;
}
.commercial-plumb{
  overflow: hidden;
  padding: 5em 0;
  border:1px solid rgba(0,0,0, .05);
  border-left: 0;
  border-right: 0; 
}

@media(max-width: 480px){
  .residential-plumb h2, 
  .commercial-plumb h2{
    font-size: 1.7rem;
  }
  .residential-plumb .service-item:hover .service-description, 
  .commercial-plumb .service-item:hover .service-description {
    margin: 0.5em;;
    padding: 2.6em 0 0.5em 1em;
  }
}
@media(min-width:600px) and (max-width: 767px){
  .residential-plumb .service-item:hover .service-description, 
  .commercial-plumb .service-item:hover .service-description {
    margin: 4.5em;
    padding: 9.6em 2em 2.5em 2em;
  } 
}
@media(min-width:768px) and (max-width: 991px){
  .residential-plumb .service-item:hover .service-description, 
  .commercial-plumb .service-item:hover .service-description {
    padding: 4.5em 0 1.5em 0.8em;
  } 
}
@media(min-width:992px) and (max-width: 1199px){
  .residential-plumb .service-item:hover .service-description, 
  .commercial-plumb .service-item:hover .service-description {
    margin: 0.5em;
    padding: 1.6em 0 1.5em 1.8em;
  } 
}

/*-----------------------------------------------------------
 Single-page style 
---------------------------------------------------------*/
.single-details{
  padding:5em 0;
  overflow: hidden;
}

@media(max-width: 991px){
  .single-thumb{
    width:100%;
    margin-bottom:4em;
    padding:0;
  }
  .single-content{
    width:100%;
  }
}

/*------------------------------------------------------
  Map area
-----------------------------------------------------*/
.map-head{
  padding-top: 5em;
}
.map-area{
    position:relative;
    padding-top:4.286em;
}
.map-canvas {
    height     : 300px;
}

/*------------------------------------------------------
  Contact Us
------------------------------------------------------*/
.form-section{
  overflow: hidden;
  padding: 5em 0;
  border-bottom:1px solid #e8e8e8;
}
.main-contact-form h4{
  text-transform: uppercase;
}
.main-contact-form p{
  margin-bottom: 4em;
}
.head-office{
  margin-bottom: 1.5em;
  border-bottom:1px solid #e8e8e8;
}
.office-location{
  margin-left: 4em;
}
.head-office h4,
.newyork-office h4{
  text-transform: uppercase;
  margin-bottom: 1.5em;
}
.main-contact-form input[type=text],
.main-contact-form input[type=email],
.main-contact-form input[type=tel]{
    width: 100%;
    line-height: 3em;
    padding: 0 1.5em;
    margin-bottom: 2.2em;
    border: 1px solid #e8e8e8;
}

#full-name{
  width: 48%;
  margin-right:1em;
}
#email{
  width: 48%;
  margin-left:.8em;
}
.main-contact-form input[type=submit]{
    margin-top: 2em;
    line-height: 2em;
    padding: 8px 30px;
    text-transform: uppercase;
    border: 1px solid #fdc132;
}

@media(max-width: 767px){
  #full-name, #email{
    width:100%;
    margin:0 0 2.2em 0;
  }
  .contact-us .get-in-Touch h4{
    margin-top:2.2em;
  }
  .office-location{
    margin: 3em  0 0;
  }
  .head-office{
    border-bottom:0;
  }
}
@media(min-width: 768px) and (max-width: 1199px){
  #full-name, #email{
    width:100%;
    margin:0 0 2.2em 0;
  }
}