.jh-solid-box {background-color: #eeeeee; margin: 1em 0; padding:30px; min-height:0px; display:block;}

.jh-solid-box2 {background-color: #D46A00; margin: 1em 0; padding:30px; min-height:0px; display:block;}

@media only screen and (min-width: 800px){.d0moveupsection {margin-top: -80px; z-index: 10; position: relative;}}

h1 {font-size: 16px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}

h2 { text-transform: uppercase !important;  letter-spacing: 2px !important;}

.jh-service-box-link {
    background-color: #fafafa;
    margin: 1em 0;
    padding: 30px;
    min-height: 355px;
    display: block;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
}

.jh-service-box-link:hover,
.jh-service-box-link:focus {
    background-color: #dcdcdc;
    text-decoration: none;
    color: inherit;
}

@media only screen and (min-width: 800px) {
    .d0slantedbg {
        clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 90%, 50% 90%, 0 100%, 0 0);
    }
}
.subheader-text {text-transform: uppercase; font-style: bold;}

.jh-solid-box3 {background-color: #fafafa; margin: 1em 0; padding:30px; min-height:0px; display:block;}

@media (max-width: 768px) {
  .btn {
    margin: 10px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }}

@media (max-width : 799px) { #body h1, #body h2, #body h3, #body p {text-align: center;} } 

@media only screen and (max-width: 799px) {.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 0px; padding-right: 0px;}} 

@media (max-width : 799px) {h2 {font-size: 1.7em !important;}}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

img {border-radius: 10px;}

h3 {font-family: 'Gabarito', sans-serif !important;}

@media (max-width: 991px) {
    #header div.menu_container {
        position: fixed;
        top: 0;
        height: 60px;
        width: 100%;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0) !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }}

@media only screen and (min-width: 799px) {
  .sticky-section {
    position: sticky;
    top: 140px;
  }
}

.ub-compliment-dark {
  background-image: url(/shared/images/content/bus_58406/electrician-in-Aylesbury31.jpg);
  background-attachment: scroll;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

#dotgo-accordion6 .ui-state-default {background: #074494 !important; border: 1px solid #074494 !important;}

#dotgo-accordion6 .ui-state-active {background: #09709c; border: 0px solid rgba(0,0,0,0);}

#dotgo-accordion6 .ui-widget-content {background: #fff; border: 1px solid rgba(0,0,0,0); color:#000000 !important;}

#dotgo-accordion6 h4 {color: #fff;}

#dotgo-accordion6 i {color: #FFAA06;}

.ui-accordion .ui-accordion-content p {color: #000000 !important;}

.parallax-black {background-color: rgba(0,0,0,0.5);}