.container-fluid.no-padding .row,body{
    margin:0
}
h1.initial,h1.lower,p.header.lower{
    text-transform:initial
}
h1,h2.highlight{
    line-height:1.2
}
h1,h2,h3{
    text-transform:uppercase
}
.text-center,.title-block{
    text-align:center
}
h1,h2,h3,p,p.header{
    color:#6c6c6c
}
.btn,.btn.dark{
    border:1px solid #172b3a
}
.btn,.dropdown-field,.title-block h1 span{
    display:inline-block
}
.title-block .tag + span{
    height:30px;
}
#reset-postcode,a.underline{
    text-decoration:underline
}
#logo_container .tagline,#valeslider .caption,.nav .menu-right .rab,h1,h2,h3,p.header{
    font-family:baskerville
}
#reset-postcode,.dbtn,.dropdown-field,.light.hover-dark,div.menu-burger{
    cursor:pointer
}
@keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-moz-keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-ms-keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeout{
    0%{
        opacity:1;
        z-index:10
    }
    50%{
        opacity:0;
        z-index:10
    }
    100%{
        opacity:0;
        z-index:-10
    }
}
@-moz-keyframes fadeout{
    0%{
        opacity:1;
        z-index:10
    }
    50%{
        opacity:0;
        z-index:10
    }
    100%{
        opacity:0;
        z-index:-10
    }
}
@-webkit-keyframes fadeout{
    0%{
        opacity:1;
        z-index:10
    }
    50%{
        opacity:0;
        z-index:10
    }
    100%{
        opacity:0;
        z-index:-10
    }
}
@-ms-keyframes fadeout{
    0%,50%{
        z-index:10
    }
    100%,50%{
        opacity:0
    }
    0%{
        opacity:1
    }
    100%{
        z-index:-10
    }
}
@keyframes slow-slide{
    0%{
        -webkit-transform:translate3d(3%,0,0) scale(1.1);
        transform:translate3d(3%,0,0) scale(1.1)
    }
    to{
        -webkit-transform:translateZ(0) scale(1);
        transform:translateZ(0) scale(1)
    }
}
@keyframes slow-slide-right{
    0%{
        -webkit-transform:translate3d(-3%,0,0) scale(1.1);
        transform:translate3d(-3%,0,0) scale(1.1)
    }
    to{
        -webkit-transform:translateZ(0) scale(1);
        transform:translateZ(0) scale(1)
    }
}
@keyframes slow-zoom{
    0%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes slow-zoom-in{
    0%{
        -webkit-transform:scale(1.1);
        transform:scale(1)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1.1)
    }
}
body{
    padding:100px 0 0;
    font-size:16px
}
h1,h2,h3{
    margin:0 0 30px;
    padding:0;
    font-weight:400
}
h1{
    font-size:34px
}
h1.initial{
    font-size:40px
}
h1 b,h2 b{
    color:#000;
    border-bottom:2px dotted #ccc;
    height:45px;
    font-weight:400
}
.container-fluid.no-padding,.force-grid .row div{
    padding:0!important
}
h2{
    line-height:1.1;
    font-size:29px
}
h2.initial,p.header.initial{
    text-transform:initial;
    font-size:34px
}
h2.highlight{
    font-size:34px;
    letter-spacing:1px;
    max-width:1150px;
    margin:auto
}
h3,p.header{
    line-height:1.1
}
.title-block{
    background:#fff;
    padding:60px 0
}
.title-block .tag,.title-block-tag{
    height:45px;
    width:150px;
    background-color:rgba(0,0,0,.7);
    color:#fff;
    display:inline-block;
    padding:10px 20px;
    font-size:18px;
    letter-spacing:2px
}
.grey-block,.light{
    background:#f5f5f5
}
.page-section.small,footer{
    padding:40px 0
}
#reset-postcode,.btn{
    letter-spacing:1px;
    text-transform:uppercase
}
.title-block h1 span{
    width:100%;
    text-align:center;
    font-size:50px
}
img.r{
    max-width:100%;
    width:100%
}
.text-left{
    text-align:left
}
#top_links,.text-right{
    text-align:right
}
.mt-05,.pt-05{
    margin-top:5px
}
.mt-1{
    margin-top:10px
}
.mt-2{
    margin-top:20px
}
.mt-3{
    margin-top:30px
}
.mt-4,footer #links{
    margin-top:40px
}
.mt-5{
    margin-top:50px
}
.mt-6{
    margin-top:60px
}
.mt-8{
    margin-top:80px
}
.mt-12{
    margin-top:120px
}
#lightgallery .row,.mb-05{
    margin-bottom:5px
}
.mb-1{
    margin-bottom:10px
}
.mb-2{
    margin-bottom:20px
}
.mb-3{
    margin-bottom:30px
}
.mb-4{
    margin-bottom:40px
}
.mb-5{
    margin-bottom:50px
}
.mb-6{
    margin-bottom:60px
}
.mb-8{
    margin-bottom:80px
}
.mb-12{
    margin-bottom:120px
}
.pt-1{
    padding-top:10px
}
.pt-2{
    padding-top:20px
}
.pt-3{
    padding-top:30px
}
.pt-4{
    padding-top:40px
}
.pt-5{
    padding-top:50px
}
.pt-6{
    padding-top:60px
}
.pt-8{
    padding-top:80px
}
.pt-12{
    padding-top:120px
}
.pb-05{
    padding-bottom:5px
}
.pb-1,header a.number{
    padding-bottom:10px
}
.pb-2{
    padding-bottom:20px
}
.pb-3{
    padding-bottom:30px
}
.pb-4{
    padding-bottom:40px
}
.pb-5{
    padding-bottom:50px
}
.pb-6{
    padding-bottom:60px
}
.pb-8{
    padding-bottom:80px
}
.pb-12{
    padding-bottom:120px
}
.p-3{
    padding:0 3rem!important
}
.p-6{
    padding:0 6rem!important
}
#lightgallery{
    overflow:hidden
}

#lightgallery a { position:relative; }

a.gallery1 span {
    position: absolute;
    top: 5px;
    left: 10px;
    padding: 4px;
	font-size: 18px;
	text-shadow: -1px -1px 0 #7987a1, 1px -1px 0 #7987a1, -1px 1px 0 #7987a1, 1px 1px 0 #7987a1;
	color: #fff;

}


#lightgallery img{
    height:100%;
    max-width:initial
}
.case-studies-block{
    margin-right:-1.25rem;
    margin-left:-1.25rem
}
.case-studies-block.row .case-studies-item,.galleries .row>a{
    padding-right:1.25rem;
    padding-left:1.25rem
}
p.header{
    margin-bottom:0;
    font-size:29px;
    text-transform:uppercase
}
div.error,div.notification,header{
    color:#000;
    box-sizing:border-box
}
.feature-img{
    position:relative;
    margin-bottom:100px
}
.feature-img>img{
    width:85%;
    float:left
}
.feature-img>img:nth-child(2){
    width:300px;
    position:absolute;
    bottom:-110px;
    right:0;
    border:4px solid #fff
}
.light .feature-img>img:nth-child(2){
    border:4px solid #f5f5f5
}
.compulsory{
    color:red
}
.zero{
    line-height:0;
    padding:0!important
}
.row.dark{
    background:#172b3a;
    color:#d4dfe7
}
.light{
    color:#717171
}
.btn,a{
    color:#172b3a;
    text-decoration:none
}
.brochure-form .field input.dark,.btn:hover,.light.hover-dark:hover{
    background:#172b3a;
    color:#fff
}
a{
    font-size:16px
}
.page-section{
    padding:80px 0
}
.brochure-form .field input.btn.dark,.btn{
    padding:10PX 16PX
}
.page-section.no-padding,.page-section.no-padding .row>div{
    padding:0
}
.page-section.no-padding .row{
    margin-left:-2em;
    margin-right:-2em
}
.grey-block{
    box-shadow:rgb(0 0 0 / 30%) 0 9px 18px -18px inset
}
.btn{
    font-size:12px;
    letter-spacing:2px;
    -webkit-transition:opacity .4s ease-out,color .4s ease-out,background 240ms ease-out;
    transition:opacity .4s ease-out,color .4s ease-out,background 240ms ease-out
}
.btn.dark{
    background:#fff;
    color:#1a2b3a;
    font-weight:700
}
.btn.light{
    color:#d4dfe7;
    border-color:#d4dfe7;
    -webkit-transition:.5s ease-in-out;
    -ms-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    background-color:transparent
}
.btn.light:hover,.btn.lightsolid{
    background:#d4dfe7;
    color:#172b3a
}
a.btn.lightsolid:hover{
    text-decoration:none
}
.dropdown-field{
    position:relative;
    width:300px;
    border:2px solid #dfdfdf;
    box-sizing:border-box;
    padding:6px 5px;
    color:#474747;
    font-family:Jost,sans-serif;
    font-size:15px;
    background-color:#fff;
    margin-left:60px
}
.footer-rab,footer{
    background:#172b3a
}
.dropdown-field .inner,.show-nav div.menu-burger span:last-child{
    display:none
}
#sliderVideo,.arrow-bounce.show,.dropdown-field.open .inner,.nav .menu-left .inner div.open a.sub{
    display:block
}
.dropdown-field .arrow{
    position:absolute;
    top:8px;
    right:5px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    border:solid #000;
    border-width:0 3px 3px 0;
    display:inline-block;
    padding:3px;
    vertical-align:middle
}
.dropdown-field.open .arrow{
    border-color:transparent
}
.dropdown-field.open .arrow:after,.dropdown-field.open .arrow:before{
    position:absolute;
    left:5px;
    top:-2px;
    content:' ';
    height:15px;
    width:2px;
    background-color:#333
}
.dropdown-field.open .arrow:before{
    transform:rotate(90deg)
}
.dropdown-field .swatch li{
    width:20%;
    height:50px;
    float:left;
    border:0 solid transparent!important
}
.dropdown-field .swatch li.selected::before{
    content:"";
    display:inline-block;
    transform:rotate(45deg);
    height:25px;
    margin-top:-4px;
    width:12px;
    border-bottom:7px solid #fff;
    border-right:7px solid #fff
}
.dropdown-field .inner ul{
    padding:0;
    margin:2px 0 0;
    position:absolute;
    top:100%;
    left:-2px;
    right:-2px;
    background:#fff;
    z-index:2
}
.dropdown-field .inner.swatch ul{
    border:2px solid #dfdfdf;
    margin-top:-2px
}
.dropdown-field .inner li{
    border:2px solid #dfdfdf;
    list-style-type:none;
    padding:8px;
    margin:-2px 0 0;
    z-index:1;
    position:relative
}
.dropdown-field .inner li.selected{
    border:2px solid #172b3a;
    z-index:2
}
.brochure-form .field label{
    font-size:15px;
    margin-top:5px;
    display:inline-block;
    box-sizing:border-box
}
.brochure-form .field{
    padding:0 15px;
    display:inline-block;
    width:49%;
    text-align:left;
    vertical-align:top;
    float:none;
    max-width:100%;
    box-sizing:border-box
}
.brochure-form .field input,.brochure-form .field select{
    width:100%;
    border:2px solid #dfdfdf;
    box-sizing:border-box;
    padding:5px;
    color:#474747;
    font-family:Jost,sans-serif;
    font-size:15px;
    background-color:#fff
}
#sliderVideo{
    margin:0 auto;
    object-fit:cover;
    width:100%
}
.brochure-form #postcode_results{
    display:none;
    margin-top:20px;
    background:#dfdfdf
}
form .brochurechoice .logo{
    border:0!important;
    width:175px;
    max-width:100%;
    margin-top:10px
}
div.error{
    width:100%;
    font-size:12px;
    background:#ff6d6d;
    display:inline-block;
    padding:5px 10px
}
div.notification{
    width:100%;
    font-size:12px;
    background:#e8e8e8;
    border:1px solid #bbb;
    display:inline-block;
    padding:5px 10px;
    margin:10px 0
}
#reset-postcode{
    font-size:11px;
    font-weight:400;
    float:left;
    margin-top:10px
}
.brochure-form .brochurechoice.failedred,.brochure-form .field input.failedred,.brochure-form .field select.failedred{
    border:2px solid #ff6d6d!important
}
.brochure-form #toggle_manual_address{
    cursor:pointer;
    position:absolute;
    top:0;
    right:0;
    float:right;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:.5px;
    color:#474747;
    margin-top:6px;
    text-decoration:none
}
.brochure-notes-container textarea{
    height:132px;
    width:100%;
    border:2px solid #dfdfdf;
    font-family:adrianna-extended,sans-serif;
    padding:5px;
    box-sizing:border-box;
    color:grey;
    margin:0;
    resize:vertical
}
.footer-rab{
    text-transform:uppercase;
    font-size:12px;
    text-decoration:none;
    border:1px solid #172b3a;
    padding:15PX 16PX;
    display:none;
    color:#fff;
    letter-spacing:2px;
    -webkit-transition:opacity .4s ease-out,color .4s ease-out,background 240ms ease-out;
    transition:opacity .4s ease-out,color .4s ease-out,background 240ms ease-out;
    height:50px;
    margin-top:-50px;
    text-align:center;
    top:100%;
    left:50%;
    margin-left:-125px;
    width:250px;
    position:fixed;
    z-index:3;
    box-sizing:border-box
}
.transition-container{
    width:100vw;
    display:flex;
    justify-content:center;
    align-items:center
}
.transition-inner{
    width:100%;
    position:relative
}
.nav,div.menu-burger,header{
    position:fixed;
    top:0
}
.transition-image.top{
    width:50%;
    overflow:hidden;
    border-right:10px solid #fff;
    position:absolute;
    top:0
}
.nav{
    height:0;
    width:100%
}
.nav .menu-left{
    width:66.66%;
    padding-right:7%;
    height:100vh;
    background:#fff;
    position:absolute;
    top:0;
    left:-67%;
    transition:left 1s ease-in-out;
    -moz-transition:left 1s ease-in-out;
    -webkit-transition:left 1s ease-in-out;
    -o-transition:left 1s ease-in-out
}
.nav .menu-left .inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:100%;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    flex-direction:column
}
.nav .menu-left .inner a,.nav .menu-left .inner div{
    font-family:Baskerville;
    width:500px;
    position:relative;
    max-width:100%
}
.nav .menu-left .inner div.open{
    background:#f1f1f1
}
.nav .menu-left .inner div a.sub{
    display:none;
    font-size:26px;
    padding:5px 0
}
.nav .menu-left .inner div.open a.sub:hover{
    background:#e9e9e9
}
.nav .menu-left .inner a{
    font-size:40px;
    width:100%;
    display:inline-block;
    padding:12px 0
}
.nav .menu-left .inner div a:first-child:after{
    position:absolute;
    content:"";
    width:8px;
    height:8px;
    right:24px;
    top:25px;
    border:solid #adb8c1;
    border-width:0 3px 3px 0;
    display:inline-block;
    padding:3px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}
.nav .menu-left .inner .open a:after{
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    top:30px
}
.nav .menu-right{
    background-color:#172b3a;
    display:block;
    width:41%;
    position:absolute;
    right:-42%;
    top:0;
    height:100vh;
    transition:right 1s ease-in-out;
    -moz-transition:right 1s ease-in-out;
    -webkit-transition:right 1s ease-in-out;
    -o-transition:right 1s ease-in-out
}
.menu-burger:after,.slides-pagination a.current,header{
    background:#fff
}
.nav .menu-right img{
    box-sizing:border-box;
    max-width:100%;
    width:100%
}
.nav .menu-right .rab{
    background-color:#172b3a;
    color:#fff;
    border:1px solid #fff;
    width:80%;
    max-width:400px;
    display:inline-block;
    font-size:30px;
    padding:15px;
    box-sizing:border-box;
    border-radius:1px;
    margin-top:40px
}
.nav .menu-right .details{
    width:100%;
    position:absolute;
    font-family:baskerville;
    font-size:20px;
    padding:15px;
    box-sizing:border-box;
    text-align:left;
    color:#d4dfe7;
    bottom:0;
    min-height:300px;
    background:#1a2b3a
}
.nav .menu-right .details p{
    color:#fff
}
.nav .menu-right .details a{
    color:inherit;
    font-size:inherit
}
.nav .menu-right .details>div{
    width:400px;
    margin:auto auto 40px;
    max-width:100%;
    text-align:center
}
.nav.show .menu-left{
    left:0
}
.nav.show .menu-right{
    right:0
}
header{
    text-align:center;
    padding-top:7px;
    z-index:5;
    height:100px;
    width:100%;
    left:0;
    border-bottom:1px solid #f3f3f3
}
footer,footer .header,footer h2{
    color:#d4dfe7
}
header a.number{
    letter-spacing:2px
}
header #top_links.right a.number{
    padding-bottom:0;
    padding-right:0;
    font-size:15px;
    letter-spacing:3px
}
header #top_links .btn{
    width:220px;
    height:34px;
    font-weight:400;
    padding:8px 0px;
    text-align:center;
    margin-bottom:10px
}
#logo_container{
    display:inline-block
}
#logo_container img{
    max-height:85px;
    max-width:238px;
    margin-top:5px
}
#logo_container .tagline{
    display:block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:13px;
    margin-top:4px
}
#top_links{
    position:absolute;
    right:25px;
    top:10px;
    display:flex;
    flex-direction:column
}
#top_links.right{
    align-items:center;
    top:18px
}
div.menu-burger{
    width:30px;
    display:block;
    z-index:11;
    padding:37px 25px
}
div.menu-burger span{
    float:left;
    height:1px;
    background-color:#172b3a;
    width:28px;
    display:inline-block;
    margin-bottom:6px
}
.show-nav div.menu-burger span:first-child{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-top:7px
}
.show-nav div.menu-burger span:nth-child(2){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top:-7px
}
.menu-burger:after{
    content:"MENU";
    position:absolute;
    left:100%;
    padding:36px 15px 39px;
    top:0;
    letter-spacing:2px;
    font-size:14px
}
#valeslider,.galleries div,.valeslidercontainer{
    position:relative
}
.valeslidercontainer.home{
    margin-top:-100px;
    overflow:hidden;
    position:relative
}
#valeslider{
    margin:0;
    padding:0;
    height:100%
}
#valeslider li{
    width:100%;
    position:absolute;
    height:100%;
    visibility:hidden;
    opacity:0;
    overflow:hidden;
    transition-property:opacity;
    transition-duration:3s;
    transition-timing-function:ease
}
#valeslider li.firstdelay img{
    animation-duration:7s;
    animation-delay:4s
}
#valeslider li.active,#valeslider li.previous{
    visibility:visible;
    opacity:1;
    z-index:3;
    background:#fff
}
#valeslider li.previous{
    z-index:2
}
#valeslider li:last-child.previous{
    z-index:2
}
#valeslider li img{
    width:100%
}
#valeslider li.active img,#valeslider li.active picture,#valeslider li.active video,#valeslider li.previous img,#valeslider li.previous picture,#valeslider li.previous video{
    animation-duration:7s;
    webkit-animation-iteration-count:1;
    -webkit-animation-name:slow-slide;
    -webkit-animation-timing-function:cubic-bezier(.59,.74,.71,.99);
    animation-iteration-count:1;
    animation-name:slow-slide;
    animation-timing-function:cubic-bezier(.59,.74,.71,.99)
}
#valeslider li.active img.zoom,#valeslider li.active picture.zoom,#valeslider li.previous img.zoom{
    -webkit-animation-name:slow-zoom
}
#valeslider li.active img.zoom-in,#valeslider li.active picture.zoom-in,#valeslider li.previous img.zoom-in{
    -webkit-animation-name:slow-zoom-in
}
#valeslider li.active img.right,#valeslider li.active picture.right,#valeslider li.previous img.right{
    -webkit-animation-name:slow-slide-right
}
#valeslider .caption{
    position:absolute;
    bottom:200px;
    width:100%;
    height:40px;
    z-index:7;
    left:0;
    right:0;
    text-align:center;
    color:#fff;
    font-size:40px;
    text-shadow:2px 2px 4px #172b3a;
    letter-spacing:1px
}
.valeslidercontainer ul.slides-container li img{
    max-width:100%
}
.valeslidercontainer .play{
    bottom:40px;
    left:50%;
    margin-left:-6px;
    border-color:transparent transparent transparent #fff;
    transition:.1s;
    border-style:solid;
    border-width:9px 0 9px 15px
}
.valeslidercontainer>ul{
    padding-top:100px!important;
    margin:0
}
.valeslidercontainer .play.pause{
    border-style:double!important;
    border-width:0 0 0 14px;
    height:14px
}
.slides-navigation.imagestest .play{
    margin-left:-16px;
    background-image:url(../play.svg);
    height:36px;
    width:36px;
    border:0
}
.slides-navigation.imagestest .pause{
    margin-left:-16px;
    background-image:url(../pause.svg);
    height:36px;
    width:36px;
    border:0
}
.slides-navigation{
    margin:0 auto;
    position:absolute;
    z-index:3;
    bottom:0;
    width:100%
}
.slides-navigation a{
    position:absolute;
    display:block
}
.slides-navigation a.next,.slides-navigation a.prev{
    width:25px;
    height:25px;
    color:#fff;
    text-decoration:none;
    bottom:40px
}
.page_slider .slides-navigation a.next,.page_slider .slides-navigation a.prev{
    height:25px;
    bottom:25px
}
.page_slider.withtitles .slides-navigation a.next,.page_slider.withtitles .slides-navigation a.prev{
    height:25px;
    bottom:30px
}
.slides-navigation a.prev{
    border:solid #fff;
    border-width:0 3px 3px 0;
    display:inline-block;
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    left:20px
}
.slides-navigation a.next{
    border:solid #fff;
    border-width:0 3px 3px 0;
    display:inline-block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    right:20px;
    left:auto
}
.slides-navigation a.next:after,.slides-navigation a.prev:after{
    position:absolute;
    top:-30px;
    bottom:-30px;
    right:-30px;
    left:-30px;
    content:"";
    -webkit-transform:rotate(-45deg)
}
.slides-pagination{
    position:absolute;
    z-index:4;
    bottom:12px;
    text-align:center;
    width:100%
}
.slides-pagination a{
    text-indent:-9999px;
    box-shadow:0 0 4px #172b3a;
    border:1px solid #fff;
    border-radius:15px;
    width:10px;
    height:10px;
    display:inline-block;
    vertical-align:middle;
    margin:0 4px;
    overflow:hidden;
    text-indent:-9999px
}
footer #links{
    background-color:#11202b;
    width:100%;
    text-align:center;
    padding:5px 0 10px;
    border-top:1px solid #2f414e;
    float:left
}
footer a{
    display:block;
    color:#afb6bb
}
footer #links a{
    color:#afb6bb;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1px;
    border-right:1px solid #afb6bb;
    padding-right:20px;
    padding-left:10px;
    box-sizing:border-box;
    display:inline-block;
    transition:color .5s linear
}
footer #social a{
    margin:0 10px;
    opacity:.5;
    transition:opacity .25s ease-in-out;
    -moz-transition:bopacity .25s ease-in-out;
    -webkit-transition:opacity .25s ease-in-out
}
footer #social a>img{
    width:48px
}
footer #social a:hover{
    opacity:.8
}
footer #social>a{
    width:48px;
    height:48px;
    DISPLAY:inline-block;
    background-image:url(../images/social-icons.png)
}
footer .footer-logo{
    width:100%;
    display:inline-block;
    opacity:.8
}
footer .footer-logo img{
    width:300px;
    max-width:100%
}
footer #social .fb{
    background-position:0 0
}
footer #social .twitter{
    background-position:144px 0
}
footer #social .instagram{
    background-position:96px 0
}
footer #social .houzz{
    background-position:48px 0
}
footer #social .linkedin{
    background-position:-48px 48px
}
footer #social .pinterest{
    background-position:0 48px
}
footer #social .youtube{
    background-position:-96px 48px
}
.cs-number { color: #6c6c6c; letter-spacing: 1px; text-transform:uppercase; }
.cs-overlay{
    position:absolute;
    font-size:28px;
    color:#fff;
    font-family:Times new Roman;
    font-style:italic;
    background:#c6d4e58c;
    line-height:initial;
    max-width:1000px;
    padding:8px 20px
}
.cs-overlay.green{
    background:#368c2d8c
}
.cs-overlay.black{
    background:#2317094c
}
.cs-overlay.grey{
    background:#c6d4e58c
}
.cs-overlay.brown{
    background:#7b675a73
}
.cs-overlay.left{
    left:80px
}
.cs-overlay.top{
    top:80px
}
.cs-overlay.right{
    right:80px
}
.cs-overlay.bottom{
    bottom:80px
}
.about-box{
    z-index:0;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.line-height{
    line-height:0!important
}
@media screen and (max-width:1025px){
    h1,p.header{
        font-size:28px!important
    }
    .nav .menu-left .inner a,h2.initial{
        font-size:28px
    }
    .nav .menu-left .inner div a.sub{
        font-size:24px;
        padding:3px 0
    }
    .nav .menu-left .inner a:first-child:after{
        top:14px!important
    }
    .no-padding-sm{
        padding:0!important
    }
    .mt-05,.mt-05-xs,.pt-05{
        margin-top:5px
    }
    .mt-1,.mt-1-xs,.mt-2,.mt-3{
        margin-top:10px
    }
    .mt-12,.mt-2-xs,.mt-4,.mt-5,.mt-6,.mt-8{
        margin-top:20px
    }
    .mb-05,.mb-05-xs{
        margin-bottom:5px
    }
    .mb-1,.mb-1-xs,.mb-2,.mb-3{
        margin-bottom:10px
    }
    .mb-12,.mb-2-xs,.mb-4,.mb-5,.mb-6,.mb-8{
        margin-bottom:20px
    }
    .pt-1,.pt-2,.pt-3{
        padding-top:10px
    }
    .pt-12,.pt-4,.pt-5,.pt-6,.pt-8{
        padding-top:20px
    }
    .pb-05{
        padding-bottom:5px
    }
    .pb-1,.pb-2,.pb-3{
        padding-bottom:10px
    }
    .pb-12,.pb-4,.pb-5,.pb-6,.pb-8{
        padding-bottom:20px
    }
    .mt-0-xs{
        margin-top:0
    }
    .mt-3-xs{
        margin-top:30px
    }
    .mt-4-xs{
        margin-top:40px
    }
    .mt-5-xs{
        margin-top:50px
    }
    .mt-6-xs,.mt-8-xs{
        margin-top:60px
    }
    .mt-12-xs{
        margin-top:120px
    }
    .mb-0-xs{
        margin-bottom:0
    }
    .mb-3-xs{
        margin-bottom:30px
    }
    .mb-4-xs{
        margin-bottom:40px
    }
    .mb-5-xs{
        margin-bottom:50px
    }
    .mb-6-xs,.mb-8-xs{
        margin-bottom:60px
    }
    .mb-12-xs{
        margin-bottom:120px
    }
    .p-3{
        padding:0 1rem!important
    }
    .p-6{
        padding:0 2rem!important
    }
}
@media screen and (max-width:767px){
    h1,h2,p.header,p.header.fixed{
        font-size:24px!important
    }
    .cs-font-change,.cs-xs-override{
        font-family:Jost,sans-serif!important
    }
    .about-box,.cs-xs-override{
        position:relative!important
    }
    p{
        margin-block-start:20px;
        margin-block-end:20px
    }
    .case-studies .dropdown-field{
        margin:0;
        width:100%
    }
    .nav .menu-left{
        padding-right:0;
        width:100%;
        left:-100%
    }
    .thin-image-xs{
        height:175px;
        overflow:hidden
    }
    .hidden-xs{
        display:none!important
    }
    .footer-rab,.visible-xs{
        display:block
    }
    .page-section{
        padding:40px 0
    }
    .mb-12,.mb-2-xs,.mb-4,.mb-5,.mb-6,.mb-8,h1{
        margin-bottom:20px
    }
    h1.lower,h1.lower-xs,p.header.lower,p.header.lower-xs{
        text-transform:initial
    }
    h2.initial,p.header{
        font-size:16px!important;
        line-height:initial;
        font-family:Jost,sans-serif
    }
    h2.highlight{
        font-size:28px;
        margin-bottom:15px;
        line-height:initial;
        letter-spacing:initial
    }
    h2,p.header.fixed{
        margin-bottom:15px;
        font-family:baskerville;
        line-height:1.1
    }
    .text-center-xs{
        text-align:center
    }
    .text-left-xs{
        text-align:left
    }
    .text-right-xs{
        text-align:right
    }
    .galleries{
        padding:0 80px
    }
    .galleries a,div.no-padding-xs{
        padding:0!important
    }
    .page-section.small{
        padding:20px 0
    }
    .mt-05,.mt-05-xs,.pt-05{
        margin-top:5px
    }
    .mt-1,.mt-1-xs,.mt-2,.mt-3{
        margin-top:10px
    }
    .mt-12,.mt-2-xs,.mt-4,.mt-5,.mt-6,.mt-8{
        margin-top:20px
    }
    .mb-05,.mb-05-xs{
        margin-bottom:5px
    }
    .mb-1,.mb-1-xs,.mb-2,.mb-3{
        margin-bottom:10px
    }
    .pt-1,.pt-2,.pt-3{
        padding-top:10px
    }
    .pt-12,.pt-4,.pt-5,.pt-6,.pt-8{
        padding-top:20px
    }
    .pb-05{
        padding-bottom:5px
    }
    .pb-1,.pb-2,.pb-3{
        padding-bottom:10px
    }
    .pb-12,.pb-4,.pb-5,.pb-6,.pb-8{
        padding-bottom:20px
    }
    .mt-0-xs{
        margin-top:0
    }
    .mt-3-xs{
        margin-top:30px
    }
    .mt-4-xs{
        margin-top:40px
    }
    .mt-5-xs{
        margin-top:50px
    }
    .mt-6-xs,.mt-8-xs{
        margin-top:60px
    }
    .mt-12-xs{
        margin-top:120px
    }
    .mb-0-xs{
        margin-bottom:0
    }
    .mb-3-xs{
        margin-bottom:30px
    }
    .mb-4-xs{
        margin-bottom:40px
    }
    .mb-5-xs{
        margin-bottom:50px
    }
    .mb-6-xs,.mb-8-xs{
        margin-bottom:60px
    }
    .mb-12-xs{
        margin-bottom:120px
    }
    .p-3{
        padding:0 1rem!important
    }
    .p-6{
        padding:0 2rem!important
    }
    .no-padding-xs{
        padding:0
    }
    .nav .menu-right{
        display:none
    }
    .nav.show .menu-left{
        left:0
    }
    .cs-font-change{
        font-size:16px!important;
        padding-left:40px;
        padding-right:40px
    }
    .cs-xs-override{
        width:100%!important;
        top:auto!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        text-align:center!important;
        max-width:initial!important;
        font-style:normal;
        font-size:16px!important;
        padding:0 2rem
    }
}
@media only screen and (min-width:767px){
    .hidden-sm{
        display:none
    }
}
@media screen and (max-width:900px) and (max-height:1000px){
    .valeslidercontainer .play{
        border-width:11px 0 11px 20px
    }
    .valeslidercontainer .slides-navigation{
        margin-bottom:-10px
    }
}
@media only screen and (max-width:1300px){
    .brochure-form .field{
        width:100%;
        margin-left:auto!important;
        padding:0
    }
    .p-6{
        padding:0 2rem!important
    }
    .about-box{
        position:relative!important
    }
    #valeslider .caption{
        font-size:16px;
        top:20px!important
    }
}
@media only screen and (max-width:767px){
    .loading .text{
        font-size:22px!important
    }
    div.cs-overlay{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        background:0 0!important;
        color:#6c6c6c!important;
        text-align:center!important;
        padding:20px 2rem!important;
        font-style:normal;
        font-family:Jost,sans-serif;
        font-size:16px
    }
    header #top_links.right a.number{
        letter-spacing:1px;
        line-height:18px;
        text-align:center;
        padding-top:10px
    }
    .nav .menu-left .inner{
        min-height:auto;
        margin-top:90px
    }
    #logo_container img{
        margin-top:0
    }
    #logo_container .tagline,.menu-burger:after{
        display:none
    }
    .loading{
        padding-top:40vh!important
    }
    .loading img{
        width:200px!important
    }
    .slides-pagination{
        bottom:10px;
        display:none
    }
    .slides-navigation a.prev{
        left:15px
    }
    .slides-navigation a.next{
        right:15px
    }
    .slides-navigation a.next,.slides-navigation a.prev{
        height:25px!important;
        bottom:15px!important
    }
    header a.number{
        max-width:80px;
        padding-right:0!important
    }
    .nav .menu-left .inner a{
        font-size:24px
    }
    .nav .menu-left .inner div a.sub{
        font-size:20px;
        padding:3px 0
    }
    .nav .menu-left .inner a:first-child:after{
        top:14px!important
    }
}
.galleries span,.loading .text{
    color:#fff;
    font-family:baskerville
}
.wrap{
    box-sizing:border-box;
    max-width:1400px;
    margin:0 auto
}
.wrap-wide{
    max-width:1500px
}
.valeslidercontainer.animated,header.animated{
    opacity:0;
    animation:1s linear 3s forwards fadein
}
.loading{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#172b3a;
    z-index:10;
    text-align:center;
    padding-top:50VH;
    opacity:1;
    animation:3s linear 4s forwards fadeout
}
.loading .inner{
    opacity:0;
    animation:3s linear forwards fadein
}
.loading img{
    width:300px;
    height:auto
}
.loading .text{
    opacity:0;
    animation:3s linear .5s forwards fadein;
    font-size:26px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-top:45px
}
*{
    box-sizing:border-box
}
.arrow-bounce{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:40px;
    background-image:url(../images/down-arrow6-03.svg);
    background-size:contain;
    animation:2s infinite bounce;
    z-index:4;
    display:none
}
.arrow-bounce.big{
    bottom:370px;
    left:50%;
    margin-left:-29px;
    width:56px;
    height:64px
}
.arrow-bounce::before{
    position:absolute;
    top:-20px;
    content:"";
    left:0;
    bottom:-20px;
    right:0PX;
    CURSOR:POINTER
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.paint{
    margin-bottom:7px;
    display:flex;
    width:100%
}
.paint>div{
    width:16.666%;
    float:left
}
.paint>div>div{
    width:100%;
    box-sizing:border-box;
    border:1px solid #fff;
    height:75px;
    text-align:center;
    color:#363636;
    line-height:75px;
    font-size:14px;
    text-shadow:1px 1px 0 rgba(255,255,255,.5)
}
.paint>div>div.white{
    color:#fff;
    text-shadow:1px 1px 0 rgba(0,0,0,.5)
}
.paint1{
    background-color:#f4efe2
}
.paint2{
    background-color:#f1e8cb
}
.paint3{
    background-color:#efe8d7
}
.paint4{
    background-color:#e0dcc1
}
.paint5{
    background-color:#ccc6b3
}
.paint6{
    background-color:#dfd8b5
}
.paint7{
    background-color:#d4c8a6
}
.paint8{
    background-color:#c7bda3
}
.paint9{
    background-color:#c1c9a9
}
.paint10{
    background-color:#bcbb9c
}
.paint11{
    background-color:#a6a274
}
.paint12{
    background-color:#734823
}
.paint13{
    background-color:#b6ca90
}
.paint14{
    background-color:#bac4b0
}
.paint15{
    background-color:#c3d4cc
}
.paint16{
    background-color:#7ca39a
}
.paint17{
    background-color:#9ea477
}
.paint18{
    background-color:#6a8d62
}
.paint19{
    background-color:#647c65
}
.paint20{
    background-color:#152812
}
.paint21{
    background-color:#fbf8e6
}
.paint22{
    background-color:#fef8e6
}
.paint23{
    background-color:#d9d2bb
}
.paint24{
    background-color:#adab99
}
.paint25{
    background-color:#c9c6ba
}
.paint26{
    background-color:#adb1a7
}
.paint27{
    background-color:#92968a
}
.paint28{
    background-color:#c4bcaf
}
.paint29{
    background-color:#8a877b
}
.paint30{
    background-color:#787868
}
.paint31{
    background-color:#98a59e
}
.paint32{
    background-color:#4e5d56
}
.paint33{
    background-color:#293737
}
.paint34{
    background-color:#97a288
}
.paint35{
    background-color:#78836d
}
.paint36{
    background-color:#4f696a
}
.paint37{
    background-color:#3e4841
}
.paint38{
    background-color:#3a3e34
}
.paint39{
    background-color:#28261e
}
.paint40{
    background-color:#121611
}
.paint41{
    background-color:#c8c8c6
}
.paint42{
    background-color:#e3e7e6
}
.paint43{
    background-color:#cbcbbf
}
.paint44{
    background-color:#9ea496
}
.paint45{
    background-color:#bbbeb7
}
.paint46{
    background-color:#9ea198
}
.paint47{
    background-color:#d4d7d0
}
.paint48{
    background-color:#b9beba
}
.paint49{
    background-color:#abb6b8
}
.paint50{
    background-color:#96a2a2
}
.paint51{
    background-color:#e3e3e1
}
.lighting-bespoke{
    float:left;
    position:relative;
    width:100%;
    text-align:center
}
@media screen and (max-width:1450px){
    .lighting-bespoke img{
        max-width:100%;
        text-align:center;
        display:block;
        margin:auto!important;
        float:none!important
    }
    .lighting-bespoke div{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        right:auto!important;
        margin:auto!important;
        float:left;
        width:100%
    }
    .lighting-bespoke>div{
        width:50%
    }
    .lighting-bespoke>div.lighting-break{
        width:100%;
        float:left;
        margin-top:40px!important
    }
}
@media screen and (max-width:800px){
    .lighting-bespoke>div{
        width:50%;
        margin-left:25%!important
    }
}
.galleries .row>a:hover span{
    background:#22222208
}
.galleries a > div 
{
	line-height:0px;
}
.galleries span{
    background-color:#2222224d;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transition:background-color .2s;
    text-align:center;
    padding-top:40%;
    font-size:30px;
	line-height:normal;
}
.dbtn{
    display:inline-block;
    position:relative;
    border:none;
    color:#172b3a;
    font-size:18px;
    padding:22px 5px 12px;
    box-sizing:border-box;
    MARGIN-TOP:-100PX
}
.dbtn span::after,.dbtn span::before,.dbtn::after,.dbtn::before{
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    background:#172b3a;
    content:"";
    opacity:0;
    position:absolute;
    transition:opacity 1s;
    opacity:1
}
.dbtn::after,.dbtn::before{
    height:1px;
    width:0%
}
.dbtn::before{
    right:0;
    top:0;
    -webkit-animation-name:btn-border-top;
    animation-name:btn-border-top;
    -webkit-animation-duration:2.8s;
    animation-duration:2.8s
}
.dbtn span::before,.dbtn::after{
    left:0;
    -webkit-animation-duration:2.8s
}
.dbtn::after{
    bottom:0;
    -webkit-animation-name:btn-border-bottom;
    animation-name:btn-border-bottom;
    -webkit-animation-delay:.7s;
    animation-delay:.7s;
    animation-duration:2.8s
}
.dbtn span::after,.dbtn span::before{
    height:0%;
    width:1px
}
.dbtn span::before{
    top:0;
    -webkit-animation-name:btn-border-span-left;
    animation-name:btn-border-span-left;
    -webkit-animation-delay:.35s;
    animation-delay:.35s;
    animation-duration:2.8s
}
.dbtn span::after{
    bottom:0;
    right:0;
    -webkit-animation-name:btn-border-span-right;
    animation-name:btn-border-span-right;
    -webkit-animation-delay:1.05s;
    animation-delay:1.05s;
    -webkit-animation-duration:2.8s;
    animation-duration:2.8s
}
@-webkit-keyframes btn-border-top{
    0%{
        left:auto;
        right:0;
        width:0%
    }
    12.5%{
        left:auto;
        right:0;
        width:100%
    }
    12.6%{
        left:0;
        right:auto
    }
    50%{
        width:100%
    }
    62.5%{
        width:0%
    }
    100%{
        left:0;
        right:auto;
        width:0%
    }
}
@keyframes btn-border-top{
    0%{
        left:auto;
        right:0;
        width:0%
    }
    12.5%{
        left:auto;
        right:0;
        width:100%
    }
    12.6%{
        left:0;
        right:auto
    }
    50%{
        width:100%
    }
    62.5%{
        width:0%
    }
    100%{
        left:0;
        right:auto;
        width:0%
    }
}
@-webkit-keyframes btn-border-bottom{
    0%{
        right:auto;
        left:0;
        width:0%
    }
    12.5%{
        right:auto;
        left:0;
        width:100%
    }
    12.6%{
        right:0;
        left:auto
    }
    50%{
        width:100%
    }
    62.5%{
        width:0%
    }
    100%{
        right:0;
        left:auto;
        width:0%
    }
}
@keyframes btn-border-bottom{
    0%{
        right:auto;
        left:0;
        width:0%
    }
    12.5%{
        right:auto;
        left:0;
        width:100%
    }
    12.6%{
        right:0;
        left:auto
    }
    50%{
        width:100%
    }
    62.5%{
        width:0%
    }
    100%{
        right:0;
        left:auto;
        width:0%
    }
}
@-webkit-keyframes btn-border-span-left{
    0%{
        bottom:auto;
        top:0;
        height:0%
    }
    12.5%{
        bottom:auto;
        top:0;
        height:100%
    }
    12.6%{
        bottom:0;
        top:auto
    }
    50%{
        height:100%
    }
    62.5%{
        height:0%
    }
    100%{
        bottom:0;
        top:auto;
        height:0%
    }
}
@keyframes btn-border-span-left{
    0%{
        bottom:auto;
        top:0;
        height:0%
    }
    12.5%{
        bottom:auto;
        top:0;
        height:100%
    }
    12.6%{
        bottom:0;
        top:auto
    }
    50%{
        height:100%
    }
    62.5%{
        height:0%
    }
    100%{
        bottom:0;
        top:auto;
        height:0%
    }
}
@-webkit-keyframes btn-border-span-right{
    0%{
        top:auto;
        bottom:0;
        height:0%
    }
    12.5%{
        top:auto;
        bottom:0;
        height:100%
    }
    12.6%{
        top:0;
        bottom:auto
    }
    50%{
        height:100%
    }
    62.5%{
        height:0%
    }
    100%{
        top:0;
        bottom:auto;
        height:0%
    }
}
@keyframes btn-border-span-right{
    0%{
        top:auto;
        bottom:0;
        height:0%
    }
    12.5%{
        top:auto;
        bottom:0;
        height:100%
    }
    12.6%{
        top:0;
        bottom:auto
    }
    50%{
        height:100%
    }
    62.5%{
        height:0%
    }
    100%{
        top:0;
        bottom:auto;
        height:0%
    }
}
body.full header{
    background:0 0;
    border-bottom:0
}
body.full .valeslidercontainer.home #valeslider{
    padding-top:0
}
.force-grid,.force-grid .row{
    padding:0!important;
    margin:0!important
}

.widget-visible { display:none;}

.popup_minimized {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #172b3a;
    color: #fff;
    padding: 14px 18px 8px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    z-index: 9999;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
display:none;
    opacity: 0; 
}
@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes raise {
  0% { transform: translateY(0); }
  3% { transform: translateY(-8px); }
  6% { transform: translateY(0); }
  100% { transform: translateY(0); }
}


@keyframes doublePulse {
  0%   { transform: scale(1); }
  2%   { transform: scale(1.08); }
  4%   { transform: scale(1); }

  6%   { transform: scale(1.08); }
  8%   { transform: scale(1); }

  100% { transform: scale(1); }
}

@keyframes doubleJump {
  0%   { transform: translateY(0); }

  2%   { transform: translateY(-10px); }
  4%   { transform: translateY(0); }

  6%   { transform: translateY(-10px); }
  8%   { transform: translateY(0); }

  100% { transform: translateY(0); }
}