@import url(../fonts/font.css);
@import url(../fonts/font-awesome.css);
/* WP DEFAULT */
/* =WordPress Core
-------------------------------------------------------------- */
header { position: relative; }
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; margin: auto; }
table thead, table tfoot { background: #f5f5f5; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 16px; line-height: 24px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 15px; font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img, fieldset { border: none; outline: none; max-width: 100%; height: auto; }
a { text-decoration: none; }
ul, ol { padding-left: 15px; }
li {  padding-bottom: 10px 0; }
input[type="submit"], input[type="button"] { cursor: pointer; -webkit-appearance: none; line-height: 1; }
* { margin: 0; padding: 0; box-sizing: border-box; }
a:hover { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
::-webkit-input-placeholder {
opacity:1;
}
:-moz-placeholder {
opacity:1;
}
::-moz-placeholder {
opacity:1;
}
:-ms-input-placeholder {
opacity:1;
}
a, p, span, small, p, h1, h2, h3, h4, h5, h6 { line-height: 1; }
article, aside, footer, header, hgroup, main, nav, section { display: block; }
h1 { font: 90px/110px 'Oswald', sans-serif; font-weight: bold; color: #383681; text-transform: uppercase }
h1 span { font: 90px/110px 'Oswald', sans-serif; font-weight: bold; color: #000 }
h2 { font: 90px/100px 'Oswald', sans-serif; color: #383681; text-transform: uppercase }
h3 { font: 90px/100px 'Oswald', sans-serif; color: #383681; text-transform: uppercase }
h4 { font-family: 'Oswald', sans-serif !important; color: #383681; text-transform: uppercase }
h5 { font: 30px/26px 'Oswald', sans-serif; color: #383681; }
h6 { font: 20px/30px 'Oswald', sans-serif; }
p { font: 16px/26px 'Open Sans', sans-serif }
a, span { font: 16px/26px 'Open Sans', sans-serif }
a { border: none; outline: none }
body { width: 100%; -webkit-text-size-adjust: 100%; background: #fff; font-size: 16px; line-height: 26px; color: #585858; font-family: 'Open Sans', sans-serif }
.wrapper { margin: 0 auto; width: 1200px; }
.wrapper:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; font-size: 0 }
header { float: left; width: 100%; text-align: center; background-size: cover; font-size:0px; padding-bottom:0px !important;}
header .wrapper { position: relative; z-index: 99 }
header.home .wrapper { background: url(../images/shadow-bg.png) no-repeat top center; z-index: 99; position: relative }
#logo { float: left; width: 100%; padding: -1px 0 10px }
#logo img {/* height: 160px margin-top:18px; */}
.menu-strip { margin:0 auto; clear:both; display:block; vertical-align: top; position: relative; z-index:999}
nav {width: auto; background: #000; display:inline-block; vertical-align:top}
nav ul {/* float: left;*/ width: auto; list-style: none; padding: 0; margin-top: 0px }
nav ul li { float: left; width: auto; padding: 0; position: relative }
nav ul li a {cursor:pointer; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 300; padding: 22px 17px; background: #000; text-transform: uppercase; position:relative; display:inline-block; width:auto}
nav ul li.current-menu-item a{background: #162a75 ; color:#fff;}
nav ul li a span { font-size: 17px; line-height: 24px; font-family: 'Oswald', sans-serif; font-weight: 300; }
nav ul li a:hover { background: #383681 }
nav > ul > li > a > span { }
nav ul li .abs-links { top: 100%; left: 0; position: absolute; display:none;z-index:9; }
nav ul li .abs-links li a span { display: inline-block; background: none; padding: 0; font-weight: normal }
nav ul li:hover .abs-links { display:block;}
.menu-strip { position: relative; margin-top:50px; }
.menu-strip .toggle { display: none; width: 40px; height: 40px }
.menu-strip .toggle span { display: inline-block; width: 100%; height: 5px; background: #fff; border-radius: 3px; margin-bottom: 5px; padding: 0 }
.menu-strip span.numbers {display:inline-block; vertical-align:top; font-size: 20px; line-height: 28px; font-weight: 700; vertical-align: top; font-family: 'Oswald', sans-serif; background: #808080; padding: 12px 10px; text-transform: uppercase }
.menu-strip span.numbers i { padding:0 10px; color: #FFFFFF; }
.menu-strip span.numbers i:hover { padding:0 10px; color: #172b75; }
.menu-strip span.numbers .tel { font-size: 20px; line-height: 28px; color: #000; font-weight: 700; vertical-align: top; font-family: 'Oswald', sans-serif }
header h1 { position: relative; padding-top: 135px }
header h2 { position: relative; padding: 80px 20px 125px; z-index: 9 }
header small { font-size: 24px; line-height: 55px; color: #000; font-family: 'Oswald', sans-serif; font-weight: 300; display: block; position: relative; z-index:9; padding: 10px 10px;}
header .find-link { font-size: 18px; line-height: 40px; color: #383681; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; position: relative; display: inline-block; margin-bottom: 210px; }
header .find-link:hover { color: #000; }
header .find-link:after { content: ""; display: block; width: 18px; height: 9px; background: url(../images/find-bg.png) no-repeat 0 0; position: absolute; top: 15px; right: -25px }
#main-container { float: left; width: 100% }
.contact-strip { float: left; width: 100%; background: #000; text-align: center; padding: 25px 15px }
.contact-strip small { font-size: 30px; line-height: 40px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; display: inline-block; vertical-align: top; padding: 13px 0 }
.contact-strip small span { font-size: 30px; font-family: 'Oswald', sans-serif; color: #383681 }
.contact-strip .tel { background: none; font-size: 40px; line-height: 32px; color: #383681; font-family: 'Oswald', sans-serif; padding: 18px 20px; display: inline-block; vertical-align: top }
.contact-strip a { font-size: 16px; line-height: 26px; color: #fff; font-family: 'Oswald', sans-serif; padding: 20px 55px; background: #383681; text-transform: uppercase; display: inline-block; vertical-align: top; margin-top: 3px }
.contact-strip a:hover { background: #2CA7E0 }
.service-cont { float: left; width: 100%; background: #f5f5f5 }
.service-box { float: left; width: 100%; background: #fff }
.service-box+.service-box { background: none }
.frame { float: left; width: 50%; position: relative }
.service-box figure { float: left; width: 100%; }
.service-box figure img { vertical-align: top }
.abs-links { position: absolute; top: 0; right: 0; width: 240px; list-style: none; padding: 0 }
.abs-left { left: 0; right: auto }
.abs-links li { display: inline-block; width: 100%; padding: 0; border-bottom: 1px solid #1893be }
.abs-links li:last-of-type { border: none }
.abs-links li a { display: inline-block; width: 100%; padding: 20px 0 17px; background: #383681; text-align: center }
.abs-links li a span { font-size: 15px; line-height: 21px; color: #fff; font-family: 'OpenSans-CondensedBold'; text-transform: uppercase; display: inline-block; width: 100%; margin-top: 10px }
.abs-links li a img { vertical-align: top }
.abs-links li a:hover { background: #000 }
.service-box .content { float: left; width: 50%; padding: 100px 115px; background: #fff }
.service-box .content h3 { font-weight: normal; margin-bottom: 30px; }
.service-box .content p { margin-bottom: 15px }
.service-box .content a { color: #000; font-family: 'OpenSans-CondensedBold'; position: relative; display: inline-block; text-transform: uppercase }
.service-box .content a:after { content: ""; display: block; width: 18px; height: 9px; background: url(../images/info-arrow.png) no-repeat 0 0; position: absolute; top: 8px; right: -25px }
.service-box .content a:hover { color: #383681 }
.service-box .content a:hover:after { content: ""; display: block; width: 18px; height: 9px; background: url(../images/find-bg.png) no-repeat 0 0; position: absolute; top: 8px; right: -25px }
.portfolio { float: left; width: 100%; text-align: center; background: #f5f5f5; padding: 80px 0 }
.portfolio h3 { color: #000; ; margin: 0 0 30px 0 }
.portfolio p { padding: 0 15%; margin-bottom: 35px }
.portfolio a { padding: 25px; background: #383681; display: inline-block }
.portfolio a span { color: #fff; text-transform: uppercase; font-family: 'OpenSans-CondensedBold'; padding: 12px 30px; border: 2px solid #fff; display: inline-block }
.portfolio a:hover { background: #2CA7E0 }
.portfolio-gallery { float: left; width: 100%; position: relative; background: #f5f5f5 }
.portfolio-gallery .slick-next { display: block !important; width: 50px; height: 100%; background: url(../images/next-arrow.png) no-repeat center center; top: 0%; background-color: rgba(0,0,0,0.8) }
.portfolio-gallery .slick-prev { display: block !important; width: 50px; height: 100%; z-index: 9999; background: url(../images/prev-arrow.png) no-repeat center center; top: 0%; background-color: rgba(0,0,0,0.8) }
.portfolio-gallery a img { transform: scale(1); z-index: -1; position: relative }
.portfolio-gallery a:hover { position: relative; z-index: 9999 }
/*.portfolio-gallery a:hover img { transform: scale(1.2); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; z-index: 99999; position: relative }*/
.affiliation { float: left; width: 100%; padding: 90px 0; background: #f5f5f5; text-align: center }
.affiliation h3 { color: #000; margin-bottom: 30px }
.affiliation p { padding: 0 14% }
.aff-logo-list { float: left; width: 100%; list-style: none; padding: 55px 0 0; text-align: center }
.aff-logo-list li { display: inline-block; width: 18%; padding: 0 }
.aff-logo-list li img { vertical-align: top; margin-bottom: 16px }
.aff-logo-list li span { font-size: 18px; color: #000; font-family: 'OpenSans-CondensedBold'; text-transform: uppercase }
.client-testimonial { float: left; width: 100%; position: relative; background: url(../images/testimonial-bg.jpg) no-repeat 0 0; background-size: cover; padding: 55px 0; text-align: center }
.client-testimonial:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: block; position: absolute; top: 0; left: 0; z-index: 0 }
.client-testimonial .wrapper { position: relative; z-index: 99 }
.client-testimonial h3 { color: #fff; margin-bottom: 50px }
.client-testimonial p { color: #fff; margin-bottom: 30px }
.contact-strip img{display:none;}

.client-testimonial p:last-of-type { margin-bottom: 0 }
.testi-box { float: left; width: 100%; position: relative }
.testi-inner { float: left; width: 100%; text-align: left; background: rgba(21,133,177,0.5); position: relative }
.testi-inner:before { content: ""; width: 28px; height: 22px; position: absolute; top: 25px; left: 13px; display: block; background: url(../images/testi-before.png) no-repeat 0 0 }
.testi-inner:after { content: ""; width: 28px; height: 22px; position: absolute; bottom: 25px; right: 25px; display: block; background: url(../images/testi-after.png) no-repeat 0 0 }
.testi-inner p { text-align: left }
.testi-box .title { color: #fff; position: relative; float: left; text-align: left; margin: 45px 0 0 20px }
.testi-box .title small { font-size: 30px; font-family: 'Oswald', sans-serif; display: block; margin-bottom: 10px }
.comment-box { position: relative; padding: 40px 45px }
.comment-box:after { content: ""; width: 29px; height: 29px; display: block; background: url(../images/testi-inner-arrow.png) no-repeat 0 0; position: absolute; bottom: -29px; left: 80px }
.slick-dots { text-align:center; margin:2% 20%; }
.slick-dots li { width: 7% !important; height: 6px !important; }
.slick-dots li button { width: 100% !important; height: 6px !important; border:#0033CC !important; background: #000000 !important }
.slick-dots li.slick-active button { background: #fff !important }
/* .slick-dots {
  text-align: left !important;
  bottom: -10px !important
}
 */
/*****************************************************projects page*****************************************/
.inner { position: relative; background: url(../images/projects-header-banner.jpg) no-repeat 0 0; background-size: cover }
.inner:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); z-index: 0 }
.inner header .wrapper { background: none }
.inner header { background: url(../images/projects-header-banner.jpg) no-repeat 0 0; background-size: cover }
.tab-links { float: left; width: 100%;/*  padding: 65px 0 50px */ }
.tab-links ul { float: left; width: 100%; list-style: none; text-align: center }
.tab-links ul li { display: inline-block; position: relative; cursor: pointer }
.tab-links ul li { padding: 25px; background: #f1f1f1; display: inline-block; position: relative }
.tab-links ul li span { display: inline-block; font-family: 'OpenSans-CondensedBold'; text-transform: uppercase; color: #8d8d8d; padding: 13px 50px; border: 2px solid #e6e6e6 }
.tab-links ul li:hover { background: #383681; color: #fff; }
.tab-links ul li:hover:after { content: ""; width: 35px; height: 16px; bottom: -15px; left: 0; right: 0; margin: auto; background: url(../images/tab-arrow.png) no-repeat 0 0; position: absolute }
.tab-links ul li:hover span { color: #fff; border-color: #fff }
.tab-links ul li.resp-tab-active { background: #383681; color: #fff; }
.tab-links ul li.resp-tab-active:after { content: ""; width: 35px; height: 16px; bottom: -15px; left: 0; right: 0; margin: auto; background: url(../images/tab-arrow.png) no-repeat 0 0; position: absolute }
.tab-links ul li.resp-tab-active span { color: #fff; border-color: #fff }
.tabs-menu { clear: both; }
.tabs-menu li { }
.tabs-menu li.current { position: relative; z-index: 5; }
.tabs-menu li a { }
.tabs-menu .current a { color: #2e7da3; }
.tab { background-color: #fff; float: left; width: 100%; }
.tab-content { width: 100%; display: none; }
.tab-content2 { float: left; width: 100%; }
#tab-1 { display: block; }

.resp-tab-content {
    display: block !important;
}
.tab-links .project-gallery { float: left; width: 100%; list-style: none; padding: 0; /*padding: 65px 0 0 0*/ }
.tab-links .project-gallery li { float: left; width: 33.3%; padding: 0 0.1% !important; background: none }
.tab-links .project-gallery li:hover { background: none !important }
.tab-links .project-gallery li:hover:after { display: none }
.tab-links .project-gallery li a { padding: 0 !important; position: relative; overflow: hidden; display: inline-block; background: none; vertical-align: top; margin: 2px 0; width:100% }
.tab-links .project-gallery li a img { width: 100%; height: auto; vertical-align: top }
.tab-links .project-gallery li a:hover img { transform: scale(1.1); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.tab-links .project-gallery li a:hover { background: none }
.tab-links .project-gallery li a:hover:after { content: ""; width: 100%; height: 100%; margin: auto; display: block; position: absolute; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; background: rgba(0,0,0,0.5) !important }
.tab-links .project-gallery li a:hover:before { content: ""; width: 88px; height: 88px; background: url(../images/magnifier.png) no-repeat 0 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 999 }
/*****************************************************projects page ends*****************************************/

/*****************************************************contact page *****************************************/
#main-container .left { float: left; width: 50%; padding: 55px 7%; background: #f5f5f5 }
.map-container { float: left; width: 100%; overflow: hidden; position:relative; }
.map-container:after{background:rgba(255,255,255,0); position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; content:'';}
.map-container img { vertical-align: top }
#main-container .left form { float: left; width: 100%; }
#main-container .left form h4 { margin-bottom: 30px }
#main-container .left form input[type="text"], form input[type="email"], form input[type="tel"], form textarea { float: left; width: 100%; background: #fdfdfd; font-size: 13px; color: #a9a9a9; font-family: 'OpenSans-Regular'; border: 1px solid #ddd; padding: 20px 25px }
#main-container .left form textarea { height: 135px; overflow: auto; resize: none }
#main-container .left form input[type="submit"] { float: right; width: auto; padding: 23px 75px; background: #24a5d3; color: #fff; text-transform: uppercase; font-family: 'OpenSans-CondensedBold'; border: none; margin-top: 20px }
#wpcf7-f289-o1 input[type="submit"]  {font-size: 20px;}
#main-container .left form input[type="submit"]:hover { background: #2CA7E0 }
#main-container .left form .note { float: left; width: 100%; text-align: right }
#main-container .left form .note small { font-size: 15px; color: #000; font-family: 'OpenSans-Regular'; }
#main-container .left form .note small span { color: #ff0000; font-size: 17px; line-height: 25px }
#main-container .left form .row { float: left; width: 100%; margin-bottom: 15px }
#main-container .left form .row .lft { float: left; width: 49%; margin-right: 1% }
#main-container .left form .row .rgt { float: left; width: 49%; margin-left: 1% }
#main-container .right { float: left; width: 50%; padding: 50px 5% }
#main-container .right figure { float: left; width: 100%; margin-bottom: 15px }
#main-container .right figure img { vertical-align: top }
#main-container .right h4 { margin-bottom: 15px }
.contact-list-box { float: left; width: 300px; list-style: none; padding-top: 45px }
.contact-list-box li { float: left; width: 100%; background: url(../images/list-icon2.png) no-repeat 0 0; min-height: 90px; padding-left: 55px }
.contact-list-box li+li { background: url(../images/list-icon3.png) no-repeat 0 0 }
.contact-list-box li+li+li { background: url(../images/list-icon1.png) no-repeat 0 0 }
.contact-list-box li address { font-style: normal; color: #000; }
.contact-list-box li .tel { color: #000; line-height: 36px }
.contact-list-box li .email { color: #383681; font-size: 18px; font-family: 'OpenSans-Regular'; }
.contact-list-box li .email:hover { text-decoration: none }
/*****************************************************contact page ends*****************************************/


/*****************************************************about page***********************************************************/
.about-us, .residential-construction, .residential-plumbing:after, .residential-fire-protection:after, .commercial-plumbing { /*background: url(../images/about-banner.jpg) no-repeat 0 0; */ background-size: cover; position: relative }
.about-us:after, .residential-construction:after, .residential-plumbing:after, .residential-fire-protection:after, .commercial-plumbing:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); z-index: 0 }
.about-sec { float: left; width: 100% }
.about-sec figure { float: left; width: 50% }
.about-sec figure img { vertical-align: top }
.inner-cont { float: left; width: 50%; padding: 75px 120px 0 }
.inner-cont h4 img { margin-left: 10px; }
.inner-cont p { margin: 22px 0 }
.inner-cont small { font-size: 18px; line-height: 26px; color: #383681; font-family: 'OpenSans-Bold'; }
.row {/* float: left; width: 102.3% */}
.team { float: left; width: 100%; padding: 75px 0 20px; background: #383681; text-align: center }


.team.team2 {
    padding: 0;
}

.testi-box .slick-slide{outline: none;}
h2.resp-accordion{ display: none !important;}

.team h4 { color: #fff; margin-bottom: 15px }
.team p { color: #fff }
.team .tagline { font-size: 18px; line-height: 26px; color: #fff; font-family: 'OpenSans-Bold'; display: inline-block; width: 100%; padding-bottom: 45px }
.team-gallery { float: left; width: 100%; list-style: none; padding: 45px 0 }
.team-gallery li { display: inline-block; width: 375px; border: 10px solid #3593b5; position: relative; padding: 0; margin: 0 20px }
.team-gallery li a { float: left; width: 100% }
.team-gallery li figure { float: left; width: 100%; }
.team-gallery li figure img { vertical-align: top }
.team-gallery li .member-detail { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; background: rgba(0,0,0,0.7); text-align: left; padding: 20px 25px 15px }
.team-gallery li .member-detail small { font-size: 20px; line-height: 26px; color: #fff; font-family: 'Oswald', sans-serif; display: block }
.team-gallery li .member-detail span { font-size: 16px; line-height: 26px; color: #00bcff; font-family: 'OpenSans-Regular'; }
.team-gallery li .member-detail p { font-size: 14px; display: none }
.team-gallery li a:hover .member-detail { top: 0; height: 100%; padding: 45px 25px; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.team-gallery li a:hover .member-detail p { display: block; padding: 15px 0 }
.button { font-size: 16px; line-height: 26px; color: #fff; font-family: 'OpenSans-CondensedBold'; background: #24a5d3; text-transform: uppercase; padding: 23px 35px }
.button:hover { background: #2CA7E0 }
.career-sec { float: left; width: 100%; text-align: center; padding: 70px 0 60px; background: url(../images/career-banner.jpg) no-repeat 0 0; background-size: cover; position: relative }
.career-sec:after { content: ""; width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; background: rgba(255,255,255,0.9); z-index: 0 }
.career-sec span a{    font-family: 'OpenSans-Bold';
    color: #383681;
    font-size: 18px;}
.career-sec .wrapper { position: relative; z-index: 99 }
.career-sec h4 { color: #000; margin-bottom: 15px }
.career-sec h5 { margin-bottom: 20px }
.career-sec p { margin-bottom: 30px }
.career-sec small { font-size: 18px; line-height: 26px; color: #000; font-family: 'OpenSans-Bold'; display: inline-block; width: 100%; margin-bottom: 40px }
.career-sec small span { font-family: 'OpenSans-Bold'; color: #383681; font-size: 18px; }
.options { float: left; width: 100%; list-style: none; padding: 0 }
.options li { display: inline-block; width: 330px; padding: 0 }
.options li a { font-size: 15px; color: #fff; font-family: 'OpenSans-Semibold'; padding: 15px 0; background: #383681; width: 100%; display: inline-block; }
.options li a:hover { background: #2CA7E0 }
.career-sec .resume-link { font-family: 'OpenSans-Semibold'; color: #000; margin: 40px 0 0 0 }
.career-sec .resume-link a { font-family: 'OpenSans-Regular'; color: #383681 }
.career-sec .resume-link a:hover { text-decoration: none }
.our-family { float: left; width: 100%; padding: 80px 0; text-align: center; background: url(../images/our-family-banner.jpg) no-repeat 0 0; background-size: cover; position: relative }
.our-family:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(21,133,173,0.8); z-index: 0 }
.our-family h4 { color: #fff }
.content-inner { float: left; width: 100%; position: relative; z-index: 99 }
.content-inner ul { float: left; width: 100%; list-style: none; padding: 70px 0 0 0 }
.content-inner ul li { display: inline-block; width: 20%; padding: 0; vertical-align: top }
.content-inner ul li small { font-size: 26px; line-height: 30px; color: #fff; width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; display: inline-block; font-family: 'Oswald', sans-serif; font-weight: 700; padding-top: 25px; position: relative }
.content-inner ul li small:after { content: ""; width: 35px; height: 35px; display: block; position: absolute; top: 0; left: -22px; background: url(../images/tick.png) no-repeat 0 0 }
.content-inner ul li span { font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; font-weight: normal; display: inline-block; width: 100%; color: #fff; padding: 0 5%; margin-top: 20px }
/*****************************************************about page ends******************************************************/

/*****************************************************commercial construction services******************************************************/
.commercial-construction, .page { float: left; width: 100%; position: relative; background: url(../images/commercial-construction-banner.jpg) no-repeat 0 0; background-size: cover; padding-bottom: 70px }
.commercial-construction:after, .page:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); z-index: 0 }
.commercial-construction h2, .page h2 { padding-bottom: 0px }
.contact-strip input[type="text"], .contact-strip input[type="email"], .contact-strip input[type="tel"] { display: inline-block; width: 245px; border: 1px solid #656565; color: #fff; font-family: 'OpenSans-Light'; padding: 0 28px; background: none; margin: 0 7px; vertical-align: top; float: none; height: 44px; }
.contact-strip input[type="submit"] { display: inline-block; border: none; background: #383681; padding: 0 45px; height: 44px; }
.contact-strip input[type="submit"]:hover { background: #2CA7E0 }
 .contact-strip input::-webkit-input-placeholder {
font-size: 16px;
color: #fff;
font-family:'OpenSans-Light';
}
.contact-strip input::-moz-placeholder {
font-size: 16px;
color: #fff;
font-family:'OpenSans-Light';
}
.contact-strip input:-ms-input-placeholder {
font-size: 16px;
color: #fff;
font-family:'OpenSans-Light';
}
.contact-strip input:-moz-placeholder {
font-size: 16px;
color: #fff;
font-family:'OpenSans-Light';
}
.contact-strip .tel { background: none !important; }
.commercial small { padding: 10px; margin-right: 10px }
.commercial-blocks { float: left; width: 100%; list-style: none; padding: 0 }
.commercial-blocks li { float: left; width: 33.33%; text-align: center; height: 528px; background: #f6f6f6; padding: 0 }
.commercial-blocks li .wrap { float: left; width: 100%; padding: 100px 15% 20px; }
.commercial-blocks li:nth-child(2n+0) { background: #fff }
.commercial-blocks li figure { display: inline-block; width: 146px; height: 146px; border-radius: 50%; background: #383681; text-align: center; padding: 30px 0 0 }
.commercial-blocks li figure img { vertical-align: top }
.commercial-blocks li span { display: inline-block; width: 100%; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; font-weight: normal; color: #383681; text-transform: uppercase; margin: 30px 0 25px }
.commercial-blocks li p { padding: 0 5% }
.about-commercial { float: left; width: 100%; background: url(../images/about-commercial-bg.jpg) no-repeat 0 0; background-size: cover; padding: 70px 0; position: relative }
.about-commercial:after { content: ""; width: 100%; height: 100%; background: url(../images/about-commercial-effect.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block }
.about-commercial-rgt { float: right; width: 50%; position: relative; z-index: 9 }
.about-commercial-rgt h4 { color: #fff; margin-bottom: 25px }
.about-commercial-rgt p { color: #fff; margin-bottom: 20px }
.offer-box { float: left; width: 100%; padding-top: 55px; background: #0076a3; text-align: center }
.offer-box h4 { color: #fff; padding:0 15px; }
.offer-box ul { float: left; width: 100%; list-style: none; padding: 40px 0 0 0; font-size:0px; }
.offer-box ul li { display: inline-block; width: 230px; padding: 40px 0 0; margin:0 }
.offer-box ul li span { font-size: 20px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 400; float: left; width: 100%; min-height: 65px }
.offer-box ul li figure { display: inline-block; width: 100%; margin-bottom: 25px }
.offer-box ul li figure img { vertical-align: top; height: 90px }
.offer-box ul li:nth-child(2n+0) { background: #097ba7 }
.why-hire { float: left; width: 100%; }
.why-hire .hire-block { float: left; width: 50%; padding: 65px 70px 0 145px }
.hire-block ul { float: left; width: 100%; padding: 40px 0 0 0; text-align: center; list-style: none }
.hire-block ul li { float: left; width: 100%; padding: 0 0 35px 117px; text-align: left; }
.hire-block ul li:nth-child(n+1) { background: url(../images/list-style-bg1.png) no-repeat 0 0 }
.hire-block ul li:nth-child(n+2) { background: url(../images/list-style-bg2.png) no-repeat 0 0 }
.hire-block ul li:nth-child(n+3) { background: url(../images/list-style-bg3.png) no-repeat 0 0 }
.hire-block ul li span { font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #383681; margin-bottom: 5px; display: inline-block }
.hire-block ul li p { color: #464646; font-family: 'OpenSans-Regular'; }
.hire-block h4 { color: #000; line-height: 60px; margin-bottom: 10px }
.hire-block h4 span { font-size: 50px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #0076a3; }
.hire-block small { font-size: 18px; line-height: 26px; font-family: 'OpenSans-Regular'; }
.why-hire figure { float: left; width: 50% }
.why-hire figure img { vertical-align: top; width: 100%; height: auto }
/*****************************************************commercial construction services ends******************************************************/

/*******************************************commercial-fire-protection******************************************/
.commercial-fire { background: url(../images/fire-protection-banner.jpg) no-repeat 0 0; background-size: cover }
.fire li figure { padding: 40px 0 0 }
.about-fire { background: url(../images/about-fire-bg.jpg) no-repeat 0 0; background-size: cover; }
.about-fire:after { display: none }
.logo-gallery { float: left; width: 100%; padding: 40px 0 0 0; list-style: none }
.logo-gallery li { float: left; margin: 0 30px; padding: 0 }
.logo-gallery li:first-of-type { margin-left: 0 }
.logo-gallery li:last-of-type { margin-right: 0 }
.logo-gallery li figure { float: left; width: auto }
.logo-gallery li figure img { vertical-align: top }
.hire-block .fire-list li:nth-child(n+1) { background: url(../images/fire-list-img1.png) no-repeat 0 0 }
.hire-block .fire-list li:nth-child(n+2) { background: url(../images/fire-list-img2.png) no-repeat 0 0 }
.hire-block .fire-list li:nth-child(n+3) { background: url(../images/fire-list-img3.png) no-repeat 0 0 }
.fire-banner { background: url(../images/our-family-fire-banner.jpg) no-repeat 0 0; background-size: cover }
/*******************************************commercial-fire-protection ends******************************************/

/*******************************************commercial-plumbing services******************************************/
.plumbing { background: url(../images/plumbing-banner.jpg) no-repeat }
.commercial-blocks .full { float: left; padding: 0 }
.commercial-blocks .full img { vertical-align: top; width: 100% }
.plumbing-about { background: url(../images/plumbing-about-bg.jpg) no-repeat 0 0; background-size: cover }
.hire-block .plumbing-list li:nth-child(n+1) { background: url(../images/plumbing-list-img1.png) no-repeat 0 0 }
.hire-block .plumbing-list li:nth-child(n+2) { background: url(../images/plumbing-list-img2.png) no-repeat 0 0 }
.hire-block .plumbing-list li:nth-child(n+3) { background: url(../images/plumbing-list-img3.png) no-repeat 0 0 }
.plumbing-btm { background: url(../images/plumbing-banner-btm.png) no-repeat 0 0; background-size: cover }
/*******************************************commercial-plumbing services ends******************************************/


/*******************************************************residential plumbing***********************************************************/
.residential-plumbing { background: url(../images/residential-plumbing-banner.jpg) no-repeat 0 0; background-size: cover }
.hire-block .residential-plumbing-list li:nth-child(n+1) { background: url(../images/residentail-plumbing-li1.png) no-repeat 0 0 }
.hire-block .residential-plumbing-list li:nth-child(n+2) { background: url(../images/residentail-plumbing-li2.png) no-repeat 0 0 }
.hire-block .residential-plumbing-list li:nth-child(n+3) { background: url(../images/residentail-plumbing-li3.png) no-repeat 0 0 }
.residential-plumbing-banner-bottom { background: url(../images/our-residential-plumbing-banner.jpg) no-repeat 0 0 }
.about-residential-plumbing { background: url(../images/about-residential-plumbing-bg.jpg) no-repeat 0 0 }
/*******************************************************residential plumbing ends***********************************************************/

/*******************************************************residential construction***********************************************************/
.residential-construction { background: url(../images/residential-construction-header-bg.jpg) no-repeat 0 0 }
.about-residential-construction { background: url(../images/about-residential-construction.jpg) no-repeat 0 0 }
.hire-block .residential-construction-list li:nth-child(n+1) { background: url(../images/list-style-bg1.png) no-repeat 0 0 }
.hire-block .residential-construction-list li:nth-child(n+2) { background: url(../images/list-style-bg2.png) no-repeat 0 0 }
.hire-block .residential-construction-list li:nth-child(n+3) { background: url(../images/list-style-bg3.png) no-repeat 0 0 }
.our-residential-construction { background: url(../images/our-residential-construction-bg.jpg) no-repeat 0 0 }
/*******************************************************residential construction ends***********************************************************/

/*******************************************************residential fire ***********************************************************/
.residential-fire { background: url(../images/residential-fire-header-bg.jpg) no-repeat 0 0; background-size: cover }
.about-residential-fire { background: url(../images/residential-about-fire-bg.jpg) no-repeat 0 0; position: relative }
.about-residential-fire:after { content: ""; width: 100%; height: 100%; background: url(../images/residential-fire-about-banner-effect.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block }
.hire-block .residential-fire-list li:nth-child(n+1) { background: url(../images/fire-list-img1.png) no-repeat 0 0 }
.hire-block .residential-fire-list li:nth-child(n+2) { background: url(../images/fire-list-img2.png) no-repeat 0 0 }
.hire-block .residential-fire-list li:nth-child(n+3) { background: url(../images/fire-list-img3.png) no-repeat 0 0 }
.our-residential-fire { background: url(../images/our-residential-fire-bg.jpg) no-repeat 0 0 }
.residential-products { float: left; width: 100%; padding: 65px 0 50px; background: #f5f5f5; text-align: center }
.residential-products span { font: 50px/70px 'Oswald', sans-serif; text-transform: uppercase; color: #000 }
.residential-products ul { float: left; width: 100%; list-style: none; padding: 40px 0 0 0 }
.residential-products ul li { display: inline-block; width: 230px; border: 1px solid #efefef; background: #fff; margin: 0 12px; height: 145px; padding: 0 }
.residential-products ul li figure { float: left; width: 100%; position: relative; padding: 20px 0 0 0 }
.residential-products ul li img { vertical-align: top; }
/*******************************************************residential fire ends***********************************************************/

footer { float: left; width: 100%; background:url(../images/footback.jpg) no-repeat;background-size: cover; margin-top:-7%; text-align: center; overflow: hidden }
footer .logo-cont { display: inline-block; width: 215px; position: relative; padding-bottom: 30px }
footer .logo-cont img { vertical-align: top; z-index: 99; position: relative }
footer .logo-cont:after { content: ""; width: 215px; height: 215px; position: absolute; top: -115px; left: 0; right: 0; margin: auto; background: #fff; border-radius: 50% }
.footer-nav { float: left; width: 100%; list-style: none; text-align: center; padding: 40px 0 0 0 }
.footer-nav li { display: inline-block; margin: 0 20px }
.footer-nav li a span { font-size: 17px; color: #858585; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase }
.footer-nav li a span:hover { color: #0e96c6 }
.contact-list { float: left; width: 100%; list-style: none; padding: 50px 0 0 0 }
.contact-list li { display: inline-block; width: 20%; padding: 0; vertical-align: top }
.contact-list li figure { display: inline-block; height: 60px }
.contact-list li figure img { vertical-align: top }
.contact-list li span, .tel { font-size: 24px; color: #858585; font-family: 'Oswald', sans-serif; font-weight: 400; vertical-align: top }
.contact-list li address, .contact-list li span, .contact-list li a { display: inline-block; width: 100%; vertical-align: top }
.contact-list li address { font-family: 'OpenSans-Regular'; font-style: normal; color: #858585; }
.contact-list li .email { font-size: 18px; color: #383681; font-family: 'OpenSans-Regular'; }
.contact-list li .email:hover { text-decoration: none }
.social-link { float: left; width: 100%; text-align: center; padding: 10px 0 30px }
.social-link img { vertical-align: top }
.copyright-sec { float:right;; width: 100%; background: #161616; padding:0px; }
.copyright-sec small { font-size: 12px; color: #757575; font-family: 'Roboto', sans-serif; font-weight: 300; display: inline-block; width: 100%; margin: 5px 0 }
.copyright-sec span,.copyright-sec span a { font-size: 11px; color: #757575; font-family: 'Roboto', sans-serif; font-weight: 300 }
.contact-list li span a { color: #858585; }
.left span.wpcf7-not-valid-tip { float: left; }
.commercial .wpcf7-form-control-wrap { display: inline-block; vertical-align: top; }
.commercial div.wpcf7-validation-errors { border: 2px solid #f7e700; max-width: 100%; margin-left: auto; margin-right: auto; }
.commercial span.wpcf7-not-valid-tip { color: #f00; font-size: .9em; /* display: block; */
position: absolute; left: 9px; width: 100%; bottom: -30px; text-align: left; }
.clear { clear: both; }
.m20 { margin: 25px 0; width: 100%; float: left; }
.page-header { text-align: center; }
.page-header h1 { font-size: 70px; }
.wrap { width: 70%; margin-left: auto; margin-right: auto; padding: 0 15px; }
.search-row { padding: 15px; border: 1px solid #eee; margin-bottom: 20px; }
.search-row h4 a { color: #0076A3; line-height: 32px; font-size: 22px; margin-bottom: 10px; display: block; vertical-align: top; }
.search-row ._link { color: #fff; display: inline-block; padding: 6px 20px; background: #0076A3; border: 2px solid #0076A3; margin-top: 20px; border-radius: 3px; }
.search-row ._link:hover { opacity: .9; }
.wrap:after, .search-row:after { clear: both; content: ''; display: table; }
.text-center { text-align: center; }
.error1-404 { padding: 80px 0; }
.error1-404 p { font-size: 26px; margin: 20px 0; }
.error1-404 form { margin: 40px 0 20px 0; }
.search-form .screen-reader-text { display: inline-block; font-size: 22px; margin-right: 10px; vertical-align: middle; }
.search-form .search-field { padding: 12px; width: 40%; border: 2px solid #ddd; display: inline-block; vertical-align: top; }
.search-form .search-submit { background: #383681; vertical-align: top; display: inline-block; color: #fff; padding: 8px 30px; border: 2px solid #383681; }
div.wpcf7-validation-errors {
    border: 2px solid #333 !important;
    color: #f00 !important;
    display: inline-block;
    margin-top: 43px !important;
    width: 60% !important;
}
.portfolio-gall-sec {
    float: left;
    padding: 0px 0 !important;
    width: 100%;
}
#wpcf7-f170-o1 {
    margin: 0 auto;
	display:block;
}
.portfolio-gall-sec .slick-dots{ display:none !important}
 /*--------------------------------
        Go-Top css
--------------------------------*/
.go-top { position: fixed; bottom: 10%; right: 2%; background: #1a1a1a; border: 3px solid #fff; border-radius: 50%; padding: 0; width: 45px; height: 45px; line-height:38px; z-index: 90; font-size: 30px; color: #fff; cursor: pointer; text-align: center; }
.go-top:hover { color: #fff; }
.go-top:focus,.go-top:hover  { background: rgba(21,133,177,0.5); color: #fff; border: 1px solid rgba(21,133,177,0.5); }
.center{text-align:center; /*margin:50px 0;*/}
.center:after{ content:''; display:table; clear:both;}
.lode-more{ background:rgba(21,133,177,0.9); color:#fff; text-transform:uppercase; font-size:30px;font-family: 'bebas_neue_regularregular'; text-align:center; padding:16px 100px; position:relative; display:inline-block; margin-bottom:15px; margin-top:15px}
.lode-more:hover{ color:#fff; opacity:.9;}
.clear{clear:both;}

/*.lode-more::after {border-left: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid #ffffff;content: "";left: 2%;position: absolute;top: 42%;}
.lode-more::before {border-left: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid #ffffff;content: "";right: 2%;position: absolute;top: 42%;}
*/



 @media only screen and(max-width:767px) {
 .wrap {
width:100%;
}
 .commercial div.wpcf7-validation-errors {
width:100%;
}
}







/*------Slider-------*/

/* Headers - - - */
header.video {
  position: relative;
  /*min-height: 500px;*/
  height:100%;
  overflow: hidden; }
  @media only screen and (min-width: 40em) {
    header.video {
      min-height: 500px; } }
  @media only screen and (min-width: 64em) {
    header.video {
      height: 582px; } }
  header.video .shadow {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    z-index: 2;
    background-size: 100% 100% !important;
    background-color: rgba(256, 256, 256, 0.1); }
  header.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    width: auto;
    height: 500px;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background: url("") no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 40em) {
      header.video video {
        min-width: 100%;
        min-height: 550px;
        height: auto; } }
    @media only screen and (min-width: 64em) {
      header.video video {
        min-width: 100%;
        min-height: 700px; } }

.splitSection .splitImage {
  width: 100%;
  float: none;
  background-position: center center;
  background-size: cover; }
  @media only screen and (min-width: 40em) {
    .splitSection .splitImage {
      width: 50%;
      float: left; } }
  @media only screen and (min-width: 64em) {
    .splitSection .splitImage {
      width: 50%;
      float: left; } }

.splitSection .splitContent {
  width: 100%;
  float: none;
  padding: 3em 3em; }
  @media only screen and (min-width: 40em) {
    .splitSection .splitContent {
      width: 50%;
      float: left;
      padding: 6em 4em; } }
  @media only screen and (min-width: 64em) {
    .splitSection .splitContent {
      width: 50%;
      float: left;
      padding: 6em 4em; } }
  .splitSection .splitContent h3 {
    color: #fff; }
  .splitSection .splitContent p {
    color: #fff;
    padding-bottom: 1em;
    line-height: 1.6em; }

.splitSection .splitContent.blue {
  background-color: #1D2D5D; }

header.still {
  position: relative;
  height: 400px;
  overflow: hidden;
  background-color: #373025;
  background-position: center center;
  background-size: cover; }
  @media only screen and (min-width: 40em) {
    header.still {
      height: 400px; } }
  @media only screen and (min-width: 64em) {
    header.still {
      height: 400px; } }
  header.still .shadow {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    z-index: 2;
    background-size: 100% 100% !important;
    background-color: rgba(0, 0, 0, 0.7); }

header.still.short {
  height: 250px; }
  @media only screen and (min-width: 40em) {
    header.still.short {
      height: 280px; } }

.headline-container {
  position: relative;
  display: block;
  width: 80%;
  margin: 0 auto;
  z-index: 10;
  padding: 3rem 0 0; }
  @media only screen and (min-width: 40em) {
    .headline-container {
      width: 80%;
      padding: 1rem 0 0; } }
  @media only screen and (min-width: 64em) {
    .headline-container {
      width: 65%;
      padding: 3em 0 0; } }
  .headline-container > img {
    display: block;
    width: 80%;
    margin: 0 auto 1rem; }
    @media only screen and (min-width: 40em) {
      .headline-container > img {
        width: 60%;
        margin: 0 auto .5rem; } }
    @media only screen and (min-width: 64em) {
      .headline-container > img {
        width: 60%;
        margin: 0 auto 1rem; } }
  .headline-container h1 {
    text-align: center;
    color: #fff;
    font-size: 10vw;
    line-height: 1.1em;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 40em) {
      .headline-container h1 {
        font-size: 4.5vw;
        margin-bottom: .25rem; } }
    @media only screen and (min-width: 64em) {
      .headline-container h1 {
        font-size: 3.5vw; } }
  .headline-container p {
    color: #fff;
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.3rem;
    margin: 0 auto;
    width: 90%; }
    @media only screen and (min-width: 64em) {
      .headline-container p {
        line-height: 1.6rem; } }
  .headline-container a.button {
    margin: .5rem 0 0; }
    @media only screen and (min-width: 40em) {
      .headline-container a.button {
        margin: .25rem .5rem .25rem; } }
    @media only screen and (min-width: 64em) {
      .headline-container a.button {
        margin: 1rem; } }

header.short .headline-container {
  padding: 5em 0 0; }

header.still.short .headline-container h1 {
  margin-bottom: 0; }

.bgd-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  
  
  #hideMe {
    /*-moz-animation: cssAnimation 1s ease-in 1s forwards;
    -webkit-animation: cssAnimation 1s ease-in 1s forwards;
    -o-animation: cssAnimation 1s ease-in 1s forwards;*/
    animation: cssAnimation 1s ease-in 1s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}




.text-white {
    color: #fff;
}
.counter {
     font-size:36px;
	 padding:5px;
}
.icon-content {
	padding:25px;
}



.number{border-width:1px;border-style:solid;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;height:40px;line-height:40px;min-width:40px;text-align:center;font-family:arial;font-size:14px; border-color:#383781; position:relative; z-index:9999; background:#FFFFFF;}
.list-content p:last-child{margin-bottom:0; margin-right:20px;}.chained_contents.style-2:after{bottom:0;content:"";height:100%;position:absolute;top:0;width:1px;z-index:1}.chained_contents.style-2>div{position:relative;display:inline-block;width:100%;margin-bottom:20px;z-index:2}.chained_contents.style-2>div>.icon{padding:10px;display:block;text-align:center;border-width:1px;border-style:solid;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.chained_contents.style-2>div:hover .icon,.chained_contents.style-2>div:hover .number{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.chained_contents.style-2>div>.icon:before{margin:0;min-width:35px;line-height:35px;padding:0;text-align:center;font-size:22px}.chained_contents.style-2>div>.number{border-width:1px;border-style:solid;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;height:57px;line-height:57px;min-width:57px;text-align:center;font-family:arial;font-size:14px}.chained_contents.style-2>div>div{display:block;margin-top:0}.chained_contents.style-2>div>div>.list-title,.chained_contents.style-2>div>div>p:first-child{margin-top:8px;padding-top:0}.chained_contents.style-2>div:last-child{margin-bottom:0}.chained_contents.style-2>div:last-child:after{content:none}.chained_contents.style-2>div:last-child .list-content p:last-child{margin-bottom:0}.chained_contents.style-1.left:after{left:20px}.chained_contents.style-1.left>div>.icon,.chained_contents.style-1.left>div>.number{margin-right:10px;float:left}.chained_contents.style-1.left>div>div{margin-left:58px}.chained_contents.style-2.left:after{left:28.5px}.chained_contents.style-2.left>div>.icon,.chained_contents.style-2.left>div>.number{margin-right:10px;float:left}.chained_contents.style-2.left>div>div{margin-left:70px;text-align:left}.chained_contents.style-1.right:after{right:20px}.chained_contents.style-1.right>div>.icon,.chained_contents.style-1.right>div>.number{margin-left:10px;float:right}.chained_contents.style-1.right>div>div{margin-right:58px;text-align:right}.chained_contents.style-2.right:after{right:28.5px}.chained_contents.style-2.right>div>.icon,.chained_contents.style-2.right>div>.number{margin-left:10px;float:right}.chained_contents.style-2.right>div>div{margin-right:70px;text-align:right}.thick-border.chained_contents:after{width:3px}.thick-border.chained_contents>div>.icon,.thick-border.chained_contents>div>.number{border-width:3px}.thick-border.chained_contents.style-2>div>.number{font-weight:700;line-height:52px}.thick-border.chained_contents.style-1>div>.number{font-weight:700;line-height:36px}.rt_divider.style-1{height:80px;width:100%;font-family:fontello;text-align:center}
.chained_contents > div:hover .number{background-color:#ec121e; border-color:#ec121e;}

.default-style .masonry .vertical_line, .default-style .timeline::after, .default-style .chained_contents.style-1::after, .default-style .chained_contents.style-2::after, .default-style .rt_divider.style-2::after, .default-style .rt_divider.style-3::after, .default-style .rt_divider.style-4, .default-style .pricing_table.compare .table_wrap > ul > li.caption, .default-style .pricing_table.compare .table_wrap > ul > li.price, .default-style .dots-holder > div span, .default-style .widget > h5::after, .default-style .widget .sub-menu li a::after, .default-style .widget .children li a::after, .default-style .price_slider_wrapper .ui-widget-content, .default-style .timeline > div::before, .default-style .border_grid > .row::after, .default-style.border_grid .content_row::after {
    background-color: #E8E8E8;
}
.chained_contents.style-2.left::after {
    left: 11.5%;
}
.chained_contents.style-2::after {
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 50px;
    width: 1px;
    z-index: 1;
	border-width: 1px;
	border-style: solid;
	border-color: #E8E8E8;
}
.default-style, .default-style *, .default-style ::before, .default-style ::after, .default-style::before, .default-style::after, .default-style .button_.color:hover {
    border-color: #E8E8E8;
}





.headline { 
	position: relative;
	width: 100%;
}
.headline  h4{ 
	color:#49494b; font-family: 'Oswald', sans-serif; border-bottom: 1px solid #ebebeb; padding-bottom:10px;
}
.headline::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    bottom: 0;
    left: 0;
	background:#383582;
}

#slides{
    position: relative;
    height: 150px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.slide{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing{
    opacity: 1;
    z-index: 2;
}

.slide{
    font-size: 16px;
    padding: 20px 10px;
    box-sizing: border-box;
    color:#333333;
}

.foothead
{
	color:#FFFFFF;
	text-align:center;
	padding-bottom:20px;
	font-family: 'Oswald', sans-serif;
}
.foothead::before {
  content : "";
  position: absolute;
  left    : 25%;
  top  : 35px;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:1px solid #333333;
}
.foot
{
	color:#CCCCCC;
	/*padding-left:25%;*/
        text-align:center;
}

.content-area
{
	width:1349px;
	margin:0 auto;
}

.counter_back {
background:url(../images/countback.jpg);background-attachment: fixed; position:relative; z-index:9999; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top:-20px;
}



/* accordion style */


.ac-pane { margin-bottom: 5px; color:#000; margin-top:5px;}

.ac-pane:last-child { margin-bottom: 0; }

.ac-content { display: none; }

.ac-title {
  /*border: 1px solid #fff;*/
  border-bottom:1px solid #CCCCCC;
  color: #172b75;
  display: block;
  padding: 5px;
  /*background-color:#172b75;*/
}

.ac-title i {
  float: right;
  font-size: 21px;
  background:#172b75;
  padding:1px 4px;
  margin-top:2px;
  border-radius:20px;
  color:#FFFFFF;
}

.ac-title i:before { content: "\f107"; }

.active .ac-title i:before { content: "\f106"; }

.ac-content {
  border: 1px solid #fff;
  margin-top: -1px;
  padding: 15px;
}
.active .ac-title
{
background:#172b75;
color:#FFFFFF;
}
.active .ac-title i {
background:#FFFFFF;
color:#172b75;
}


.box{
    /*background: #000;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);*/
    overflow: hidden;
    position: relative;
	margin:20px 0 0 0px;
	border-bottom:5px solid #bec9f1;
	border-left:5px solid #172a75;
}
.box:before,
.box:after{
    content: "";
    border-width: 0 100px 90px 100px;
    border-style: solid;
    border-color: transparent transparent #0d245f transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-55%, 100%);
    transition: all 0.5s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.box:after{
    border-width: 115px 165px;
    border-color: transparent #1856ab #1856ab #001e81;
    top: 25%;
    transform: translate(-60%, 100%);
}
.box:hover:before{
    transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translate(-55%, 0);
    transition-delay: 0.2s;
}
.box:hover:after{
    transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translate(-60%, 0);
    transition-delay: 0s;
}
.box img{
    width: 100%;
    height: auto;
    opacity: 1;
    /*transform: scale(1.1) translateY(3%);*/
    transition: all 0.5s ease 0s;
	/*padding:5px;*/
}
.box:hover img{
    transform: scale(1.1) translateY(-3%);
    opacity: 0.4;
}
.box .box-content{
    padding: 20px 0 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(20%);
    transition: all 0.5s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    transform: translate(0px);
    transition-delay: 0.1s;
}
.box .title{
    font-size: 16px;
    font-weight: 800;
    color:#000;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    display: block;
    /*width: 30px;
    height: 30px;
    line-height: 30px;*/
	padding:10px;
    border-radius: 50%;
    background: #4463b4;
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{ transform: rotate(360deg); text-decoration:none; }
@media only screen and (max-width:990px){
    .box{ margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) and (min-width: 600px){
    .box:before{ border-width: 0 250px 240px; }
    .box:after{ border-width: 260px 460px; }
}
@media only screen and (max-width: 599px) and (min-width: 430px){
    .box:before{ border-width: 0 220px 120px; }
    .box:after{ border-width: 260px 460px; }
}

.cont_icon
{
margin:auto 35%;
padding:15px;
border:1px solid #CCCCCC;
border-radius:50%;
color:#000066;
text-align:center;
}
.cont_icon:hover
{
background:#000066;
border:1px solid #000066;
color:#fff;
transition:0.5s all;
}
.projimg
{
border:1px solid #CCCCCC;
padding:5px;
}
.projhead
{
text-align:center;
font-family: 'Oswald', sans-serif;
}

/* Theme transition Effect */
*:after,
*:before,
a,
p,
h1,h2,h3,h4,h5,h6,
.tc-navigation li ul,
button,
.service-caption,
.employee-desination,
.pricing-column,
.video-section,
.team-slider-thumnail ul li,
.hover-overlay,
.gallery-img:hover .hover-overlay a,
.service-figure:hover .service-icon,
.product-name,
.product-caption,
.clear-all-tags,
.gallery-hover,
.post-img img,
.location-icon,
.service-icon,
.enquiry-form-holder,
.payment-figure,
.product-figure,
.profiler-address ul li > span,
.team-slider-thumnail li,
.scrollup,
.video-titel .play-btn,
.main-header,
.inner-header,
.on-hover,
.post-holder.style-3,
.blog-post-holder.style-3,
.team-figure-social,
.team-figure.style-3 .employee-detail
{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

/* Gallery HOlder */
.gallery-masonry{ padding: 38px 0 0;}
.gallery-holder .main-heading-holder{ background:  #f2f2f2; overflow: hidden;} 
.gallery-holder .main-heading{ padding: 0 0 15px;} 
.filter-tags-holder{ text-align: center;}
.filter-tags-holder ul{ margin: 0 0 -4px; padding: 0; list-style: none; display: inline-block;}
.filter-tags-holder ul li{ float: left; margin: 0 0 0 20px;}
.filter-tags-holder ul li:first-child{ margin: 0;}
.filter-tags-holder ul li a{ color: #141414; font-weight: 600; text-transform: uppercase;
padding: 10px 15px; border-bottom: 5px solid transparent;}
.filter-tags-holder ul li a.selected{ border-bottom: 5px solid;}
.masonry-grid{ margin: 15px 0; }
.view-all-btn{ padding: 40px 0 90px; text-align: center;}
.view-all-btn .pink-btn{ display: inline-block;}

.gallery-figure{ position: relative;}
.gallery-figure img{ width: 100%;}
.gallery-hover{ position: absolute; top: 50%; left: 50%; width: 0; height: 0; text-align: center;}
.gallery-hover li{ list-style:none; line-height:3em; }
.gallery-hover li a{  font-size: 20px; color: #fff; visibility: hidden; opacity: 0; }
.gallery-hover li:first-child{ margin:30% 0 0;}
.gallery-figure:hover .gallery-hover{ left: 0; top: 0; height: 100%; width: 100%; z-index: 1;} 
.gallery-figure:hover .gallery-hover a{ opacity: 1; visibility: visible;}
.gallery-hover a:hover{ color: #fff; font-size: 30px;}


/* Gallery v3 */
.gallery.style-3 .gallery-figure{ border: 0;}
.gallery-figure:hover .gallery-hover{ visibility: hidden; opacity: 0;}
.gallery-figure:hover .gallery-hover{ background: rgba(0,0,0,0.8); visibility: visible; opacity: 1;}

.mb-30
{
margin-bottom:30px;
}

.abthead { text-align:center; padding-top:15px; font-family: 'Oswald', sans-serif; color:#393683; }
.abthead::after { 
    content: "";
    position: absolute;
    background: #000;
    height: 5px;
    width: 60px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px; }
.abtleft { float:left; widows:20%; text-align:center; }
.abtright { float:left; width:75%; }
.abticon { color:#fff; background:#393683; border:6px solid #000; padding:7px; margin:0 20px 0 0; }
.abthd { font-size:18px;  font-family: 'Oswald', sans-serif; }
.choose::after {
    content: "";
    position: absolute;
    background: #393683;
    height: 3px;
    width: 60px;
	left:45px;
    transform: translateX(-50%);
    bottom: -10px; }

.booknow { background:#162a75; color:#fff; padding:30px;  }
.booknow p {font-size:18px;  font-family: 'Oswald', sans-serif; }
.bookbtn { border:2px solid #fff; padding:7px 15px; background:#333333; }


.btn-5 {
  border: 0 solid;
  -webkit-box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
          box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  color:#fff;
  padding:7px 15px;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover {
  border: 1px solid;
  -webkit-box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}

p a {
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid;
  color: #fff;
  line-height: 1.4;
  padding: .25em;
  text-decoration: none;
  font-weight:bold;
}
p a:hover {
  background: white;
  color: #383681;
}


.p0 { padding:0; }

.content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
.cont::after { border-bottom:2px solid #000; margin-top:-3px; width:100%; }


.single_service_area{
    background: url(../images/servicea.jpg) no-repeat left top;
	
    height: 199px;
    margin-top: 50px;
}
.single_service_area_two{
	background: url(../images/serviceb.jpg) no-repeat right top;
	
    height: 199px;
}

.single_service_area_three{
    background: url(../images/servicec.jpg) no-repeat left top;
	
    height: 199px;	
}
.single_service_area_four{
    background: url(../images/serviced.jpg) no-repeat right top;

    height: 199px;	
}
.single_service_area_five{
    background: url(../images/servicee.jpg) no-repeat left top;
	
    height: 199px;	
}
.single_service_area_six{
    background: url(../images/servicef.jpg) no-repeat left top;
	
    height: 199px;	
}


.fancy_cnt { text-align:center; color:#172b75; font-weight:bold; padding-bottom:5px; border-bottom: 1px dashed #C0C0C9; }

.foot_cnt { height:auto; position:relative; z-index:999; background:#222; padding:25px; }


.main-gallery {
  background: #fff;

}

.gallery-cell {
  width: 100%;
}

.testimonial {
  text-align: center;
  max-width: 850px;
  margin:30px auto 130px auto;
  padding: 0 20px;
}

.testimonial-avatar {
  width: 100px;
  border-radius: 50%;
}

.testimonial-quote {
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
}

.testimonial-author {
  display: block;
  font-weight: 800;
  color: #172b75;
}

.flickity-page-dots {
  bottom: 25px;
}

.flickity-page-dots .dot.is-selected {
  background: #172b75;
}


.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}














.page-top { background:#000000;  }
.page-top p { padding:5px; color:#fff; margin:0; }
.page-top i { padding:7px 15px; text-align:right; color:#fff; margin:0; font-size:16px; }
.call { text-align:center; padding:10px; }
.top-icon { color:#000099; text-align:center; }
.proj { padding-top:20px; margin-left:20px; }
.proj li { list-style:none; }
.proj li a { padding-left:20px; line-height:2.5em;   font-family: 'Oswald', sans-serif;}
.bac { background:rgba(255,255,255,0.3); }