body, p { line-height: 20px; color: #3d3d3d }
a, body, p { color: #3d3d3d }
li, nav ul, ul { list-style: none }
a, a:focus, a:hover, ins { text-decoration: none }
article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section { display: block }
body, button, input, select, textarea { font-family: neuzeit-grotesk }
.no-padding, a, h1, h2, h3, h4, h5, h6, hr { padding: 0 }
.h2, .h4, h2, h4 { text-transform: uppercase }
.banner-text .btn, .logo { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.h1, .h2, .h3, .steps-box, .text-center, h1, h2, h3 { text-align: center }
.banner-section, .grid-item, .home-banner, .multiple-img-slider, .project-section { overflow: hidden }
body { font-size: 15px; line-height:24px; font-weight: 300 }
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 0 }
.bootstrap-select .dropdown-toggle:focus, a, a:focus, a:hover, a:vizit, button:focus, img, input {
outline:0!important
}
input[type="submit"]:hover { box-shadow: none; }
ins, mark { background-color: #ff9; color: #000 }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
a { margin: 0; font-size: 100%; vertical-align: baseline; background: 0 0; transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s }
p { margin-bottom: 10px; font-size: 15px; line-height:24px; }
.bootstrap-select .dropdown-toggle:focus { outline: -webkit-focus-ring-color auto 0!important }
a:focus, a:hover { outline: 0 }
ol { padding-left: 20px }
ol li { list-style: decimal }
mark { font-style: italic; font-weight: 700 }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }
table { border-collapse: collapse; border-spacing: 0 }
hr { height: 1px; border: 0; border-top: 1px solid #ececec; margin: 60px 0; background: 0 0; clear: both }
input, select { vertical-align: middle; outline: 0 }
* { box-sizing: border-box }
img { max-width: 100% }
a, button, img, input, select, textarea { outline: 0 }
.clear { clear: both }
.hidden { display: none }
.banner-text .info-block span, .h3, .hover-caption .title, .inner-banner-text p, h3 { font-family: freight-display-pro, sans-serif }
[placeholder], input[placeholder] {
color:#e1e1e1
}
::-webkit-input-placeholder {
color:#e1e1e1;
opacity:1;
filter: alpha(opacity=100)
}
:-moz-placeholder {
color:#e1e1e1;
opacity:1;
filter: alpha(opacity=100)
}
::-moz-placeholder {
color:#e1e1e1;
opacity:1;
filter: alpha(opacity=100)
}
:-ms-input-placeholder {
color:#e1e1e1!important;
opacity:1;
filter: alpha(opacity=100)
}
.wpcf7-form .placeheld { color: #e1e1e1!important; opacity: 1; filter: alpha(opacity=100) }
h1, h2, h3, h4, h5, h6 { color: #133138; font-weight: 700; margin-bottom: 20px }
.h1, h1 { font-size: 40px }
.h2, h2 { font-size: 28px; letter-spacing: 5px }
.h3, h3 { font-size: 23px; font-weight: 400; line-height: 28px }
.btn, .h6, h6 { font-weight: 700 }
.h4, h4 { font-size: 18px; letter-spacing: 4px; margin-bottom: 12px; margin-top: 0 }
.h5, h5 { font-size: 15px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 28px }
.btn, .h6, h6, ul.menu li a { letter-spacing: 2px; text-transform: uppercase }
.h6, h6 { font-size: 15px; margin-top: 4px; margin-bottom: 4px; color: #b5b6b6 }
.aligncenter, .alignleft, .alignright { margin-bottom: 20px }
select::-ms-expand {
display:none
}
.aligncenter { margin-top: 20px }
.btn { padding: 2px 18px 0; border: none; line-height: 22px; border-radius: 0; box-shadow: none; text-shadow: none }
.form-postcode .btn { padding-top: 0; }
.btn-primary, .btn-primary:hover, input[type=button] { border-radius: 0; display: table; background: 0 0; color: #648798!important; font-size: 15px; margin: 0 auto }
.banner-section, .logo, .main-navigation li, .main-navigation ul { display: inline-block }
.home .banner-section { position: relative; vertical-align: top }
.btn-secondary { background-color: rgba(255,255,255,.9); color: #648798!important; border: none; padding: 5px 15px; font-size: 15px }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus { background-color: transparent; border-color: #133138; box-shadow: none; text-shadow: none; outline: 0 }
.btn.active, .btn:active { box-shadow: none!important }
.btn-primary:hover { border-color: #133138 }
.grey { background-color: #f3f3f3 }
.top-header { width: 100%; height: 116px; margin: 0; padding: 38px 0; float: left }
.logo { left: 50%; margin: 5px 0 0; max-width: 168px; padding: 0; position: absolute; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 100% }
.top-footer .email, .top-footer .phone, .top-header .email, .top-header .phone { padding: 12px 0; font-size: 15px }
.top-footer a:hover, .top-header a:hover { color: #8ea0a4 }
.main-navigation { border-top: 1px solid #dbdbdb }
.main-navigation ul { margin: 0 auto }
.main-navigation li { float: none }
ul.menu li a { color: #133138; font-size: 15px; margin: 0 37px; padding: 11px 0; transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s }
.menu-footer-menu-container ul.menu li:first-child a, ul.menu li:first-child a { margin-left: 0 }
.menu-footer-menu-container ul.menu li:last-child a, ul.menu li:last-child a { margin-right: 0 }
ul.menu li.current-menu-item a, ul.menu li.current-projects-parent a, ul.menu li:hover a { color: #8ea0a4 }
.site-header .main-navigation { position: relative; top: 0px; transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; }
.site-header.sticky-header .main-navigation { background: #fff; position: fixed; top: 0; z-index: 99; }
.banner-section { width: 100%; clear: both }
.home-banner { padding: 0; width: 101%; margin: 0 -1px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.home-banner .banner-item { margin: 0; padding: 0 2px; overflow: hidden; position: relative; width: 33.3333%; height: 668px; -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94); transition: all .8s cubic-bezier(.25, .46, .45, .94); -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94) }
.banner-image { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100% }
.banner-image img { opacity: 0; filter: alpha(opacity=0) }
.banner-item:first-child { padding-left: 0 }
.banner-item:last-child { padding-right: 0 }
.home-banner:hover .banner-item:hover, .touch .home-banner.open-block .banner-item.large-block { width: 200% }
.home-banner:hover .banner-item:hover .banner-image:after, .touch .home-banner.open-block .banner-item.large-block .banner-image:after { display: none }
.home-banner:hover .banner-item .banner-image:after, .touch .home-banner.open-block .banner-item .banner-image:after { content: ""; position: absolute; background-color: rgba(255,255,255,.8); top: 0; left: 0; width: 100%; height: 100% }
.ie10 .home-banner, .ie10 .home-banner .banner-item, .ie9 .home-banner, .ie9 .home-banner .banner-item { float: left }
.ie10 .home-banner:hover .banner-item:hover, .ie9 .home-banner:hover .banner-item:hover { width: 80% }
.ie10 .home-banner:hover .banner-item, .ie9 .home-banner:hover .banner-item { width: 10% }
.ie10 .banner-item:last-child, .ie9 .banner-item:last-child { padding-right: 0; float: right }
.banner-text { opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s }
.banner-text, .banner-text .info-block { left: 50%; position: absolute; text-align: center; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); height: 100% }
.banner-text .info-block { background-color:rgba(255, 255, 255, 0.6) !important ; height: auto !important; width: auto !important; padding:10px 10px; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s }
.banner-text .info-block h2 { font-size: 18px; width: auto; margin: 6 6 6px; padding-bottom: 6px; letter-spacing: 4px; border-bottom: 1px solid #d5d3d0 }
.banner-text .info-block span { font-size: 18px; color: #133138; letter-spacing: 1px }
.banner-text .btn { position: absolute; top: auto; left: 50%; bottom: 60px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%) }
.home-banner:hover .banner-item:hover .banner-text, .touch .home-banner.open-block .banner-item.large-block .banner-text { opacity: 1; filter: alpha(opacity=100); visibility: visible }
/*------ Home Banner Loader -------*/
.banner-section { background: url("../images/img-loader.gif") no-repeat scroll center center ; }
.banner-section ul { opacity:0; visibility:hidden;  }
.banner-section.active ul { opacity:1; visibility:visible;  }
.banner-section.active  { background:#fff; }
/*------ Home Banner End -------*/
.content-section { padding-top: 75px; padding-bottom: 120px }
.stk-divider:after { background: #dbdbdb; bottom: 0; content: ""; display: inline-block; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); width: 247px }
.hover-caption, .inner-banner-text { background-color: rgba(255,255,255,.9) }
.grid:after, .steps-box .icon { display: block }
.content-section h2 { padding-bottom: 36px; margin-bottom: 34px; padding-left: 35px; padding-right: 35px; position: relative }
.divider-block { margin: 0 -20px; padding: 46px 0 0 }
.one-fourth, .one-third { width: 33.33%; float: left; margin: 0; padding: 0 15px }
.one-fourth { width: 25% }
.our-steps-section { margin: 0; padding: 41px 0 92px }
.our-steps-section h2 { margin-bottom: 15px }
.steps-box { max-width: 165px; margin: 0 auto; padding-top: 70px }
.steps-box .icon img { height: 66px }
.steps-box h5 { margin-top: 40px; margin-bottom: 20px }
.parallax-section { height: 400px; width: 100%; margin: 0; padding: 0 }
.parallax { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center }
.touch .parallax { background-size: 100% auto; background-attachment: scroll }
.gallery-image, .gallery-block, .gallery-img, .inner-banner, .multiple-img-slider ul.bxslider li { background-size: cover; background-position: center center; background-repeat: no-repeat }
.case-studies-section { margin: 0; padding: 75px 0 100px; width: 100% }
.grid:after { content: ''; clear: both }
.grid { margin: 58px auto 44px; max-width: 100% }
.grid-item { padding: 0px; border: 3px solid #fff; float: left; width: 40%; height: 310px; position: relative}
.gallery-img { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 1.8s ease-in-out 0s; transition: all 1.8s ease-in-out 0s; }
.gallery-img img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; filter: alpha(opacity=0) }
.small-height { height: 230px }
.medium-height-1 { height: 310x }
.medium-height-2 { height: 280px }
.medium-height-3 { height: 300px }
.full-height { height: 540px }
.grid-item.small { width: 35% }
.grid-item.medium { width: 64% }
.grid-item.small.small-height {
    margin-top: -230px }
.grid-item.large { width: 100% }
.grid-item.medium-width { width: 60% }
.grid-item.small-width { width: 39% }
.hover-caption, .inner-banner-text, .title-block { width: 100%; text-align: center }
.hover-caption { bottom: -100px; padding: 15px 10px; position: absolute; top: auto; color: #133138; font-size: 18px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all ease-in-out .9s; -webkit-transition: all ease-in-out .9s }
.grid-item:hover .hover-caption { bottom: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible }
.grid-item:hover .gallery-img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.gallery-image img, .inner-banner>img, .project-caption, .multiple-img-slider ul.bxslider li img { opacity: 0; filter: alpha(opacity=0) }
.hover-caption .title { font-size: 18px }
.inner-banner { min-height: 318px; position: relative }
.inner-banner-text { left: 50%; max-width: 303px; padding: 30px 42px 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) }
.inner-banner-text h1 { font-size: 17px; line-height: normal; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 3px }
.inner-banner-text p { font-size: 17px; line-height: 18px; color: #133138; letter-spacing: 1px }
.our-work { padding: 35px 0 20px }
.title-block { max-width: 440px; margin: 0 auto 72px }
.gallery-filter { display: table; float: none; margin: 15px auto; text-align: center; width: 78% }
.gallery-filter li { display: table-cell; text-transform: uppercase; letter-spacing: 1px; font-size: 12px }
.gallery-filter li a { color: #133138; position: relative; font-size: 15px; letter-spacing: 3px; font-weight: 300 }
.gallery-filter li.active a, .gallery-filter li:hover a { color: #8ea0a4 }
.gallery-filter li.active a:after, .gallery-filter li:hover a:after { background-color: #dbdbdb; content: ""; display: block; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 37px; bottom: -9px }
.gallery-row { margin: 54px -2px 0 }
.gallery-row .col-sm-4 { padding: 0 2px }
.gallery-block { position: relative; margin: 2px 0; overflow: hidden; }
.gallery-image { position: relative; display: block; overflow: hidden; -webkit-transition: all 1.8s ease 0s; transition: all 1.8s ease 0s; }
.gallery-block:hover .gallery-image { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.project-caption { position: absolute; bottom: -100px; left: 0; width: 100%; top: auto; background-color: rgba(255,255,255,.9); text-align: center; padding: 15px; visibility: hidden; transition: all 0.9s ease-in-out 0s; -webkit-transition: all 0.9s ease-in-out 0s }
.gallery-image .btn-hover, .gallery-img a.btn-hover { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.gallery-image a.btn-hover, .gallery-block a.btn-hover, .gallery-img a.btn-hover, .grid-item .btn-hover { top: 0; bottom: -100%; left: 0; right: 0; position: absolute; -webkit-transition: all linear0.2s; transition: all linear0.2s; width: 100%; height: 100%; z-index: -1 }
.gallery-image:hover .btn-hover, .gallery-image:hover .project-caption, .gallery-block:hover .project-caption, .gallery-img:hover a.btn-hover, .gallery-block:hover a.btn-hover, .grid-item:hover .btn-hover { bottom: 0; visibility: visible; opacity: 1; filter: alpha(opacity=100); z-index: 99 }
.project-caption h3 { font-size: 18px; margin: 0; line-height: 20px }
.project-caption .btn { border: none; padding: 0; font-size: 9px; color: #133138; font-weight: 700 }
.nav-row { text-align: center }
.custom-pager { text-align: center; width: 100% }
.multiple-img-slider #bx-pager, .multiple-img-slider #bx-pager ul li { display: inline-block }
.multiple-img-slider #bx-pager ul li a, .multiple-img-slider .bx-pager .bx-pager-item a, .pagination { font-size: 15px }
.our-work .pagination { margin-top: 30px }
.multiple-img-slider #bx-pager ul li a, .multiple-img-slider .bx-pager .bx-pager-item a, .pagination .page-numbers { border-bottom: 1px solid transparent; margin: 0 4px; color: #133138 }
.multiple-img-slider #bx-pager ul li a.active, .multiple-img-slider .bx-pager .bx-pager-item .bx-pager-link.active, .pagination .page-numbers.current { border-color: #dbdbdb }
.custom-pager>a, .pagination a>span { background: url(../images/next-prev-arrows.png) no-repeat; width: 9px; height: 14px; vertical-align: middle; display: inline-block; background-size: 20px auto }
.custom-pager>a.pager-next, .pagination a>span.next { background-position: -12px 0 }
.touch .testimonials-section.parallax { background-size: cover; background-attachment: scroll }
.testimonials-section { padding: 255px 0 269px; width: 100% }
.testimonial-blocks { background: #6b8c9c; padding: 30px 0 22px }
.testimonial-blocks .block-title { color: #fff }
.page-template-default .content-block blockquote, .testimonial-blocks blockquote { padding: 50px 0 0; font-size: 21px; color: #133138; line-height: 29px; text-align: center; font-family: freight-display-pro, sans-serif }
.single-content .testimonial-blocks blockquote { padding-bottom: 0 }
.testimonial-blocks blockquote .author { font-family: 'Homemade Apple', cursive; display: block; text-align: center; font-size: 19px; color: #fff; padding-top: 65px }
.testimonial-blocks .bx-wrapper { margin-top: 50px }
.client-testimonial { margin-top: 40px }
.client-testimonial:before, .page-template-default .content-block blockquote:before, .testimonial-blocks .bx-viewport:before { content: ""; background: url(../images/top-quote-icon.png) -2px 0 no-repeat; width: 65px; height: 35px; top: 0; display: block; position: absolute; left: 0 }
.client-testimonial:after, .page-template-default .content-block blockquote:after, .testimonial-blocks .bx-viewport:after { content: ""; background: url(../images/bottom-quote-icon.png) -1px -8px no-repeat; width: 65px; height: 35px; display: block; position: absolute; right: 5px; bottom: 40px }
.client-testimonial:after { bottom: 45px }
.testimonial-blocks .bx-controls-direction { display: none }
.form-group, .testimonial-blocks .bx-pager .bx-pager-item, .wpcf7-form-control-wrap { display: inline-block }
.testimonial-blocks .bx-pager { text-align: center; padding: 5px 0 }
.testimonial-blocks .bx-pager-link { width: 10px; height: 10px; font-size: 0; margin: 0 5px; line-height: 0; background: #526e7c; border-radius: 50px; display: inline-block }
.testimonial-blocks .bx-pager-link.active { background: #fff }
.ie10 .testimonial-blocks blockquote, .ie11 .testimonial-blocks blockquote, .ie9 .testimonial-blocks blockquote { padding-bottom: 25px }
.acf-map, .map-section iframe { width: 100%; height: 485px }
.acf-map { border: 1px solid #ccc; margin: 20px 0 }
.contact-form { padding: 48px 0 80px }
div.wpcf7 { margin-top: 40px }
.wpcf7-form-control-wrap { width: 100% }
.contact-form .form-group>label { left: 0; position: absolute }
.input-box, .wpcf7-form input.wpcf7-text { background: 0 0; border: none; border-bottom: 1px solid #d8d8d8; width: 79%; height: 30px; color: #133138; font-size: 19px; line-height: 30px; padding: 0; font-weight: 300; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; float: right }
.form-postcode .input-box { border-bottom: 1px solid #d8d8d8; border-top: none; border-left: none; border-right: none; color: #133138 }
.wpcf7-textarea { height: 208px; width: 100%; resize: none; padding: 5px 10px; border: 1px solid #d8d8d8; margin-top: 10px; color: #133138; font-size: 19px; font-weight: 100 }
.bootstrap-select, .btn-default { font-size: 19px; font-weight: 300; color: #133138 }
.bootstrap-select { width: 100%; margin-top: 0px }
.btn-default { letter-spacing: normal; margin: 0 }
.btn-default, .btn-default.active:focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-group .dropdown-toggle:focus, .btn-group.open .dropdown-toggle, .btn-group.open .dropdown-toggle:focus { outline: 0!important; background: 0 0; box-shadow: none; text-shadow: none; border-color: #ddd; line-height: 38px }
.bootstrap-select.btn-group .dropdown-toggle .caret { background: url(../images/down-arrow.png) no-repeat; width: 17px; height: 9px; border: none; margin-top: -4px; background-size: 17px auto }
.form-postcode label, .wpcf7-form label { line-height: 28px; font-family: freight-display-pro, sans-serif; font-size: 23px; color: #133138; font-weight: 400 }
.form-group { width: 100%; margin-bottom: 22px; position: relative }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { text-transform: none; font-size: 19px; font-weight: 100 }
.contact-form .wpcf7-submit, .post-code .location.btn.btn-primary, .post-code .wpcf7-submit { background: 0 0; box-shadow: none; text-shadow: none; border-radius: 0; font-size: 15px; height: 25px; margin-top: 0px; line-height:25px; }
.wpcf7-form .dropdown-toggle { padding: 0 27px 0 10px }
.dropdown-menu { border-radius: 0 }
.textarea-box { margin-bottom: 0 }
.wpcf7-response-output { clear: both; text-align: center }
.wpcf7-mail-sent-ng, .wpcf7-validation-errors { font-size: 16px; color: red }
span.wpcf7-not-valid-tip { display: none }
.wpcf7-form input.wpcf7-text.wpcf7-not-valid { border-color: red }
.wpcf7-mail-sent-ng, div.wpcf7-validation-errors { border: none!important }
.wpcf7-form .ajax-loader { position: absolute; right: 180px; top: 5px }
div.wpcf7-mail-sent-ok { border: none; color: #398f14; font-size: 20px; margin-top: 4px }
footer { margin: 0; padding: 0 }
.top-footer { padding: 14px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb }
.top-footer .email, .top-footer .phone { padding: 0 }
footer .main-navigation { border: none }
.menu-footer-menu-container ul li a { margin: 0 42px; padding: 0 }
.bottom-footer { margin: 0; padding: 16px 0; text-align: center }
.bottom-footer ul li { display: inline-block; font-size: 15px; color: #777; letter-spacing: normal; margin: 0; padding: 0 }
.bottom-footer ul li a { color: #777; padding: 0 28px }
.bottom-footer ul li a:hover { color: #8ea0a4 }
.bottom-footer ul li:first-child a { padding-left: 0 }
.bottom-footer ul li:last-child a { padding-right: 0 }
.content-page .banner-section { height: 328px }
.content-page .parallax-section { height: 382px }
.content-page .content-section { padding-top: 20px; padding-bottom: 70px }
.content-page .content-section h2 { margin-bottom: 27px; padding-bottom: 24px }
.about-section { padding: 20px 0 }
.about-block { border-top: 1px solid #d4d4d4; padding: 52px 0 }
.about-block:first-child { border: none }
.post-content, .about-block .post-img img { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); width: 94% }
.post-img img { width: 100% }
.page-template-tp-contact .contact-form { padding-top: 35px; padding-bottom: 35px }
.page-template-tp-contact div.wpcf7 { margin-top: 40px }
.contact-detail { text-align: center; padding: 38px 0 50px }
.contact-detail a { display: inline-table; margin: 11px 0 15px; font-size: 17px }
.adp-listinfo, .multiple-img-slider .bx-pager-item { display: inline-block }
.contact-detail a:first-child { margin-bottom: 8px }
address { margin-top: 38px; font-size: 17px }
.post-code { padding: 70px 0 80px }
.post-code .location.btn.btn-primary, .post-code .wpcf7-submit { margin: 0; font-weight: 300; letter-spacing: 2px; padding-left: 12px; padding-right: 14px }
.form-postcode .row>div { padding: 0 5px }
.page-template-tp-contact .top-footer { border-top: 0 }
.single-content .content-section { padding-bottom: 75px }
.single-content .content-block h2.block-title { padding-bottom: 24px; margin-bottom: 26px }
.single-content .divider-block { padding-top: 56px }
.one-half { width: 50%; float: left; padding: 0 20px }
.single-content .testimonials-section { padding: 0 }
.single-content .testimonials-section .testimonial-blocks { padding: 60px 0 83px }
.multiple-img-slider { padding: 90px 0 85px }
.slider-caption { background-color: rgba(255,255,255,.9); width: 100%; bottom: 0; position: absolute }
.slider-caption>h3 { margin-bottom: 12px; margin-top: 12px; font-size: 25px }
.multiple-img-slider .bx-pager { text-align: center }
.multiple-img-slider .bx-controls-direction { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; height: 24px }
.bx-controls-direction .bx-next, .bx-controls-direction .bx-prev { position: absolute; background: url(../images/large-arrows.png) no-repeat; width: 25px; height: 25px; font-size: 0; line-height: 0; background-size: 52px auto }
.bx-controls-direction .bx-prev { left: -30px; background-position: 0 2px }
.bx-controls-direction .bx-next { right: 0; background-position: -30px 2px }
.multiple-img-slider .bx-pager .bx-pager-item a { margin-left: 6px; margin-right: 6px }
.multiple-img-slider .bx-controls { margin-top: 13px }
.project-plan { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative }
.project-plan img { opacity: 0; filter: alpha(opacity=0) }
/*.before-block, .plan-block { height: 225px }*/
.sample-block { height:200px; margin-bottom:25px; }
.before-block, .after-block { height: 450px }
.before-block.project-plan { margin-bottom: 20px; }
.project-plan h6 { background: #fff; width: 100%; margin: 0; padding: 6px 0; position: absolute; bottom: 0 }
.single-content .testimonial-blocks { background: 0 0 }
.single-content .testimonial-blocks h2 { color: #133138 }
.single-content .testimonial-blocks .bx-wrapper { margin-top: 40px }
.client-testimonial { position: relative }
.client-testimonial:before, .page-template-default .content-block blockquote:before { background-image: url(../images/top-quote-icon-grey.png); background-position: 0 0 }
.client-testimonial:after, .page-template-default .content-block blockquote:after { background-image: url(../images/bottom-quote-icon-grey.png) }
.author, .single-content .testimonial-blocks .author { color: #5e7075 }
.client-testimonial blockquote, .page-template-default .content-block blockquote { color: #7d7e7e }
.single-content .project-caption h3 { font-size: 25px; line-height: 25px; margin-bottom: 8px }
.project-section .container-fluid { padding: 0 }
.project-section .container-fluid row { margin: 0 -3px }
.project-section .project-info { padding: 0 3px }
.single-content .project-caption { padding: 25px 15px }
.single-content .project-caption .btn { font-size: 15px; letter-spacing: 2px }
.error-404 { padding: 100px 0; border-top: 1px solid #dbdbdb }
.error404 h1 { font-size: 230px; font-weight: 100; line-height: normal; margin-top: 0; color: #648798 }
.error404 .btn { font-size: 18px; padding: 10px 20px; margin-top: 50px }
.testimonials-listing .content-section { padding-bottom: 20px }
.testimonials-listing .testimonial-blocks blockquote { font-size: 18px; line-height: 24px }
.testimonials-listing .testimonial-blocks .author { padding-top: 25px }
.testimonials-listing .testimonial-blocks .client-testimonial:after { bottom: 5px }
.adp { clear: both; max-height: 350px; padding: 10px 20px; overflow: auto; border: 1px solid #ddd }
img.adp-marker { height: 27px!important; width: 18px!important }
.adp-list { clear: both; margin-bottom: 20px }
.adp-placemark { background: 0 0!important; border: none!important }
.adp-listheader, .adp-summary, .adp-text { font-family: neuzeit-grotesk; font-size: 16px; color: #000 }
.adp-summary { padding: 0 0 20px!important }
.adp-step, .adp-text { padding-left: 10px; vertical-align: middle; width: 100% }
.loadmoreimg { text-align: right; width: 100%; position: absolute; top: 4px; right: 0 }
.adp-listinfo { padding: 5px 10px }
.adp-listinfo>span { line-height: 24px!important; padding: 0 }
.search-result { margin: 0 -5px; padding: 0!important }
.page-template-default .site-content .content-block ol, .page-template-default .site-content .content-block ul { margin: 30px 0; clear: both; padding-left: 26px }
.divider-block ul li, .page-template-default .site-content .content-block ul li { list-style: disc }
.page-template-default .site-content .content-block ol a, .page-template-default .site-content .content-block ul li a { color: #3d3d3d }
.page-template-default .content-block blockquote p { font-size: 21px; line-height: 25px; margin-bottom: 0 }
.page-template-default .content-block blockquote:before { top: 0 }
.page-template-default .content-block blockquote:after { bottom: 0 }
.page-template-default .content-block blockquote { margin: 40px 0; padding: 40px 0; position: relative }
.grid-section { margin: 0 -6px; }
.btn-primary { background: transparent none repeat scroll 0 0; text-align: center; }
.btn-primary svg { height: 25px; left: 0; position: absolute; top: 0; width: 100%; }
.btn.btn-primary { max-width: 170px; position: relative; width: 100%; }
.btn-primary:hover rect { stroke-dasharray: 15, 460; stroke-dashoffset: 48; stroke-width: 2; transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.btn-primary rect { fill: none; stroke: #d1d1d1; stroke-dasharray: 422, 0; stroke-width: 2; transition: all 450ms linear 0s; -webkit-transition: all 450ms linear 0s; -ms-transition: all 450ms linear 0s; -moz-transition: all 450ms linear 0s; }
.contact-form .btn-primary rect { stroke: #dddddd; }
.btn.btn-small { max-width: 169px; }
.btn-small.btn-primary:hover rect { stroke-dasharray: 15, 304; }
.contact-form .btn-small.btn-primary { padding: 0 }
.contact-form .btn-small.btn-primary .wpcf7-submit { border: none; padding: 0 }
.contact-form .form-group > .btn-primary { margin-top: -9px }
.btn.btn-default { border: 1px solid #dddddd; }
.location { border: none !important; padding: 0 !important }
.touch .btn-primary rect { stroke-width: 1; }
.touch .btn-small.btn-primary:hover rect { stroke-width: 1; stroke-dasharray: 422, 0; }
.disabled { display: none; }

.form-postcode .btn.btn-small {
    padding-left: 6px;
    padding-right: 6px;
}
.form-postcode .btn-small.btn-primary:hover rect {
    stroke-dasharray: 15, 278;
}.g-recaptcha  { 	float:right;}

/* Fix: Remove empty subtitle spacing in homepage slider */
.banner-text .info-block span:empty {
  display: none !important;
}

/* Optional: Adjust info-block spacing if subtitle is gone */
.banner-text .info-block {
  padding: 0 !important;
  margin: 0 auto !important;
  height: auto !important;
}


/* === Subtitle Fix and Title Box Styling === */
/* .banner-text .info-block {
  background-color: #ffffff;
  padding: 25px 10px;
  margin: 0 auto;
  height: auto;
  max-width: 280px;
}

.banner-text .info-block span:empty {
  display: none !important;
}

.banner-text .info-block h2 {
  font-size: 22px;
  margin: 0;
  padding: 0;
  letter-spacing: 3px;
  border: none;
}
*/