html,button,input,select,textarea{color:#555}
html{font-size:14px;line-height:1.5em}
::-moz-selection{background:#B3D4FC;text-shadow:none}
::selection{background:#B3D4FC;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}
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:#1976D2;text-decoration:none;transition:all .2s ease 0}
a:hover,a:focus{color:#1976D2;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:#888;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:.7em}
h3{font-weight:600;font-style:inherit;font-size:1.714rem;line-height:1.875rem;margin:0}
h4{font-weight:600;font-style:inherit;font-size:1.286rem;line-height:1.875rem;margin:0}
.btn{background:#1976D2;color:#fff;text-transform:uppercase;padding:4px 18px;margin-top:20px;border-radius:0;display:inline-block;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.btn:hover,.btn-default:hover{background:#4d8b31;color:#fff;border-color:#4d8b31!important}
.btn-default.focus,.btn-default:focus{color:#fff;background-color:#4d8b31;border-color:#4d8b31!important}
body{font-family:'Open Sans',sans-serif;color:#000000;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 .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.wrapper{background:#fff}
.header-top{background:#fff;padding:25px 0 22px;overflow:hidden}
.header-connection{text-align:right;line-height:1.7em}
.header-top strong{color:#0bd23f}
.social li{display:inline-block;padding:0 6px}
.social li:last-child{padding-right:0}
.social a{color:#a4a4a4;font-size:1.2rem}
.social a:hover{color:#444}
.header-top p{margin:0}
.galeri_oge .work-popup{position:relative;display:block}
.galeri_oge .work-popup .ic_overlay{position:absolute;width:100%;z-index:1;height:100%;left:0;top:0;color:#fff}
.galeri_oge .work-popup .ic_overlay i{opacity:0;position:absolute;top:50%;left:50%;font-size:28px;line-height:30px;width:30px;text-align:center;margin-top:-15px;margin-left:-15px}
.galeri_oge .work-popup img{position:relative;width:100%;z-index:0}
.galeri_oge .work-popup .ic_overlay:hover{background-color:rgba(25,118,210,0.3)}
.galeri_oge .work-popup .ic_overlay:hover i{opacity:1}
.galeri_oge h3{margin:12px 0 6px}
.galeri_oge h3 a{color:rgba(25,118,210,1)}
#success{display:block;margin:7px 0}
.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:0;border-top:1px solid rgba(0,0,0,.05);border-radius:0}
.main-nav li{display:inline-block;margin:12px 30px 11px 0}
.main-nav .active{border-top:1px solid #1976D2}
.main-nav li a{font-family:'Open Sans',sans-serif;font-size:1rem;display:inline;margin-bottom:0;padding:15px 0;font-weight:600;color:#888}
.main-nav li > a:hover,.main-nav li > a:focus{color:#6c6c6c;background:transparent;border-top:1px solid #1976D2}
.breadcrumb-area{overflow:hidden;background:#fff}
.breadcrumb{background:#fff;padding:15px 0 0 15px;margin-bottom:1.1em}
.breadcrumb a{color:#999;font-weight:400}
.breadcrumb .active{color:#000}
.breadcrumb>li+li:before{padding:0 5px;color:#999;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:#1976D2;border-radius:0;left:-20px!important;display:block;visibility:hidden;opacity:0;border:0;padding:15px 0;margin-top:12px!important;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.main-nav .dropdown-menu li{display:block}
.main-nav .dropdown-menu li:first-child{padding-top:0}
.main-nav .dropdown-menu li a{color:#fff;display:inline-block;padding:0 30px}
.main-nav .dropdown-menu li a:hover{color:#e0fdb8;background:transparent;border-top:0}
.main-nav .dropdown:hover .dropdown-menu{display:block;opacity:1;visibility:visible;left:0!important}
.header-right{text-align:right;margin-right:-2px}
#header-right input{width:28px;line-height:3.3em;box-sizing:border-box;border:0;border-radius:0;font-size:1em;margin-top:1px;background-color:transparent;padding:0;-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
input.empty{font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit}
#header-right input[type=search]:focus{width:250px;outline:none;background:#eee;padding:0 10px}
:focus::-webkit-input-placeholder{color:#fff!important;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 i{font-size:1.75rem;color:rgba(0,0,0,.8)}
.offcanvas button{margin:-1.2em -.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:#999;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 .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.offcanvas-menu .close:hover{background:rgba(0,0,0,.3);color:#1976D2}
.alighn-left{float:left;margin:15px 15px 0 0}
.alighn-right{float:left;margin:15px 0 15px 15px}
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.container-fluid{padding:0}
.carousel-caption{bottom:50px;padding-bottom:30px;text-align:center;text-shadow:none}
.carousel-caption h1{color:#fff;line-height:1.2;text-transform:uppercase}
.carousel-caption p{color:#fff}
.carousel-indicators li{width:4px;height:4px;background:#fff}
.carousel-indicators .active{width:6px;height:6px;background:#1976D2;border:1px solid #1976D2}
.teklif_btn {
    position: absolute;
    padding: 10px 15px;
    background-color: #12578a;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    right: 270px;
    bottom: 0;
    margin-top: -21px;
}
.input_form{position:relative;margin-bottom:25px}
.input_form i{font-size:20px;color:#777;position:absolute;top:10px;z-index:5;left:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.input_form input,.input_form textarea{display:block;border:0;width:100%;height:45px;padding:5px 10px 5px 50px;font-size:14px;line-height:1.42857143;color:#333;background-color:transparent;background-image:none;border-radius:0;box-shadow:none;border-bottom:1px solid #999;margin-bottom:25px}
.input_form textarea{max-width:100%;min-height:120px;color:#555;padding-top:10px}
.input_form input:focus,.input_form input:hover,.input_form textarea:focus,.input_form textarea:hover{border-color:transparent;outline:0;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(102,175,233,0);box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(102,175,233,0);border-color:#45CAFF;outline:0;box-shadow:none}
.button_send{background:none;border-radius:2px;border:1px solid #f1b50b;color:#f1b50b;padding:10px 20px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button_send:hover{background:#f1b50b;color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,0.3)}
.input_form:hover i{color:#f1b50b}
.input_form select {height: 40px;padding: 5px 10px 5px 45px;font-size: 14px;line-height: 1.42857143;color: #333;border:0;border-radius: 0; box-shadow: none;border-bottom: 1px solid #999;margin-bottom: 25px;background-color: transparent}

@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:0}
}
.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{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:#888;font-weight:700;font-size:1.571rem;text-transform:uppercase;padding-bottom:1em}
.service-section li a:hover{color:#1976D2;background:#fff;border-bottom:2px solid #1976D2}
.service-item{position:relative;margin-bottom:2.1em}
.service-item::before{content:" ";position:absolute;width:100%;height:100%;left:0;top:0;background:#1976D2;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.service-item:hover::before{opacity:.9}
.service-description{position:absolute;left:0;bottom:0;padding:0 2.8em 2.8em}
.service-description h3{color:#fff;border-left:5px solid #1976D2;line-height:1.4rem;padding-left:.4em;text-transform:uppercase}
.service-description p{color:#fff;opacity:0;visibility:hidden;margin-bottom:-7em;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.service-item:hover p{opacity:1;visibility:visible;margin-bottom:0}
.service-item:hover .service-description h3{border-left:5px solid #fff}
@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{padding:5em 0}
.activity-head{padding:0 20em;text-align:center}
.activity-head h2{line-height:1.5em;font-weight:400;color:#888}
.activity-head h2 span{color:#1976D2;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:#1976D2;padding:.52em;font-size:1.5rem;color:#fff}
.activity-details{float:right;width:83%}
.activity-details h4{color:#333;font-size:1rem}
@media(max-width: 767px) {
.service-activity{padding:0}
.activity-head{padding:0}
.activity-head h2{font-size:1.5em}
.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%}
}
.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:#fff;line-height:2em}
.quote p{color:#fff}
.quote a{font-size:1.2rem;line-height:2.5em;padding:4px 2.5em;background: transparent}
@media(max-width: 767px) {
.quote{padding:5em 0}
}
@media(min-width: 768px) and (max-width: 1199px) {
.quote{padding:5em 10em}
}
.our-clients-carousel{padding:5em 0;text-align:center}
.our-clients-carousel h2{font-weight:400;color:#888;padding-bottom:2.3em;line-height:1.5em}
.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:#999}
.news li{margin-bottom:1em}
.news p{margin:0;line-height:1.5em}
.responsability ul li{margin:0 0 .3em;position:relative}
.responsability ul li::before{content:"\f105";font-family:fontAwesome;position:absolute;left:0;color:#1976D2}
.responsability li a{font-size:.9rem;color:#888;padding-left:1em}
.responsability li a:hover{color:#1976D2}
.contact-us span{display:block;font-weight:700;line-height:2em}
.contact-us a{color:#888}
.contact-us a:hover{color:#1976D2}
.footer{padding-bottom:5em;overflow:hidden}
.footer-social{text-align:right;line-height:3.5em}
.footer a{color:#fff;}
@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:0}
}
.breadcrumb-area{background:#4d8b31}
.page-title h2{color:#fff;font-size:1.786rem;font-weight:700;text-transform:uppercase;padding:1em 0 .3em}
.breadcrumb{background:transparent;padding:0;color: #fff}
.breadcrumb a,.breadcrumb>.active{color:#fff}
.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{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}
}
.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:#fff;opacity:0;visibility:hidden;margin-bottom:-12em;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.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:#666;text-transform:uppercase;background:#fff;padding:.5em .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:#4d8b31;color:#fff;border-color:#4d8b31}
.residential-plumb .service-item:hover .service-description,.commercial-plumb .service-item:hover .service-description{border:2px solid #fff;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}
.full-width{width:100%}
@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:.5em;padding:2.6em 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}
}
@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 .8em}
}
@media(min-width:992px) and (max-width: 1199px) {
.residential-plumb .service-item:hover .service-description,.commercial-plumb .service-item:hover .service-description{margin:.5em;padding:1.6em 0 1.5em 1.8em}
}
.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-head{padding-top:5em}
.map-area{position:relative;padding-top:4.286em}
.map-canvas{height:300px}
.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 #1976d2}
@media(max-width: 767px) {
#full-name,#email{width:100%;margin:0 0 2.2em}
.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}
}