/*
Theme Name: Hill Electric
Author: Pebibits Technologies
Author URI: https://www.pebibits.com/
Description: Theme for Hill Electric
Text Domain: Hill Electric
*/


@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');

@font-face {
    font-family: 'BebasNeueBold';
    src: url('fonts/BebasNeueBold.eot');
    src: url('fonts/BebasNeueBold.eot') format('embedded-opentype'),
         url('fonts/BebasNeueBold.woff2') format('woff2'),
         url('fonts/BebasNeueBold.woff') format('woff'),
         url('fonts/BebasNeueBold.ttf') format('truetype'),
         url('fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
}

*{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	outline:none;
}
html {  
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
  -webkit-text-stroke: rgba(255,255,255,0.01) 0.1px;
  -webkit-text-stroke-width: 0.1px;
}
body
{
	width:100%;
	font-size:16px;
  font-family: 'Open Sans', sans-serif;
  color: #16262b;
}
#page{
  overflow: hidden;
}
.site-inner {
    overflow: hidden;
    position: relative;
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
    outline:none !important;
}
.nopadding{padding-left: 0; padding-right: 0;}

h1{
  font-size: 42px;
  color: #16262b;
  font-weight: 600;
}

.navbar-default { background-color: transparent; border-color: transparent;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent;}
button.navbar-toggle { border-color: transparent;}
.navbar-default .navbar-toggle { border-color: transparent;}
.navbar-default .navbar-toggle:hover { background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar { background-color: #ECECEC;}
.navbar-toggle .icon-bar { display: block; width: 32px; height: 4px; border-radius: 1px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgba(255, 255, 255, 0.45);}
.navbar { min-height: 0; margin-bottom: 0; border: 0px solid transparent; border-radius: 0px;}
.nav>li>a:hover, .nav>li>a:focus{background: transparent;}



/*** Drop Menu Style Start ***/

.navbar ul li{
    position: relative;
    cursor: pointer;
}

.navbar ul li .sub-menu {
  visibility: hidden;
  position: absolute;
  width: 230px;
  right: -40%;
  border-top: 1px solid #deb476;
  border-bottom: 1px solid #deb476;
  border-left: 1px solid #deb476;
  border-right: 1px solid #deb476;
  box-shadow: 0px 2px 28px 1px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0px 2px 28px 1px rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 0px 2px 28px 1px rgba(0, 0, 0, 0.85);
  padding: 12px 14px;
  top: 100%;
  display: inline-block;
 background: rgba(155, 19, 59, 0.89);
}

.navbar ul li .sub-menu li{
 float: none;
}

.navbar ul li:hover .sub-menu  {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index:999;
}

.navbar ul li .sub-menu li a {
  text-decoration: none;
  display: block;
  color: #fff !important;
  padding: 8px 0px;
  font-size: 13px;
  font-weight: 300;
  text-transform: capitalize;
  text-align: left;
}
.navbar ul li .sub-menu li a:hover {
  color:#deb476 !important;
}

.navbar ul li .sub-menu::after {
  content: '';
  border: 20px solid transparent;
  width: 32px;
  z-index: 9;
  height: 0px;
  border-bottom-color: #deb476;
  position: absolute;
  top: -41px;
  left: 33%;
}

.navbar ul li .sub-menu .current-menu-item a{
      color: #deb476 !important;
}
.navbar ul .current-menu-parent a{
    color: #deb476 !important;
}


/*** Drop Menu Style End ***/

#header{
  background: #fff;
  position: relative;
}

#header .left{
  position: absolute;
  left: 0;
  background: url('images/header-left.jpg') no-repeat left top;
  top: 0;
  bottom: 0px;
  background-size: cover;
}
#header .right {
  position: absolute;
  right: -1.3%;
  background: #fff;
  top: 0;
  bottom: 0px;
  -ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  width: 69%;
  box-shadow: -2px 0px 50px #000;
}
#logo{
  margin: 13px 0px 20px 0px;
}
.banner .left {
  background: red;
  height: 500px;
  -ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  position: relative;
  z-index: 999;
  width: 55%;
  margin-left: -5%;
}
.banner .right {
  background: black;
  height: 500px;
  float: right;
  width: 55%;
  margin-left: -5%;
}
.facilities{
  width: 275px;
  height: 275px;
  margin: auto;
  border: 1px solid transparent;
  border-radius: 100%;
  display: table;
  -webkit-transition: all ease-in-out 500ms;
  -moz-transition: all ease-in-out 500ms;
  -o-transition: all ease-in-out 500ms;
  -ms-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
}
.facilities-inner{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.facilities img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
.facilities:hover img{
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
.facilities:hover, #features ul li.resp-tab-active .facilities{
  border-color: #00adf2;
  border: 1px solid #00adf2;
}
.facilities:hover, #features ul li.resp-tab-active .facilities img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.facilities h4{
  font-size: 20px;
  color: #16262b;
}
#facilities-section{
  padding: 40px 0px;
}
.facility-content-block{
  padding: 100px 0px;
  border: none;
}
#features ul li.resp-tab-item {
  background: transparent !important;
  border: none;
  padding: 0 !important;
  width: 25%;
}
.facility-content-block .facility-headings {
    margin-left: 70px;
}
.menu_btn{
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
.menu-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 200px 20px 50px 20px;
  z-index: 999;
  display: none;
}
.menu-wrap ul{
  width: 100%;
}
.menu-wrap ul li {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 30px 0px;
}
.menu-wrap ul li a{
  font-size: 42px;
  color: #16262b;  
}
.menu-wrap ul li.current-menu-item a, .menu-wrap ul li a:hover{
  color: #6abbd9;
}
.header-right-inner {
  padding: 37px 0px 36px 0px;
}
.help-line{
  float: right;
}
.help-line h2{
  margin: 0px 120px 0px 0px;
  color: #2c2c2c;
  font-size: 34px;
  font-family: 'BebasNeueBold';
}
.help-line h2 img {
  margin-right: 20px;
  padding-right: 20px;
  display: inline-block;
  width: inherit;
  border-right: 1px solid #078ebf;
}
.banner{
  max-height: 550px;
  background-size: cover !important;
  padding: 10.7% 0px;
}
.banner .container{
  height: 100%;
}
.banner-content{
  color: #fff;
  height: 100%;
  display: table
}
.banner-content-inner{
  display: table-cell;
  vertical-align: middle;
}
.banner-content h2{
  font-size: 39px;
  margin: 0px;
}
.banner-content h1 {
  font-size: 96px;
  margin: 0 0 0 35px;
  color: #fff
}
.facility-headings {
  border: 1px solid #83cce7;
  margin-left: 50px;
  background: #fff;
  border-left: none;
  position: relative;
  padding: 20px 10px 20px 0px;
  min-width: 300px;
  display: inline-block;
  margin-bottom: 30px;
}
.facility-headings::before{
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 13px;
  top: 0;
  background: #83cce7;
}
.facility-headings::after{
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 13px;
  bottom: 0px;
  background: #83cce7;
}
.facility-headings h5 {
  font-size: 16px;
  color: #1eb1e7;
  text-transform: uppercase;
  margin: 0px 0px 0px -30%;
}
.facility-headings h1 {
  font-size: 42px;
  color: #16262b;
  text-transform: uppercase;
  margin: 0px 0px 0px -20%;
  font-weight: 600;
}
.facility-details {
  margin-top: 80px;
  padding-left: 45px;
}
.facility-details .content {
  font-size: 22px;
  color: #16262b;
  line-height: 36px;
}
.facility-details-section{
  padding-bottom: 100px;
}
#parallax1{
  position: relative;
}
#parallax1::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 84px;
  background: url('images/parallax-top-shadow.png') no-repeat center top;
  top: 0;
}
#parallax1::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 84px;
  background: url('images/parallax-bottom-shadow.png') no-repeat center top;
  bottom: 0;
}
.smart_average {
  padding: 250px 0px;
}
.smart_average .left-section {
  width: 48.75%;
  float: left;
  margin-top: 120px;
}
.smart_average .right-section{
  width: 51.25%;
  float: right;
  height: 950px;
}
.smart_average .left-section .inner{
  position: relative;
  width: 115%;
  border: 2px solid #b29871;
}
.smart_average_content {
  background: #f8efe2;
  display: inline-block;
  width: 100%;
  margin: 50px 0px 50px 15%;
  padding: 10%;
}
.smart_average_content h1 {
  color: #af966f;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 25px;
}
.smart_average_content .text{
  font-size: 24px;
  color: #525959;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400i;
}
.smart_average_content .text {
  font-size: 24px;
  color: #525959;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  line-height: 36px;
}
.smart_average_content .text p{
  margin-bottom: 30px;
  padding-top: 30px;
}
footer {
  background: #16262b;
  padding: 30px 0px 30px 0px;
  color: #fff;
}
footer h3.widget-title {
  font-size: 32px;
  margin: 30px 0px 20px 0px;
}
.footer-menu ul li a {
  color: #fff;
  font-size: 16px;
  margin: 6px 0px;
  display: inline-block;
}
.footer-address{
  font-size: 16px;
  line-height: 28px;
}
.footer-address img{
  margin-bottom: 5px;
}
.footer-social ul li:first-child a img{
  margin-left: 0px !important;
}
.footer-social ul li:last-child a img{
  margin-right: 0px !important;
}
.copyright{
  margin-top: -15px;
}
.default-content {
  padding: 50px 0px;
}
.inner-wrap{
  padding: 90px 30px;
}
input[type="text"],input[type="email"],input[type="tel"],textarea{
  width: 100%;
  border-left: 2px solid #dbd5e0;
  border-bottom: 2px solid #dbd5e0;
  padding: 10px 15px;
  margin-bottom: 20px;
  color: #a9aac0;
  font-size: 14px;
}
textarea{
  height: 128px;
  resize:none;
}
input[type="submit"] {
  border-top: 2px solid #240c36;
  background: transparent url(images/right-arrow.jpg) no-repeat right -2px;
  padding: 11px 63px 11px 20px;
  font-size: 14px;
  color: #240c36;
  text-transform: uppercase;
  font-weight: 600;
}
.contact-detail h1 {
  margin-bottom: 15px;
}
.contact-detail p {
  font-size: 18px;
  line-height: 30px;
}
.contact-detail h4{
  color: #1eb1e7;
  font-size: 22px;
  line-height: 32px;
}
.about-mid-section {
  /*height: 787px;*/
}
.expect_section {
  padding: 156px 0px;
}
.expect_img{
  padding: 0px 5px;
}
.expect_section .right-section{
  padding-left: 30px;
}
.heading-section h5{
  font-size: 16px;
  color: #1eb1e7;
  margin: 0px;
}
.heading-section h1 {
  margin: 10px 0px 40px 0px;
}
.expect-content p {
  line-height: 26px;
}
.team-member {
  padding: 145px 0px;
  display: inline-block;
  width: 100%;
}
.team-member:nth-child(odd){
  background: #fff;
}
.team-member:nth-child(even){
  background: #e1e1e1;
}
.profile-section img{
  float: right;
}
.profile-detial-section h1{
  font-size: 51px;
  font-weight: 700;
}
.profile-detial-section h2{
  margin: 5px 0px;
  font-size: 34px;
  display: inline-block;
}
.profile-detial-section{
  padding-left: 35px;
  padding-top: 30px;
}
.team-member-content {
  margin-top: 50px;
}
.team-member-content h3 {
  line-height: 35px;
  font-weight: 600;
  font-style: italic;
}
.team-member-content p{
  margin: 20px 0px;
  font-size: 14px;
  line-height: 26px;
}
.social{
  margin: 10px 0px;
}
.social ul li {
  display: inline-block;
  padding: 10px 25px 10px 0px;
}
/********* Home Page *********/
.home-banner {
  padding: 6.8% 0px 12.959% 0px;
  height: 780px;
}
.home-mob-banner {
  background: url('images/hill-mobile.jpg') no-repeat top center;
  background-size: 0px;
}
.home-banner-content {
  padding-right: 95px;
}
.home-banner-content h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 52px;
  font-weight: 300;
  color: #fff;
  line-height: 60px;
}
.home-banner-content h1 strong{
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
.home-banner-content h4 {
  font-size: 20px;
  color: #dac3a0;
  margin: 1px 0px 10px 0px;
  display: inline-block;
  width: 100%;
  line-height: 30px;
}
.home-banner-content h3 {
  color: #fefbf7;
  font-weight: 700;
  margin-top: 6px;
  line-height: 26px;
}
/*.shedule-btn-outer {
  width: 160px;
  border: 1px solid #fff;
  display: inline-block;
  margin-top: 48px;
}*/
.btn-block {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 48px;
}
.btn-style-outer {
  width: 160px;
  border: 1px solid #fff;
  display: inline-block;
  margin-top: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
.btn-style, .btn-style:hover, .btn-style:focus {
  background: #33a2cb;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  margin: 9px 0px 9px 40px;
  padding: 9px 32px 6px 32px;
  position: relative;
  text-transform: uppercase;
  /*width: 250px;*/
}

#services-section {
  padding-bottom: 50px;
}
.services-tab {
  margin-top: -128px !important;
}
.services-tab .resp-tabs-list li{
  background: #33a2cb !important;  
  width: 25%;
  height: 252px;
  padding: 15px !important;
  text-align: center;
  color: #fff;
  font-size: 16px !important;
}
.services-tab .resp-tabs-list li.resp-tab-active {
  border-bottom: none;
  background-color: #1eb1e7 !important;
  border: none !important;
  position: relative;
}
.services-tab .resp-tabs-list li.resp-tab-active::after {
  content: '';
  position: absolute;
  top: 100%;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #1eb1e7;
  width: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
.service-content-block {
  border: none;
  padding: 127px 20px;
}
.service-tab-li{
  display: table;
  height: 100%;
  width: 100%;
}
.service-tab-li-inner{
  display: table-cell;
  vertical-align: middle;
}
.services-tab ul.resp-tabs-list{
  width: 71%;
  margin: auto;
  display: inline-block;
  position: relative;
}
#services-list{
  text-align: center;
}
.border-green{
  border-color: #1eb1e7; 
}
.btn-black, .btn-black:hover, .btn-black:focus{
  background: #111111;
}
.did-youKnow {
  margin: 60px 0px;
}
.flex{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */  
}
.did-know-content{
  padding-left: 45px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.did-know-content .inner{
  border: 2px solid #d9ebeb;
  padding: 22px 0px;
}
.did-know-child {
  background: #d9ebeb;
  padding: 10% 11% 10% 20%;
  width: 100%;
  margin-left: -24%;
}
.green-text {
  color: #33a2cb;
}
.did-know-child .content{
  font-size: 24px;
  color: #525959;
  font-style: italic;
}
.services-inner-section {
  border: 1px solid #1eb1e7;
  padding: 50px 18px 0px 18px;
  margin-bottom: -20px;
  position: relative;
  z-index: 111;
}
.services-child {
  background: #1eb1e7;
  padding: 42px 50px;
  margin-bottom: -50px;
  color: #fff;
}
.services-child h1 {
  margin-top: 0px;
  margin-bottom: 25px;
  color: #fff;
  padding-left: 70px;
}
.services-child h5 {
  padding-left: 50px;
  font-size: 16px;
  margin: 0px;
}
.services-child p {
  line-height: 30px;
  font-size: 18px;
}
.light-green, .light-green:hover, .light-green:focus{
  background: #14789d;
}
#sweet-home-parallax {
  padding: 7.5% 0px;
  position: relative;
}
#sweet-home-parallax::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 84px;
  background: url('images/parallax-top-shadow.png') no-repeat center top;
  top: 0;
}
#sweet-home-parallax::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 84px;
  background: url('images/parallax-bottom-shadow.png') no-repeat center top;
  bottom: 0;
}
#sweet-home-parallax h1{
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  font-weight: 300;
}
#sweet-home-parallax h1 strong{
  font-weight: 400;
}
#sweet-home-parallax .text {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 30px;
  margin-top: 10px;
  display: inline-block;
  width: 90%;
}
.why-choose-section{
  padding: 175px 0px;
}
.heading-block {
  border: 1px solid #83cce7;
  margin-left: 50px;
  background: #fff;
  border-left: none;
  position: relative;
  padding: 20px 10px 20px 0px;
  min-width: 300px;
  display: inline-block;
  margin-bottom: 30px;
  text-align: left;
}
.heading-block::before{
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 13px;
  top: 0;
  background: #83cce7;
}
.heading-block::after{
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 13px;
  bottom: 0px;
  background: #83cce7;
}
.heading-block h5 {
  font-size: 16px;
  color: #1eb1e7;
  text-transform: uppercase;
  margin: 0px 0px 0px -30%;
}
.heading-block h1 {
  font-size: 42px;
  color: #16262b;
  text-transform: uppercase;
  margin: 0px 0px 0px -20%;
  font-weight: 600;
}
.why-choose-content {
  font-size: 18px;
  line-height: 30px;
  padding: 30px 30px;
}
.choost-point {
  width: 20%;
  float: left;
  text-align: center;
}
.choost-point h5 {
  margin-top: 15px;
  color: #008abd;
  font-size: 16px;
}
#ourwork-section {
  background: #d9ebeb;
  padding: 60px 0px;
}
#work-list ul li {
  background: transparent !important;
  font-size: 20px;
  color: #838e8e;
  padding: 10px 22px !important;
  border: none !important;
}
#ourworkTab .resp-tabs-container {
  background: transparent !important;
}
#ourworkTab .work-content-block {
  border: none;
}
#testimonial {
  background: #003e57 url('images/testimonial-arch-img.png') no-repeat center bottom;
  padding: 44px 0px 60px 0px;
}
h3.testimonial-heading {
  display: none;
}
#testimonial .strong-view.controls-style-buttons3 .wpmslider-wrapper .wpmslider-prev {
  background: url('images/arrow-left.png') no-repeat center;
  height: 48px;
  width: 48px;  
  left: 20%;
  bottom: 20px;
  top: inherit;
}
#testimonial .strong-view.controls-style-buttons3 .wpmslider-wrapper .wpmslider-next {
  background: url('images/arrow-right.png') no-repeat center;
  height: 48px;
  width: 48px;  
  right: 20%;
  bottom: 20px;
  top: inherit;
}
#testimonial .strong-view.controls-style-buttons3 .wpmslider-wrapper .wpmslider-prev::before,
#testimonial .strong-view.controls-style-buttons3 .wpmslider-wrapper .wpmslider-next::before{
  display: none;
}
.strong-view.modern .testimonial-content:after,.strong-view.modern .testimonial-content:before{
  display: none;
}
.strong-view.modern .testimonial-name{
  width: 55%;
  margin: auto;
}
#testimonial p {
  color: #fff;
  font-size: 20px;
  line-height: 36px;
  font-family: 'Open Sans', sans-serif;
}
#testimonial .testimonial-client .testimonial-name{
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  width: auto;
  position: relative;
  padding-left: 11px;
}
#testimonial .testimonial-client .testimonial-name::before{
  content: '';
  position: absolute;
  width: 6px;
  height: 2px;
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#testimonial .testimonial-client{
  margin-top: 50px;
}
#testimonial h1{
  font-weight: 700;
  color: #fff;
  margin-top: 0px;
}
.safety-section{
  padding: 9.5% 0px;
}
.safety-section h1 {
  color: #fff;
  margin-bottom: 28px;
  position: relative;
}
.safety-section h1::before {
  content: '';
  width: 57px;
  height: 2px;
  background: #d23700;
  position: absolute;
  left: -77px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#safety-list li {
  background: #f7f7f7 !important;
  border: none !important;
  font-size: 18px;
  color: #6e787a;
  margin-right: 2px;
  height: 54px;
  padding: 5px 22px !important;
  text-align: center;
  line-height: 20px;
  position: relative;
}
#safety-list li:first-child{
  width: 140px;
}
#safety-list li::after {
  content: '';
  position: absolute;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 100%;
  width: 16px;
  height: 8px;
  left: 0;
  right: 0;
  margin: auto;
}
#safety-list li.resp-tab-active {
  background: #d23700 !important;
  color: #fff !important;
  border: none;
}
#safety-list li.resp-tab-active::after {
  border-top-color: #d23700;
}
.safety-section .resp-tabs-container {
  background: transparent;
}
.safety-content-block {
  border: none;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  padding: 0px 30px 0px 0px;
  margin-top: 30px;
  /*float: left;*/
  /*display: inline-block;*/
  width: 100%;
}
.experience_section{
  padding: 145px 0px;
}
.experience_section .container, .commercial-project .container{
    padding: 0px 115px;
}
.heading-style2{
  padding-left: 134px;
  position: relative;
}
.heading-style2::before{
  content: '';
  position: absolute;
  width: 57px;
  height: 2px;
  background: #00adf2;
  bottom: 20px;
  left: 57px;
}
.experience-content p{
  line-height: 28px;
  margin-bottom: 25px;
}
.commercial-project{
  padding: 100px 0px;
}
.commercial-project-block {
  padding: 2px;
}
.overlay-bg {
  background: #201a12;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  visibility: hidden;
  -webkit-transition: all ease-in-out 350ms;
  -moz-transition: all ease-in-out 350ms;
  -o-transition: all ease-in-out 350ms;
  -ms-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
}
.commercial-project-block:hover .overlay-bg {
  width: 99%;
  height: 99%;
  /* margin: 2px; */
  visibility: visible;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.overlay-plus-btn{
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all ease-in-out 400ms;
  -moz-transition: all ease-in-out 400ms;
  -o-transition: all ease-in-out 400ms;
  -ms-transition: all ease-in-out 400ms;
  transition: all ease-in-out 400ms;
}
.commercial-project-block:hover .overlay-plus-btn{
  width: 34px;
  height: 34px;
}
#ourworkTab .resp-tab-content {
  border: none;
}
#ourwork-section h1{
  padding-left: 12%;
  margin-bottom: 20px;
}
.work-slider.owl-carousel .owl-item {
  float: left;
  padding: 15px;
}
.work-slider {
  margin: 50px 0px 20px 0px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #becece;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 18px;
  height: 18px;
  margin: 5px 7px;
  filter: Alpha(Opacity=100);
  opacity: 1;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  border: 5px solid #fff;
}
.work-slider.owl-theme .owl-controls {
  margin-top: 60px;
}
#work-list ul.resp-tabs-list {
  padding-left: 40px;
}

/*********************/
#customer-section
{
  padding-top: 100px;
}
.tab-heading{
  color: #005369;
  font-size: 42px;
  text-align: center;
  margin-bottom: 30px;
}
#customer-section .service-tab-li-inner h4{
  width: 130px;
  height: 130px;
  border: 12px solid #f0f0f0;
  border-radius: 100%;
  box-shadow: 0px -2px 4px #cccccc;
  color: #bcbec0;
  font-size: 58px;
  font-family: 'Oswald', sans-serif;
  display: table;
  font-weight: bold;
  background: #fff;
}
#customer-section .service-tab-li-inner h4 span{
  display: table-cell;
  vertical-align: middle;
}
#customer-section .service-tab-li-inner h3{
  color: #bcbec0;
  font-size: 24px;
}
#customer-section .resp-tab-active h3{
  color: #00addb;
}
#customer-section .resp-tab-active h3::after{
  content: '';
  background: #00addb;
  height: 7px;
  width: 100%;
  position: absolute;
  bottom: -8px;
  left: 0; 
}
#customer-section .resp-tabs-list li{
  border: none;
  margin: 0 40px;
  background: none !important;
  float: none;
  position: relative;
}
#customer-section .resp-tabs-list li::after{
  content: '';
  background: #f0f0f0;
  height: 12px;
  box-shadow: 2px -1px 4px #cccccc;
  width: 100%;
  position: absolute;
  top: 78px;
  left: 90%; 
}
#customer-section .resp-tabs-list {
  margin: 0px;
  padding: 0px;
  border-bottom: 2px solid #f2f2f2;
}
#customer-section .resp-tabs-list li:last-child::after{
  display: none;
}
#customer-section .resp-tab-active h4{
  background: #00addb;
}
#customer-section .resp-tab-active h4 span{
  color: #fff;
}
.customer-description strong{
  font-size: 24px;
  font-weight: bold;
}
.customer-content-block {
  border: none;
  padding: 70px 20px;
}
.customer-description{
  line-height: 28px;
  color: #16262b;
}
.labor-block{
  position: relative;
  padding-bottom: 170px;
}
.labor-block::after{
  content: '';
  position: absolute;
  background: #1cb6df;
  height: 60px;
  width: 100%;
  top: 50px;
  z-index: -1;
}
.labor-col {
    background: #fff;
    background: -webkit-linear-gradient(left,, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.9) 8%, rgb(255, 255, 255) 25%,rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.01) 100%));
    background: -o-linear-gradient(right,, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.9) 8%, rgb(255, 255, 255) 25%,rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.01) 100%));
    background: -moz-linear-gradient(right,, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.9) 8%, rgb(255, 255, 255) 25%,rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.01) 100%));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.9) 8%, rgb(255, 255, 255) 25%,rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.01) 100%);
    padding: 0px 100px;
}
.labor-content{
  font-size: 24px;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
}
#make-sure-parallax {
    padding: 7.5% 0px;
}
.parallax-text h1{
  font-size: 72px !important;
  font-weight: bold !important;
  line-height: 62px;
}
.warning-section{
  padding: 130px 0;
}
.warning-list{
  padding: 30px 0;
}
.warning-list-block{
  color: #16262b;
  font-size: 20px;
  display: inline-block;
  padding: 15px 15px;
  font-weight: 600;
  padding-right: 8%;
  padding-left: 8%;
}
.warning-list-block::after{
  content: '';
  position: absolute;
  left: 12%;
  top: 24px;
  width: 10px;
  height: 10px;
  border: 1px solid #1db6df;
  border-radius: 100%;
}
.warning-list-block::before{
  border: 1px solid #00adf2;
  width: 10px;
}
.warning-footer{
  text-align: center;
  padding: 0 14%;
}
.warning-footer strong{
  font-size: 24px;
  font-weight: 600;
}
.service-block {
  height: 400px;
  background-size: cover !important;
  background-position: center !important;
  padding: 0 !important;
  overflow: hidden;
}
.service-heading{
  background: #16262b;
  color: #fff;
  font-size: 42px;
  text-align: center;
  margin: 0;
  padding: 18px 0;
}
.overlay {
  background: #003e57;
  text-align: center;
  height: 100%;
  width: 100%;
  margin-left: -100%;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  display: table;
}
.service-block:hover .overlay{
  display: table;
  width: 100%;
  height: 100%;
  margin-left: 0px;
}
.overlay-inner{
  vertical-align: middle;
  display: table-cell;
}
.overlay-inner span::after{
  background: #1db6df;
  width: 3px;
  height: 70px;
  position: absolute;
  bottom: 67px;
  content: '';
  right: 0;
  left: 0;
  margin: auto;
  visibility: hidden;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.service-block:hover .overlay .overlay-inner span::after{
  visibility: visible;
}
.overlay-inner h4{
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}
.overlay-inner span{
  color: #77d2f8;
}
#safety-list ul.resp-tabs-list{
  display: inline-block;
}

#special_block {
  width: 400px;
  min-height: 400px;
  position: fixed;
  right: -400px;
  top: 0;
  z-index: 9999;
  bottom: 0;
  margin: auto;
  max-height: 400px;
  height: 100%;
}

#special_block::-webkit-scrollbar {
  width: 0px;  /* remove scrollbar space */
  background: transparent;  /* optional: just make scrollbar invisible */
}
#special_block::-webkit-scrollbar-thumb {
  background: #FF0000;
}
#special_btn {
  background: url('images/special-btn.jpg') center center no-repeat;
  background-position: 100% -1px;
  float: left;
  position: absolute;
  cursor: pointer;
  width: 37px;
  height: 157px;
  right: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
}
#special_form_block {
  width: 100%;
  max-height: 400px;
  height: 100%;
  float: right;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: #fff;
  position: relative;
}
#special_form_block::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  left: -30px;
  background: #01addd;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn-block-child{
  display: inline-block;
}
.wp-pagenavi span.pages {
  display: none;
}
.wp-pagenavi a.first, .wp-pagenavi a.last{
  display: none;
}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 2px solid #e0dfd5;
  padding: 12px 18px;
  margin: 2px;
  display: inline-block;
  color: #00168b;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #00bdfe;
  background: #00bdfe;
  font-weight: 400 !important;
}
.wp-pagenavi {
  margin-top: 54px;
  display: inline-block;
  width: 100%;
}
.did-youKnow .container{
  overflow: hidden;
}
.services-tab ul.resp-tabs-list::before {
  content: '';
  background: url(images/left-shadow.png);
  width: 76px;
  height: 125px;
  position: absolute;
  left: -76px;
  bottom: 0;
}
.services-tab ul.resp-tabs-list::after {
  content: '';
  background: url(images/right-shadow.png);
  width: 76px;
  height: 125px;
  position: absolute;
  right: -76px;
  bottom: 0;
}