/***
Background Image Holders
***/

.header1 {
 background: url(../img/header/01.jpg) no-repeat center center / cover;
}
.header2 {
 background: url(../img/header/02.jpg) no-repeat center center / cover;
}
.header3 {
 background: url(../img/header/03.jpg) no-repeat center center / cover;
}
.header4 {
 background: url(../img/header/04.jpg) no-repeat center center / cover;
}
.header5 {
 background: url(../img/header/05.jpg) no-repeat center center / cover;
}

.hand .innerPage-banner {
    background: url(../img/headers/handrail-header.jpg) no-repeat center center / cover;
    position: relative;
    z-index: 1;
}
.bespoke .innerPage-banner {
    background: url(../img/headers/bespoke-header.jpg) no-repeat center center / cover;
    position: relative;
    z-index: 1;
}
.design .innerPage-banner {
    background: url(../img/headers/design-header.jpg) no-repeat center center / cover;
    position: relative;
    z-index: 1;
}
.structural .innerPage-banner {
    background: url(../img/headers/structural-header.jpg) no-repeat center center / cover;
    position: relative;
    z-index: 1;
}
.shop .innerPage-banner {
    background: url(../img/headers/shop-header.jpg) no-repeat center center / cover;
    position: relative;
    z-index: 1;
}

#structural {
  background-image: url(../img/bg/structural.jpg);
}
#shop {
  background-image: url(../img/bg/shop.jpg);
}
#bespoke {
  background-image: url(../img/bg/bespoke.jpg);
}
#handrails {
  background-image: url(../img/bg/handrails.jpg);
}
#design {
  background-image: url(../img/bg/design.jpg);
}


.offers1 {
 background: url(../img/offer/01.jpg) no-repeat center center / cover;
}
.offers2 {
 background: url(../img/offer/02.jpg) no-repeat center center / cover;
}
.offers3 {
 background: url(../img/offer/03.jpg) no-repeat center center / cover;
}
.offers4 {
 background: url(../img/offer/04.jpg) no-repeat center center / cover;
}

/***
Font changes
***/

.widget-single > ul > li.current-menu-item > a {
    background: #008000;
    color: #fff;
}

.contact-single > h4 {
    font-size: 24px;
}

.contact-single > p {
    font-size: 12px;
}

/***
Page changes
***/

.contact-info {
    margin-top: 100px;
    margin-bottom: 200px;
}

.pageBanner-content {
    padding: 100px 0 60px 140px;
}

.service-section {
    padding: 80px 0 150px;
}

.single-service, .service-aside {
    margin: 80px 0 150px 0;
}

.footer-top {
    margin-top: 50px;
}

/** Slider **/

#mainSlider .item-inner {
    height: 550px;
}

.slider-content > h2 {
    font-size: 60px;
}

#mainSlider .carousel-indicators li {
    height: 60px;
}

/** Gallery Reuse **/

.block{
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 0px;
}

.other-middle {
    padding: 125px 0;
}

.other-top + .other-middle {
    padding: 5px 0 75px;
}

.other-gallery, .other-gallerys {
    margin: 0 -5px;
}

.other-gallery{
    margin: 0 -5px;
    display: inline;
    width: 34%;
    max-height: 175px;
    overflow: hidden;
  }

.other-gallery figure, .other-gallerys figure {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*max-width: 25%;*/
    padding: 15px;
}

.other-gallery figure > a, .other-gallerys figure > a {
    display: block;
    position: relative;
    background: #008000;
}

.other-gallery figure > a::before,
.other-gallery figure > a::after,
.other-gallerys figure > a::before,
.other-gallerys figure > a::after  {
    position: absolute;
    content: '';
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease 0s;
}

.other-gallery figure > a:hover::before,
.other-gallery figure > a:hover::after,
.other-gallerys figure > a:hover::before,
.other-gallerys figure > a:hover::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: all .4s ease .1s;
}

.other-gallery figure > a:hover::before, .other-gallerys figure > a:hover::before {
    width: 1px;
    height: 50%;
}

.other-gallery figure > a:hover::after, .other-gallerys figure > a:hover::after {
    width: 50%;
    height: 1px;
}

.other-gallery figure > a > img, .other-gallerys figure > a > img {
    transition: all .3s ease;
    width: 100%;
}

.other-gallery figure > a:hover > img, .other-gallerys figure > a:hover > img {
    opacity: .1;
}

.other-col {
  margin-bottom: 25px;
  margin-top: 30px;
}

.other-col > h2 {
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    color: #020202;
    margin-bottom: 35px;
}

.other-gallery figure > a.hidden{
  display:none;
}

/** Gallery Popup **/

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    font-weight: bold;
}

.top-count {
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    font-weight: bold;
}

/** Mobile Fixes **/

@media (max-width: 1366px){
    #mainSlider .carousel-indicators {
        width: 95px;
        bottom: 40px;
    }

    #mainSlider .carousel-indicators li {
        height: 30px;
    }

    .service-section {
        padding: 80px 0 80px;
    }
}

@media (max-width: 1199px){
    .call-to-action h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .footer-col > h2 {
        width: 100%;
    }
}

@media (max-width: 992px){
    .pageBanner-content {
        padding: 150px 0 40px;
    }

    .order-1 .single-service {
        margin: 80px 0 0px 0;
    }
}

@media (max-width: 767px){

  .carousel-inner {
      padding-top: 30px;
  }

  .slider-content {
      padding-bottom: 0px;
  }

  .slider-content > p {
      font-size: 16px;
      line-height: 25px;
  }

}