.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-law-info-bar {
font-size: 15px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999; display: none;
left:0px;
font-weight:300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding: 9px 12px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} .cli-plugin-main-link.cli-plugin-button {
text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
margin-left: 5px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent !important;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
flex-direction: column;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
-webkit-transform:scale(0);
transform:scale(0);
transition: opacity ease-in-out 0.5s;
}
.cli-modal-backdrop.cli-fade {
opacity: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .5;
-webkit-transform:scale(1);
transform:scale(1);
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
transform: scale(0);
overflow: hidden;
outline: 0;
display: none;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .2rem;
box-sizing: border-box;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 38px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 20px;
width: 38px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 15px;
left: 3px;
position: absolute;
transition: .4s;
width: 15px;
}
.cli-switch input:checked + .cli-slider {
background-color: #61a229;
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(18px);
}
.cli-switch .cli-slider {
border-radius: 34px;
font-size:0;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding:5px 30px 5px 5px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #fff;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #cccccc;
margin-bottom: 10px;
color:#2a2a2a;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #f6f6f9;
border: 1px solid #cccccc;
}
.cli-nav-pills .cli-nav-link.cli-active {
color:#2a2a2a;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
background: transparent;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar  .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
{
color:inherit;
}
#cookie-law-info-bar .cli-tab-header a:before
{
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
#cookie-law-info-bar .cli-row
{
margin-top:20px;
}
#cookie-law-info-bar .cli-col-4
{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#cookie-law-info-bar .cli-col-8
{
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.cli-wrapper {
max-width: 90%;
float: none;
margin: 0 auto;
}
#cookie-law-info-bar .cli-tab-content h4
{
margin-bottom:0.5rem;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link
{
padding: .2rem 0.5rem;
}
#cookie-law-info-bar .cli-tab-container
{
display:none;
text-align:left;
} .cli-tab-footer .cli-btn {
background-color: #00acad;
padding: 10px 15px;
text-decoration:none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #61a229;
color: #ffffff;
border-radius: 0;
}
.cli-tab-footer {
width:100%;
text-align:right;
padding: 20px 0;
} .cli-col-12
{
width:100%;
}
.cli-tab-header
{
display: flex;
justify-content: space-between;
}
.cli-tab-header a:before {
width: 10px;
height: 2px;
left: 0;
top: calc(50% - 1px);
}
.cli-tab-header a:after {
width: 2px;
height: 10px;
left: 4px;
top: calc(50% - 5px);
-webkit-transform: none;
transform: none;
}
.cli-tab-header a:before {
width: 7px;
height: 7px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
content: " ";
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right:10px;
}
.cli-tab-header a.cli-nav-link  {
position: relative;
display: flex;
align-items: center;
font-size:14px;
color:#000;
text-transform: capitalize;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before
{
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
background-color:#f2f2f2;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-appearance: none;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
padding: 10px;
background: transparent;
border:none;
min-width: 40px;
}
.cli-tab-container h4,.cli-tab-container h1 {
font-family: inherit;
font-size: 16px;
margin-bottom: 15px;
margin:10px 0;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 12px;
}
.cli-tab-container p ,.cli-privacy-content-text{
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
.wt-cli-privacy
{
display:none;
}
.cli-tab-content
{
display:none;
}
.cli-tab-section .cli-tab-content
{
padding: 10px 20px 5px 20px;
}
.cli-tab-section
{
margin-top:5px;
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 645px;
}
}
.cli-switch .cli-slider:after{
content: attr(data-cli-disable);
position: absolute;
right: 50px;
color: #000;
font-size:12px;
text-align:right;
min-width: 80px;
}
.cli-switch input:checked + .cli-slider:after
{
content: attr(data-cli-enable);
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: 60px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
a.cli-privacy-readmore {
font-size: 12px;
margin-top: 12px;
display: inline-block;
padding-bottom: 0;
cursor: pointer;
color:#000;
text-decoration: underline;
}
.cli-modal-footer {
position: relative;
}
a.cli-privacy-readmore:before {
content: attr(data-readmore-text);
}
.cli-collapsed a.cli-privacy-readmore:before {
content: attr(data-readless-text);
}
.cli-collapsed .cli-privacy-content
{
transition: max-height 0.25s ease-in;
}
.cli-privacy-content p
{
margin-bottom:0;
}
.cli-modal-close svg {
fill: #000;
}
span.cli-necessary-caption {
color: #000;
font-size: 12px;
}
.cli-tab-section.cli-privacy-tab {
display: none;
}
#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
display: block;
}
#cookie-law-info-bar .cli-privacy-overview {
display: none;
}
.cli-tab-container .cli-row
{
max-height: 500px;
overflow-y: auto;
}
.cli-modal.cli-blowup.cli-out {
z-index: -1;
}
.cli-modal.cli-blowup {
z-index: 999999;
transform: scale(1);
}
.cli-modal.cli-blowup .cli-modal-dialog {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog
{
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
font-size: 12px;
}
.cli_settings_button
{
cursor: pointer;
} .wt-cli-sr-only
{
display: none;
font-size:16px;
} a.wt-cli-element.cli_cookie_close_button {
text-decoration: none;
color: #333333;
font-size: 22px;
line-height: 22px;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
} .cli-bar-container{
float: none;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cli-bar-btn_container {
margin-left: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: nowrap;
}
.cli-style-v2 a
{
cursor: pointer;
}
.cli-bar-btn_container a {
white-space: nowrap;
}
.cli-style-v2 .cli-plugin-main-link
{
font-weight:inherit;
}
.cli-style-v2
{
font-size: 11pt;
line-height: 18px;
font-weight:normal;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
display: block;
}
.cli-style-v2 .cli-bar-message {
width: 70%;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
{
width:100%;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
flex-wrap: wrap;
} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
text-align: left; margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
} .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
margin-top: 5px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button
{
margin-left: 5px;
}
.wt-cli-ccpa-checkbox label {
font-size: inherit;
cursor: pointer;
margin: 0px 0px 0px 5px;
} #cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 14px 25px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding:32px 30px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
padding: 32px 45px;
}
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
margin-top: 5px;
margin-bottom: 5px;
}
a.wt-cli-ccpa-opt-out {
white-space: nowrap;
text-decoration: underline;
}
.wt-cli-necessary-checkbox {
display: none !important;
}
@media (max-width: 985px) {
.cli-style-v2 .cli-bar-message
{
width:100%;
}
.cli-style-v2.cli-bar-container
{
justify-content:left;
flex-wrap: wrap;
}
.cli-style-v2 .cli-bar-btn_container {
margin-left:0px;
margin-top: 10px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
{
padding: 25px 25px;
}
} .wt-cli-ckyes-brand-logo {
display: flex;
align-items: center;
font-size: 9px;
color: #111111;
font-weight: normal;
}
.wt-cli-ckyes-brand-logo img{
width: 65px;
margin-left: 2px;
}
.wt-cli-privacy-overview-actions {
padding-bottom:0;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.cli-style-v2 .cli-bar-btn_container {
flex-wrap: wrap;
}
} .wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}.container  { 
width: 1280px; 
position: relative; 
margin: 0 auto; 
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-direction: row;
-ms-flex-direction: row;
}
.container.no-flex							{display: block;}
.container .column,
.container .columns                         { float: none; display: inline; margin-left: 10px; margin-right: 10px;  }
.container.no-flex .column,
.container.no-flex .columns					{float: left;}
.row                                        { margin-bottom: 20px; }
{ margin-left: 0; margin-right: 0; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 60px; }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns                    { width: 700px; }
.container .ten.columns                     { width: 780px; }
.container .eleven.columns                  { width: 860px; }
.container .twelve.columns                  { width: 940px; }
.container .thirteen.columns                { width: 1020px; }
.container .fourteen.columns                { width: 1100px; }
.container .fifteen.columns                 { width: 1180px; }
.container .sixteen.columns                 { width: 1260px; }
.container .one-third.column                { width: 406.666px; }
.container .two-thirds.column               { width: 833.333px; } .container .offset-by-one                   { padding-left: 80px; }
.container .offset-by-two                   { padding-left: 160px; }
.container .offset-by-three                 { padding-left: 240px; }
.container .offset-by-four                  { padding-left: 320px; }
.container .offset-by-five                  { padding-left: 400px; }
.container .offset-by-six                   { padding-left: 480px; }
.container .offset-by-seven                 { padding-left: 560px; }
.container .offset-by-eight                 { padding-left: 640px; }
.container .offset-by-nine                  { padding-left: 720px; }
.container .offset-by-ten                   { padding-left: 800px; }
.container .offset-by-eleven                { padding-left: 880px; }
.container .offset-by-twelve                { padding-left: 960px; }
.container .offset-by-thirteen              { padding-left: 1040px; }
.container .offset-by-fourteen              { padding-left: 1120px; }
.container .offset-by-fifteen               { padding-left: 1200px; } .ie8 .container                                  {width: 960px;}
.ie8 .container .column,
.ie8 .container .columns                         { margin-left: 10px; margin-right: 10px; }
.ie8 .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.ie8 .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.ie8 .alpha.omega    
.ie8 .container .one.column,
.ie8 .container .one.columns                     { width: 40px;  }
.ie8 .container .two.columns                     { width: 100px; }
.ie8 .container .three.columns                   { width: 160px; }
.ie8 .container .four.columns                    { width: 220px; }
.ie8 .container .five.columns                    { width: 280px; }
.ie8 .container .six.columns                     { width: 340px; }
.ie8 .container .seven.columns                   { width: 400px; }
.ie8 .container .eight.columns                   { width: 460px; }
.ie8 .container .nine.columns                    { width: 520px; }
.ie8 .container .ten.columns                     { width: 580px; }
.ie8 .container .eleven.columns                  { width: 640px; }
.ie8 .container .twelve.columns                  { width: 700px; }
.ie8 .container .thirteen.columns                { width: 760px; }
.ie8 .container .fourteen.columns                { width: 820px; }
.ie8 .container .fifteen.columns                 { width: 880px; }
.ie8 .container .sixteen.columns                 { width: 940px; }
.ie8 .container .one-third.column                { width: 300px; }
.ie8 .container .two-thirds.column               { width: 620px; } .ie8 .container .offset-by-one                   { padding-left: 60px;  }
.ie8 .container .offset-by-two                   { padding-left: 120px; }
.ie8 .container .offset-by-three                 { padding-left: 180px; }
.ie8 .container .offset-by-four                  { padding-left: 240px; }
.ie8 .container .offset-by-five                  { padding-left: 300px; }
.ie8 .container .offset-by-six                   { padding-left: 360px; }
.ie8 .container .offset-by-seven                 { padding-left: 420px; }
.ie8 .container .offset-by-eight                 { padding-left: 480px; }
.ie8 .container .offset-by-nine                  { padding-left: 540px; }
.ie8 .container .offset-by-ten                   { padding-left: 600px; }
.ie8 .container .offset-by-eleven                { padding-left: 660px; }
.ie8 .container .offset-by-twelve                { padding-left: 720px; }
.ie8 .container .offset-by-thirteen              { padding-left: 780px; }
.ie8 .container .offset-by-fourteen              { padding-left: 840px; }
.ie8 .container .offset-by-fifteen               { padding-left: 900px; } @media only screen and (max-width: 1300px) {
.container                                  {width: 960px;}
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega    
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; } .container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }
}  @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 28px; }
.container .two.columns                     { width: 76px; }
.container .three.columns                   { width: 124px; }
.container .four.columns                    { width: 172px; }
.container .five.columns                    { width: 220px; }
.container .six.columns                     { width: 268px; }
.container .seven.columns                   { width: 316px; }
.container .eight.columns                   { width: 364px; }
.container .nine.columns                    { width: 412px; }
.container .ten.columns                     { width: 460px; }
.container .eleven.columns                  { width: 508px; }
.container .twelve.columns                  { width: 556px; }
.container .thirteen.columns                { width: 604px; }
.container .fourteen.columns                { width: 652px; }
.container .fifteen.columns                 { width: 700px; }
.container .sixteen.columns                 { width: 748px; }
.container .one-third.column                { width: 236px; }
.container .two-thirds.column               { width: 492px; } .container .offset-by-one                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
}  @media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column  { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 420px; }
}  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } body {
font: 14px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
}
* { 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
}
.clear {clear:both;}
img[src*=".svg"] {
width: 100%;
height: auto;
} h1, h2, h3, h4, h5, h6 {
color: #181818;
font-family: "Georgia", "Times New Roman", serif;
font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; } blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } @-moz-document url-prefix() {
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
} p a, p a:visited { line-height: inherit; } ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; } img.scale-with-grid {
max-width: 100%;
height: auto; } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-shadow: none;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
padding: 8px 10px; 
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
border: none;
background: none;
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} form {
margin-bottom: 20px; }
fieldset {
margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-font-smoothing: antialiased;
border-radius: 2px;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;}
select {
padding: 0; }
textarea {
min-height: 60px; }
label,
legend {
display: block;
font-weight: bold;
font-size: 13px;  }
select {
width: 220px; }
input[type="checkbox"] {
display: inline; } .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
body div#cookie-law-info-bar {
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
font-size: 18px;
box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.3);
}
body a#cookie_action_close_header {
font-family: "Helvetica Neue LT W05 75 Bold";
font-size: 15px;
text-transform: uppercase;
padding-top: 14px;
margin-top: 20px;
}
html { overflow-y: scroll; }
.anchor {position: relative; top: -69px; width: 100%;}
video {
width: 100%;
height: auto;
}
select::-ms-expand {
display: none;
}
body {
background-color: #FFF; color: #282830;
margin:0px;
animation: fadein 2s;
-moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; overflow: hidden;
font-family: 'FONT_NAME', sans-serif;
font-size: 18px;
line-height: 1.2;
}
.ajax-load-more-wrap,
.alm-listing {width: 100%;}
.alm-listing {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.post-type-archive-project .alm-listing {
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
}
body .alm-load-more-btn {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
text-transform: uppercase;
outline: none !important;
background: none !important;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: inline-block;
text-align: left;
padding: 0px 95px 0px 0px;
font-weight: 400;
font-size: 40px !important;
line-height: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin: 50px auto 0px auto;
position: relative;
color: #6874a6;
text-align: center;
}
body.post-type-archive-project .alm-load-more-btn {color: #ffffff;}
body.post-type-archive-project .alm-load-more-btn:hover {color: #6874a6}
body .alm-load-more-btn:hover {color: #1a1432;}
body .alm-load-more-btn.done {display: none;}
body .alm-load-more-btn::before,
body .alm-load-more-btn::after {
position: absolute;
content: "";
top: 50%;
right: 0%;
transform: translate(0%, -50%) rotate(90deg);
-ms-transform: translate(0%, -50%) rotate(90deg);
-webkit-transform: translate(0%, -50%) rotate(90deg);
-moz-transform: translate(0%, -50%) rotate(90deg);
width: 75px;
height: 75px;
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/arrow-load.svg) no-repeat center center;
background-size: cover;
}
body.post-type-archive-project .alm-load-more-btn::before {
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/arrow-load-brown.svg) no-repeat center center;
background-size: cover;
}
body.post-type-archive-project .alm-load-more-btn::after {
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/arrow-load-hov-blue.svg) no-repeat center center;
background-size: cover;
}
body .alm-load-more-btn::after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: 0;
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/arrow-load-hov.svg) no-repeat center center;
background-size: cover;
}
body .alm-load-more-btn:hover::after {opacity: 1;} @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;}
}
@-o-keyframes fadein { from {opacity:0;}
to {opacity: 1;}
} h1, h2 {
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.2;
}
h1.visually-hidden,
.visually-hidden {
font-size: 0;
width: 1px;
height: 1px;
display: inline-block;
overflow: hidden;
position: absolute!important;
border: 0!important;
padding: 0!important;
margin: 0!important;
clip: rect(1px,1px,1px,1px);
}
h2 {
font-size: 30px;
line-height: 1.2;
margin-bottom: 20px;
}
h3, h4 {
font-family: bennet-banner, sans-serif;
font-weight: 400;
font-style: normal;
}
h3 {
font-family: bennet-banner, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 67px;
line-height: 1;
}
h3 span,
h4 span {
font-family: inherit;
display: block;
padding-left: 70px;
}
h4 {
font-size: 48px;
line-height: 1;
}
h3 strong, h4 strong {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
font-weight: 700;
text-transform: uppercase;
}
h3 strong,
h4 strong {font-size: calc(100% - 7px);}
p, li, span, label {
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
#wpadminbar span.display-name {color: #FFF;}
#wpadminbar .ab-top-menu>li.hover>.ab-item span,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus span,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item span,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus span {
color: #00b9eb;
}
strong {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
font-weight: 400;
font-size: inherit;
line-height: inherit;
color: inherit;
}
a {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
img {display: block; max-width: 100%; height: auto;}
.hide-desktop {display: none !important;}
.wrap { position: relative; display: block; }
a.box-link {
position: absolute;
top: 0px;
left: 0px;
display: block;
border: none;
height: 100%;
width: 100%;
z-index: 1000;
background: transparent url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/box-link.png);
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fade-2 {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fade-3 {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popup-overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.7);
z-index: 10000000;
}
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
width: 80%;
max-height: 80%;
z-index: 10000001;
display: none;
max-width: 1400px;
}
.popup.popup-video .popup-close {
position: absolute;
top: -50px;
right: -50px;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
z-index: 100;
cursor: pointer;
pointer-events: auto;
width: 25px;
height: 25px;
}
.popup:not(.popup-video) .popup-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 100;
cursor: pointer;
pointer-events: auto;
width: 25px;
height: 25px;
}
.popup:not(.popup-video) {
padding: 70px;
overflow-y: scroll;
}
.popup h3.update-title {font-size: 67px;} .flex,
.container .column.flex,
.container .columns.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-ms-flex-direction: row;
} .flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .flex-align-c { -ms-flex-align: center;
align-items: center;
}
.flex-align-s { align-items: flex-start;  
-ms-flex-align: start;
} 
.flex-align-e { align-items: flex-end;  
-ms-flex-align: end;
} .flex-justify-c { justify-content: center; 
-webkit-justify-content: center; 
-ms-flex-pack: center;
}
.flex-justify-sb { -ms-flex-pack: justify; 
-webkit-box-pack: justify; 
-webkit-justify-content: space-between; 
justify-content: space-between; 
}
.flex-justify-se { justify-content: space-evenly;
-webkit-justify-content: space-evenly;
}
.flex-justify-fs { -ms-flex-align: start; 
-ms-flex-pack: start; 
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.flex-justify-fe { -ms-flex-align: end; 
-ms-flex-pack: end; 
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.margin-top {margin-top: 50px;}
.margin-bottom {margin-bottom: 50px;}
.padding-top {padding-top: 50px;}
.padding-bottom {padding-bottom: 50px;}
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.shape { position: absolute; pointer-events: none;}
.shape img {max-width: none; width: 100%;}
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.static {position: static !important;}
.inline-block {display: inline-block;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.z4 {z-index: 4;}
.z5 {z-index: 5;}
.z6 {z-index: 6;}
.z7 {z-index: 7;}
.band.overflow-v,
.overflow-v {overflow: visible !important;}
.band.overflow-h,
.overflow-h {overflow: hidden !important;}
.bg-lightgrey {background: #e4dfd9;}
.bg-darkgrey {background: #282830;}
.bg-purple {background: #1a1432;}
.bg-blue {background: #6874a6;}
.bg-pink {background: #bb8b7b;}
.bg-brown {background: #a67550;}
.bg-white {background: #ffffff;}
.bg-cream {background:#cabfb4;}
.bg-pattern-white {
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/icon-do-spaced.svg);
background-size: 22px;
background-repeat: space;
opacity: 0.07;
pointer-events: none;
}
.bg-pattern-brown {
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/icon-do-brown-spaced.svg);
background-size: 22px;
background-repeat: space;
opacity: 0.07;
pointer-events: none;
}
.bg-lightgrey-hov:hover  {background: #e4dfd9;}
.bg-darkgrey-hov:hover  {background: #282830;}
.bg-purple-hov:hover  {background: #1a1432;}
.bg-blue-hov:hover  {background: #6874a6;}
.bg-pink-hov:hover  {background: #bb8b7b;}
.bg-brown-hov:hover  {background: #a67550;}
.txt-white,
.txt-white-hov:hover,
.txt-white-bold strong {color: #fff;}
.txt-black,
.txt-black-hov:hover,
.txt-black-bold strong {color: #282830;}
.txt-purple,
.txt-purple-hov:hover,
.txt-purple-bold strong {color: #1a1432;}
.txt-pink,
.txt-pink-hov:hover,
.txt-pink-bold strong {color: #bb8b7b;}
.txt-brown,
.txt-brown-hov:hover,
.txt-brown-bold strong { color: #a67550; }
.txt-blue,
.txt-blue-hov:hover,
.txt-blue-bold strong { color: #6874a6; }
.txt-grey,
.txt-grey-hov:hover,
.txt-grey-bold strong { color: #5e5e64; }
.txt-lightgrey,
.txt-lightgrey-hov:hover,
.txt-lightgrey-bold strong  { color: #cabfb4; }
.txt-darkgrey,
.txt-darkgrey-hov:hover,
.txt-darkgrey-bold strong { color: #282830 }
.txt-black,
.txt-black-hov:hover,
.txt-black-bold strong { color: #1d1d1b; }
.read-more path,
.read-more rect,
.read-more.arr-white line,
.read-more.arr-white polyline,
.read-more.arr-white-hov line,
.read-more.arr-white-hov polyline {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.read-more.arr-white path,
.read-more.arr-white-hov:hover path,
.read-more.arr-white rect,
.read-more.arr-white-hov:hover rect {fill: #fff;}
.read-more.arr-white line,
.read-more.arr-white-hov:hover line,
.read-more.arr-white polyline,
.read-more.arr-white-hov:hover polyline  {stroke: #5e5e64;}
.read-more.arr-black path,
.read-more.arr-black-hov:hover path,
.read-more.arr-black rect,
.read-more.arr-black-hov:hover rect {fill: #282830;}
.read-more.arr-purple path,
.read-more.arr-purple-hov:hover path,
.read-more.arr-purple rect,
.read-more.arr-purple-hov:hover rect {fill: #1a1432;}
.read-more.arr-pink path,
.read-more.arr-pink-hov:hover path,
.read-more.arr-pink rect,
.read-more.arr-pink-hov:hover rect {fill: #bb8b7b;}
.read-more.arr-brown path,
.read-more.arr-brown-hov:hover path,
.read-more.arr-brown rect,
.read-more.arr-brown-hov:hover rect { fill: #a67550; }
.read-more.arr-blue path,
.read-more.arr-blue-hov:hover path,
.read-more.arr-blue rect,
.read-more.arr-blue-hov:hover rect { fill: #6874a6; }
.read-more.arr-grey path,
.read-more.arr-grey-hov:hover path,
.read-more.arr-grey rect,
.read-more.arr-grey-hov:hover rect { fill: #5e5e64; }
a.read-more-large {
font-size: 22px !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-align-items: center;
}
a.read-more-large .arrow {width: 70px; height: 70px; margin-left: 20px;}
.read-more-absolute {right: 0; bottom: 0}
.txt-faded-hov:hover {opacity: 0.7;}
.bd-white {border-color: #fff !important;}
.bd-black {border-color: #000 !important;}
.bd-white-hov:hover {border-color: #fff !important;}
.bd-black-hov:hover {border-color: #000 !important;}
.bd-faded-hov:hover {opacity: 0.7;}
.weight-light {font-weight: 300;}
.weight-normal { font-weight: 400;}
.weight-medium {font-weight: 500;}
.weight-bold {font-weight: 700;}
.txt-hn.weight-bold,
.txt-hn .weight-bold,
.txt-hn strong,
strong.txt-hn {font-family: 'Helvetica Neue LT W05 75 Bold';}
.txt-hn.weight-normal,
.txt-hn.weight-normal p,
.txt-hn .weight-normal,
.txt-hn .weight-normal p {font-family: "Helvetica Neue LT W05 55 Roman"; line-height:1.2;}
.txt-hn .weight-normal p span,
.txt-hn.weight-normal p span  {
font-family: inherit;
}
.txt-center {text-align: center;}
.txt-right {text-align: right;}
.txt-uppercase {text-transform: uppercase;}
.txt-bb {font-family: bennet-banner, sans-serif;}
.txt-hn {font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;}
.txt-bb-large {font-size: 120px;}
.txt-bb-mediumlarge {font-size: 90px;}
.txt-bb-medium {font-size: 60px;}
.txt-bb-small {font-size: 40px;}
.txt-bb-xsmall {font-size: 28px;}
.txt-hn-xlarge {font-size: 100px; line-height: 0.5; padding-top: 27px;}
.txt-hn-large {font-size: 27px;}
.txt-hn-medium {font-size: 22px;}
.txt-hn-small {font-size: 18px;}
.trans,
.arrows-wrap rect,
.arrows-wrap line,
.arrows-wrap polyline {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.buttons.txt-center .read-more {margin: 0px 7px;}
.read-more {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
text-transform: uppercase;
font-size: 18px !important;
line-height: 1 !important;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: inline-block;
text-align: left;
padding: 0px;
font-weight: 400;
}
.read-more .arrow {
height: 18px;
width: 18px;
display: inline-block;
position: relative;
top: 2px;
margin-left: 10px;
}
.pt0 {padding-top: 0px !important;}
.pb0 {padding-bottom: 0px !important;}
.band .slick-dots li {width: auto; margin: 0px 7px;}
.band .slick-dots li button {
width: 10px;
height: 10px;
border-radius: 50%;
background: #747fa8;
opacity: 0.5;
}
.band .slick-dots li.slick-active button {opacity: 1;}
.band .slick-dots li button:before {content: none;}
.mid {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.full {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.fixed.full {
height: 100vh;
}
.pointer {cursor: pointer;}
body #sb_instagram #sbi_images {
width: calc(100% + 20px);
margin-left: -10px;
}  .band {
width: 100%;
margin: 0px auto;
overflow: hidden;
padding: 100px 0px;
}
.ie8 .band {width: 100%;}
.search-overlay {display: none; z-index: 9001;}
.search-overlay .inner {width: 92%; max-width: 700px;}
.search-overlay .inner input {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif; 
text-transform: uppercase;
font-size: 22px;
line-height: 1.2;
width: calc(100% - 75px);
margin: 0px !important;
border-color: #1a1432;
}
.search-overlay button {margin: 0px !important;}
.search-overlay button svg {
display: block;
width: 50px;
height: 50px;
}
.search-overlay .popup-close {
top: 40px;
right: 40px;
width: 30px;
height: 30px;
cursor: pointer;
}
.search-overlay .popup-close line {stroke:#1a1432;}
.search-overlay .popup-close:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
} header {
background-color: transparent;
padding: 30px 0px 30px 0px;
height: auto;
position: fixed;
width: 100%;
z-index: 9000;
box-shadow: 0 4px 35px -2px rgba(0,0,0,0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.open {background:#1a1432;}
header.sticky { padding: 20px 0px 20px 0px;
height: auto;
background: #fff;
}
.header-logo {width: 140px;}
.header-logo:hover {opacity: 0.7;}
.sticky .header-logo {width: 100px;}
.logo-sticky {width: 100%; top: 0; left: 0; opacity: 0;}
.sticky .logo-sticky,
.header-whitebg .header-logo .logo-sticky  {opacity: 1;}
.sticky .logo-normal {opacity: 0;}
.desktop-links {font-size: 18px; line-height: 1;}
.desktop-links  ul {margin: 0;}
.desktop-links li {margin: 0 0 0 40px;}
.desktop-links a { color: #fff; font-family: "Helvetica Neue LT W05 55 Roman", sans-serif; } 
.desktop-links a:hover,
.desktop-links a.active {color: #bb8b7b; opacity: 1;} 
.desktop-links a.active {border-bottom: 1px solid;}
.header-pinkbg .desktop-links a:hover,
.header-pinkbg .desktop-links a.active {color: #1a1432;}
.header-imagebg:not(.sticky) .desktop-links a {border-bottom: 1px solid transparent;}
.header-imagebg:not(.sticky) .desktop-links a:hover,
.header-imagebg:not(.sticky) .desktop-links a.active {color: #fff; border-color: #fff;}
.sticky .desktop-links a,
.header-whitebg .desktop-links a,
.header-bluebg .desktop-links a,
.header-brownbg:not(.sticky) a:hover,
.header-brownbg:not(.sticky) a.active {color: #1a1432;}
.header-bluebg .desktop-links a:hover,
.header-bluebg .desktop-links a.active {color: #fff;}
.header-whitebg .desktop-links a:hover,
.sticky .desktop-links a:hover,
.sticky.header-bluebg .desktop-links a:hover,
.header-whitebg .desktop-links a.active,
.sticky .desktop-links a.active,
.sticky.header-bluebg  .desktop-links a.active  {color: #a67550; }
.desktop-links .search-btn {cursor: pointer;}
.desktop-links .search-btn img,
.desktop-links .search-btn svg {width: 20px; height: 20px; display: block;}
.desktop-links .search-btn:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.header-whitebg .search-btn circle,
.header-whitebg .search-btn line,
.header-bluebg.sticky .search-btn circle,
.header-bluebg.sticky .search-btn line,
.header-brownbg.sticky .search-btn circle,
.header-brownbg.sticky .search-btn line,
.header-pinkbg.sticky .search-btn line,
.header-pinkbg.sticky .search-btn circle,
.header-pinkbg.sticky .search-btn line,
.header-purplebg.sticky .search-btn line,
.header-purplebg.sticky .search-btn circle,
.header-purplebg.sticky .search-btn line {stroke: #1a1432;}
.header-bluebg .search-btn circle,
.header-bluebg .search-btn line {stroke: #fff;} header .mobile-menu-button {
width: 25px !important;
cursor: pointer;
}
header .mobile-menu-button svg {display: block;}
header .mobile-menu-button line {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .mobile-menu-button.active .menu-line-3 {
opacity: 0;
transform: rotate(-45deg) translate(-12px, -2px);
}
header .mobile-menu-button.active .menu-line-1 {
transform: rotate(45deg) translate(4px, -4px);
}
header .mobile-menu-button.active .menu-line-2 {
transform: rotate(-45deg) translate(-12px, 7px);
}
header.sticky .mobile-menu-button .menu-line-3,
header.sticky .mobile-menu-button .menu-line-1,
header.sticky .mobile-menu-button .menu-line-2,
header.header-whitebg .mobile-menu-button line {
stroke: #1a1432;
}
.mobile-menu {
display: none;
width: 100%;
padding: 150px 0 0;
text-align: left;
left: 0;
top: 101px;
z-index: 9000;
height:100vh;
-webkit-transition: top 0.2s ease-in-out;
-moz-transition: top 0.2s ease-in-out;
-o-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
} 
.mobile-menu.sticky {top: 60.5px;}
.mobile-menu li {font-family: bennet-banner, sans-serif; padding:15px 0; margin-bottom:0; font-size:35px; letter-spacing:1.2px;}
.mobile-menu li a {letter-spacing:1.2px; font-size:35px;}
.mobile-menu li:last-child,
.mobile-menu ul {margin-bottom: 0;}
.mobile-menu li.search-btn svg {
width: 30px;
height: 30px;
top: 2px;
margin-left: 10px;
position: relative;
}  footer.band {padding-bottom: 40px;}
.footer-heading p {font-size: 36px; margin-bottom: 50px; line-height: 1;}
.footer-heading p strong {font-size: calc(100% - 3px);}
.footer-heading {
padding-bottom: 50px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.footer-heading .footer-heading-item {
padding: 0 40px 5px 0;
margin-right: 0;
width: calc(25% - 20px);
border-right: 1px solid rgba(255,255,255,0.5);
position: relative;
}
.footer-heading .footer-heading-item:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0;
width: calc(25% - 40px);
}
.footer-heading .footer-heading-item p {
font-family: 'bennet-banner', sans-serif;
font-size: 29px;
line-height: 1.2;
margin: 0;
}
.footer-heading .footer-heading-item p strong {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
text-transform: uppercase;
line-height: 1;
font-size: 26px;
}
.footer-heading-item .arrow {
width: 27px;
height: 27px;
top: -7px;
position: relative;
}
.footer-heading-item .arrow svg {display: block;}
.footer-heading-item,
.footer-heading-item p,
.footer-heading-item strong,
.footer-heading-item .arrow,
.footer-heading-item line,
.footer-heading-item polyline {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.footer-heading-item:hover p.txt-pink strong {color: #bb8b7b}
.footer-heading-item:hover p.txt-brown strong {color: #a67550}
.footer-heading-item:hover p.txt-blue strong {color: #6874a6}
.footer-heading-item:hover p.txt-lightgrey strong {color: #cabfb4}
.footer-heading-item.faded p,
.footer-heading-item.faded .arrow {opacity: 0.2;}
.footer-heading-item:hover p.txt-pink ~ .arrow line,
.footer-heading-item:hover p.txt-pink ~ .arrow polyline {stroke: #bb8b7b}
.footer-heading-item:hover p.txt-brown ~ .arrow line,
.footer-heading-item:hover p.txt-brown ~ .arrow polyline {stroke: #a67550}
.footer-heading-item:hover p.txt-blue ~ .arrow line,
.footer-heading-item:hover p.txt-blue ~ .arrow polyline {stroke: #6874a6}
.footer-heading-item:hover p.txt-lightgrey ~ .arrow line,
.footer-heading-item:hover p.txt-lightgrey ~ .arrow polyline {stroke: #cabfb4}
.footer-text {width: 520px; padding-right: 260px;}
.footer-text a.read-more {font-size: 18px !important; margin-bottom: 20px;}
.footer-text a.read-more .arrow {width: 18px; height: 18px;}
.footer-contact {
width: calc(25% - 40px);
padding-left: 40px;
}
footer .social-buttons {text-align: left; margin-top: 0px;}
footer .social-button rect,
footer .social-button path {fill: #fff}
footer .social-button circle {fill: #1a1432; stroke: #fff;}
footer .social-button:hover rect,
footer .social-button:hover path {fill: #1a1432}
footer .social-button:hover circle {fill: #fff}
footer .social-button {width: 37px; height: 37px; margin-right: 10px; display: inline-block;}
.footer-address {width: calc(25% - 40px);}
.footer-bottom {padding-top: 70px;}
.footer-bottom ul,
.footer-bottom li,
.footer-bottom p {margin-bottom: 0;}
.footer-bottom li {margin-left: 10px;}
.credit p {display: inline-block;}
.future {
position: relative;
width: 60px;
height: 21px;
display: inline-block;
margin-left: 5px;
bottom: -5px;
cursor: pointer;
}
.future:hover {opacity: 0.7;} .band-homebanner,
.band.bg-image.band-topbannerimage {
min-height: 550px;
overflow: hidden;
position: relative;
padding: 0px !important;
height: 100vh;
width: 100vw;
max-height: 850px;
}
.band.bg-image.band-topbannerimage {max-height: 600px;}
.band.bg-image.band-topbannerimage.band-topbannerimage-large {display: none;}
.band-homebanner .full-width-image,
.band-homebanner img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
}
.band-homebanner video {
width: 100%;
height: calc(100% + 150px);
max-width: none;
object-fit: cover;
margin-top: -150px;
}
.band-homebanner video.video-normal {display: none;}
.band-homebanner .homepage-intro {max-width: 750px; padding-left: 75px;}
.band-homebanner .homepage-intro h2 { font-weight: 300; }
.band-homebanner-cont p.top {
font-weight: 700;
font-size: 107px;
line-height: 1;
margin-bottom: 0px;	
text-transform: uppercase;
}
.band-homebanner-cont .do {
height: 83px;
position: relative;
top: 3px;
width: auto;
max-width: none;
}
.band-homebanner-cont span:not(.do) {font-family: 'Helvetica Neue LT W05 75 Bold';} 
.band-homebanner-cont span {display: inline-block;}
.band-homebanner-cont .do svg {
height: 100%;
width: auto;
display: block;
}
.band-homebanner-cont .do.aos-animate .do-fadeout {
-webkit-animation: fadeout 0.8s 1s forwards ease-in-out;
-o-animation: fadeout 0.8s 1s forwards ease-in-out;
animation: fadeout 0.8s 1s forwards ease-in-out;
} 
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.band-homebanner-cont p.bottom {
font-family: bennet-banner, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 120px;
line-height: 1;
}
.band-homebanner-cont .full-width-image {margin-top: -70px;}
.band-homebanner-cont .full-width-image img {margin: 0px auto;}
.band-homebanner-cont .text.inner {
max-width: 600px;
margin-left: calc(100% - 600px);
line-height: 1.4;
margin-top: 100px;
}
.band-homebanner-cont .text.inner h2 {
font-family:'Helvetica Neue LT W05 75 Bold';
font-style: normal;
font-weight: 700;
line-height: 1.2;
font-size: 30px;
line-height: 1.2;
margin-bottom: 20px;
}
.homebanner-side-image {
right: 0;
top: -50px;
border: 40px solid #1a1432;
border-right: none;
z-index: 2;
max-width: 440px;
width: 28%;
}
.large-band-title,
.medium-band-title {display: inline-block;}
.large-band-title h3.top {
font-weight: 400;
font-size: 107px;
line-height: 0.5;
padding-top: 30px;
margin-bottom: 4px;
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
text-transform: uppercase;
}
.medium-band-title h3.top {
font-weight: 400;
font-size: 60px;
line-height: 0.5;
padding-top: 30px;
margin-bottom: 4px;
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
text-transform: uppercase;
}
.large-band-title h2.bottom {
font-family: bennet-banner, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 120px;
line-height: 1;
padding-left: 95px;
}
.medium-band-title h2.bottom {
font-family: bennet-banner, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 76px;
line-height: 1;
padding-left: 80px;
}
.band-desc {margin-top: 40px;}
.band-desc .inner {max-width: 540px;}
.band-desc .inner p {font-size: 22px;}
.band-desc .read-more {margin-top: 10px;}
.band-homeconstruction.band {padding: 200px 0px 150px 0px;}
.band-homeconstruction .band-desc {padding-left: 80px; margin-top: 0;}
.band-homeconstruction .band-desc .inner {padding-top: 100px; margin-right: 50px;}
.band-homeconstruction .side-image-2 {
bottom: auto;
right: 0;
max-width: 800px;
width: 40%;
top: 100px;
height: 600px;
z-index: 2;
}
.band-homeconstruction .bg-pattern-white {
position: absolute;
width: 1000px;
height: 413px;
top: -100px;
right: -100px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/bg-construction.png);
background-size: contain;
background-position: left;
opacity: 1;
}
.band.bg-image {min-height: 550px; height: 70vh; max-height: 800px;}
.band.bg-image.band-image-large {display: none;}
.band.band-homedevelopments {padding-top: 150px;}
.band-homedevelopments .medium-band-title { margin-top: 0px !important; padding-top: 100px; }
.band-homedevelopments .medium-band-title h3.top {padding-left: 20px;}
.band-homedevelopments .medium-band-title h2.bottom {padding-left: 80px; margin-top: 20px;}
.band-homedevelopments .band-desc {padding-left: 0px;}
.band-homedevelopments .band-desc .inner {
padding-top: 20px;
margin-left: 90px;
}
.band-homedevelopments .outer-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.band-homedevelopments .bg-pattern-white {
position: absolute;
width: 1450px;
height: 500px;
top: 50px;
left: -40px;
margin-left: 0;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/bg-developments-new.png);
background-size: contain;
background-position: center;
opacity: 1;
}
.band-homedevelopments .side-image {
position: absolute;
left: 0;
width: 37%;
height: 600px;
max-width: 800px;
top: 150px
}
.band-homedevelopments .sixteen.columns {padding-left: 500px; min-height: 600px;}
.band-homelogos.band-developmentlogos {padding-top: 0;}
.band-homelogos.band-developmentlogos .slider-logoticker {
width: calc(100vw - ((100vw - 1260px) / 2)); 
margin-left: 0px;
opacity: 0.8 !important;
}
.band-homelogos .grad {width: 50px;}
.logo-watermark {
left: 50%;
bottom: 40px;
transform: translate(-50%, 0);
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
}
.logo-watermark .logo-salboy {
width: 200px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.logo-watermark .logo-salboy:hover {opacity: 0.7;}
.overlay-bottom {
position: absolute;
bottom: 0;
left: 0;
height: 200px;
width: 100%;
background: linear-gradient( 180deg , transparent, rgba(0,0,0,0.5));
}
.band.band-homeproject {padding-bottom: 70px; padding-top: 150px;}
.band.band-homeproject .project-slider {
width: 33%;
margin-left: 67%;
padding-top: 50px;
}
.band-homeproject .thumb-inner {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.band-homeproject .thumb:hover .thumb-inner {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-homeproject .thumb:hover .arrow rect {fill: #a67550}
.thumb .arrow,
.thumbnail .arrow {
width: 70px;
height: 70px;
bottom: 0;
right: 0;
}
.thumb .arrow rect,
.thumbnail .arrow rect {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.band-homeproject .project-left {
flex-direction: column;
-ms-flex-direction: column;
}
.band.band-homeproject .band-intro {
max-width: 550px;
padding: 0px 50px 50px 0px;
}
.band.band-homeproject .band-intro  h3 {margin-bottom: 20px;}
.band.band-homeproject .band-intro .project-subtitle {padding-left: 83px;}
.band.band-homeproject .project .info {min-height: 500px;}
.band.band-homeproject .project .info a {line-height: 1; line-height: calc(100% - 3px); margin-bottom: 15px; display: block;}
.band.band-homeproject .project .info .location {
border-bottom: 1px solid #282830;
padding-bottom: 20px;
margin-bottom: 30px;
}
.band.band-homeproject .feature-image {
position: absolute;
top: 0;
left: 0;
height: calc(100% + 100px);
width: 60%;
z-index: 2;
max-width: 1000px;
}
.feature-image .slick-list,
.feature-image .slick-track {height: 100%;}
.feature-image-inner {
width: 100%;
height: 100%;
}
.band.band-homeproject .bg-pattern-brown {
position: absolute;
top: 0;
right: -150px;
width: 80vw;
height: 100%;
}
.band-homeproject .slick-dots {
left: -5px;
width: auto;
top: -8px;
height: 40px;
}
.band.band-homeproject .slick-dots li button {background: #a67550; width: 12px; height: 12px;}
.band .slick-dots li.slick-active button {background: #1a1432}
.band.band-formula {padding-bottom: 100px;}
.band-formula .bg-pattern-white {
width: 40%;
height: 535px;
right: 10%;
top: 100px;
}
.band-formula .left {width: 50%; padding-top: 250px;}
.band-formula h3 {margin-bottom: 70px;}
.band-formula .desc {padding: 0px 70px 0px 75px;}
.band-formula a.read-more {margin-top: 30px;}
.band-formula .image {top: 200px; right: 0px; max-width: 600px; width: 45%; height: 650px;}
.band-homelogos h4 {margin-bottom: 50px;}
.slider-logoticker {width: calc(100vw - ((100vw - 1260px) / 2));}
.grad {
left: 0;
height: 100%;
top: 0;
width: 150px;
z-index: 2;
}
.grad-right.grad {left: auto; right: 0px}
.grad.bg-brown-grad {
background: linear-gradient( 
90deg , #a67550 0%, #a67550 25%, rgba(22,37,43,0) 100%);
}
.grad.bg-darkgrey-grad {
background: linear-gradient( 
90deg , #282830 0%, #282830 25%, rgba(22,37,43,0) 100%);
}
.grad.grad-right.bg-brown-grad {
background: linear-gradient( 
-90deg , #a67550 0%, #a67550 25%, rgba(22,37,43,0) 100%);
}
.grad.grad-right.bg-darkgrey-grad {
background: linear-gradient( 
-90deg , #282830 0%, #282830 25%, rgba(22,37,43,0) 100%);
}
.slider-logoticker .logo {
width: auto;
padding: 0px 15px;
text-align: center;
height: 75px;
align-items: center;
-ms-align-items: center;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
}
.slider-logoticker .logo img {
max-height: 70px;
max-width: 85%;
display: inline-block;
position: relative;
}
.slider-logoticker .logo.smaller img {max-height: 50px; max-width: 75%;}
.slider-logoticker .logo.larger img {max-height: 100px;}
.slider-logoticker .logo.square img {max-height: 140px;}
.slider-logoticker .logo.up img {top: -5px}
.slider-logoticker .logo.down img {bottom: -5px}
.slider-logoticker .logo.left img {left: -5px;}
.slider-logoticker .logo.right img {right: -5px;}
.news-item-featured .thumbnail {
width: 457px;
height: 457px;
}
.news-item-featured .thumbnail-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
.news-item-featured .thumbnail:hover .thumbnail-inner {
transform: scale(1.1) translate(-50%, -50%);
-ms-transform: scale(1.1) translate(-50%, -50%);
-webkit-transform: scale(1.1) translate(-50%, -50%);
-moz-transform: scale(1.1) translate(-50%, -50%);
}
.news-item-featured .title {
font-size: 26px;
font-weight: 700;
margin-bottom: 40px;
display: block;
}
.news-item-featured .info {width: calc(100% - 457px); padding: 0px 175px 0px 100px;}
.band-homenews .news-item-featured  {display: none;}
.band-homenews h4 { margin-bottom: 30px;}
.band-homenews .news-item-featured {padding-left: 75px;}
.band-homenews .thumbnail:hover .arrow rect {fill: #282830;}
.instagram-grid  {margin-bottom: 70px;}
.instagram-grid .ig-item {
width: calc(25% - 10px); 
margin-bottom: 15px;
cursor: pointer;
}
.instagram-grid .ig-item img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.instagram-grid .ig-item:hover img {opacity: 0.7;}
.band-hometeam .image-1 {margin-left: 150px;}
.band-hometeam .image-2 {margin-left: 90px; margin-top: 30px;}
.band-hometeam .image-3 {
border: 40px solid #e5dfd9;
width: 280px;
bottom: -80px;
right: 0;
}
.band-hometeam .image-4 {
bottom: 0px;
left: 0px;
}
.band-hometeam .bg-pattern-brown {
position: absolute;
top: -130px;
left: 75px;
width: 500px;
height: 500px;
}
.band.band-hometeam h3 {
padding-left: 200px;
margin-top: 70px;
margin-bottom: 100px;
}
.band.band-hometeam .team-desc {padding-left: 300px;}
.band.band-hometeam .team-desc .left {width: 35%; margin-right: 70px;}
.band.band-hometeam .team-desc .right {font-weight: 700;}
.band.band-hometeam .team-desc .right li {
padding: 17px 20px 17px 0px;
margin: 0;
border-bottom: 1.5px solid rgba(40, 40, 48, 0.15);
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
}
.band.band-hometeam .team-desc .right li:first-child {padding-top: 0;}
.band-clientslider .logo {
width: 200px;
margin: 0px auto;
height: 122px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.band-clientslider .quote {
max-width: 660px;
margin: 0px auto;
padding: 50px 30px;
}
.band-clientslider .quote::before,
.band-clientslider .quote::after {
position: absolute;
content: "";
width: 84px;
height: 64px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.band-clientslider .quote::before {top: 0px; left: 0px; background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/quote-open-blue.svg);}
.band-clientslider .quote::after {bottom: 20px; right: 10px; background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/quote-close-blue.svg)}
.band.band-homesocial {padding: 60px 0px 60px 0px}
.band-homesocial h3 {margin-bottom: 0px; line-height: 0.8; padding-left: 20px;}
.band-homesocial h3 strong {
margin-bottom: 3px;
display: block;
font-size: 48px;
padding-top: 10px;
}
.band-homesocial .social-button {
width: 70px; 
height: 70px; 
margin: 0px 10px; 
display: inline-block
}
.band-homesocial .social-button svg {display: block;}
.social-button circle,
.social-button rect,
.social-button path {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band-homesocial .social-button:hover rect,
.band-homesocial .social-button:hover path {fill: #fff}
.band-homesocial .social-button  circle {fill: transparent}
.band-homesocial .social-button:hover circle {fill: #1a1432}
.band-homesocial .bg-pattern-white {
width: 100%;
height: 100%;
top: 0;
left: 0;
} .band.band-projectsbanner {padding-top: 250px;  padding-bottom: 150px;}
.band.band-projectsbanner h1 {margin-bottom: 0;}
.band.band-projectsbanner p {max-width: 700px; margin-bottom: 0;}
.band.band-projectsbanner .bg-pattern-white {
position: absolute;
top: 50%;
right: 0%;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
width: 60vw;
height: calc(100% - 250px);
margin-top: -80px;
}
.project-tabs {margin-bottom: 60px;}
.project-tabs li {padding: 0px 30px; position: relative;}
.project-tabs li:first-child {padding-left: 0;}
.project-tabs li:last-child {padding-right: 0;}
.project-tabs li::after {
width: 43px;
height: 89px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/filter-seperator.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: "";
position: absolute;
top: 50%;
right: -25px;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
}
.project-tabs li:last-child::after {content: none;}
.project-tabs a {
font-size: 50px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.project-tabs a:not(.active) {opacity: 0.45;}
.project-tabs a:hover {opacity: 1;}
.band-projectlist .project-item {
width: 50%;
width: calc(50% - 10px);
margin-bottom: 50px;
}
.band-projectlist .project-item .project-thumb-outer { 
width: 100%;
height: 380px; 
cursor: pointer;
margin-bottom: 30px;
}
.band-projectlist .project-item .project-thumb-inner {
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} 
.band-projectlist .project-thumb-outer:hover .project-thumb-inner {
transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
-webkit-transform: translate(-50%, -50%) scale(1.1);
-moz-transform: translate(-50%, -50%) scale(1.1);
opacity: 0.6;
}
.band-projectlist a.title {display: block; margin-bottom: 10px;}
a.read-more.load-more-button {
font-size: 40px !important; 
line-height: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-top: 50px;
}
a.load-more-button .arrow {margin-left: 20px; width: 75px; height: 75px;}
a.load-more-button .arrow svg { 
width: 75px; 
height: 75px; 
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.image.fullwidth-image { margin-top: 40px; } .band.band-contactbanner { padding: 200px 0px 100px 0px; } 
.band.band-contactbanner h1 {margin-bottom: 10px; line-height: 1;}
.band.band-contactbanner h2 {padding-left: 75px;}
.band.band-contactbanner .desc {padding-left: 75px; margin-top: 50px;}
.band.band-contactbanner .bg-pattern-white {
position: absolute;
left: 0;
top: 150px;
height: 430px;
width: 34vw;	
}
.band.band-contactforms {padding-top: 0;}
.form-tabs {padding-left: 75px;}
.form-tab {
width: 25%;
text-align: left;
padding: 20px 30px;
border-left: 1px solid #fff;
cursor: pointer;
} .form-tab:not(.active):not(.hover) p, 
.form-tab:not(.active):not(.hover) p strong {
color: #5a5569;
}
.form-tab:not(.active):not(.hover) .arrow line, 
.form-tab:not(.active):not(.hover) .arrow polyline {opacity: 0;}
.form-tab p,
.form-tab strong,
.form-tab line,
.form-tab polyline {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.form-tab .icon { 
height: 80px; 
margin-bottom: 10px; 
}
.form-tab .icon img {
max-height: 65px;
width: auto;
display: block;
max-width: none;
margin: 0px auto;
}
.form-tab p { 
font-family: 'bennet-banner', sans-serif;
font-size: 32px;
line-height: 1.2;
margin: 0;
width: 100%;
margin-bottom: 40px;
}
.form-tab p strong {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
text-transform: uppercase;
line-height: 1;
font-size: 28px;
}
.form-tab .arrow {
width: 27px;
height: 27px;
top: -7px;
position: relative;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.form-tab .arrow svg {display: block;}
.band.band-forms {padding-top: 0; padding-bottom: 150px;}
.band.band-forms .forms-outer {padding-left: 225px;}
.band.band-forms .forms-inner {max-width: 800px;}
.band.band-forms .form-content {display: none;}
.band.band-forms .form-content.active {display: block;}
.band.band-forms br {display: none;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
width: 100%;
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif; 
font-size: 22px;
line-height: 1;
padding: 20px 10px;
margin-bottom: 40px;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
color: inherit;
border-radius: 0 !important;
}
input::placeholder,
textarea::placeholder {opacity: 1; color: inherit;}
.band.band-forms textarea {height: 200px;}
.band-forms span.wpcf7-not-valid-tip {
top: -30px;
position: relative;
color: #bb8b7b;
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif; 
}
.band-forms .wpcf7 form .wpcf7-response-output {
border: none !important;
padding: 0px !important;
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif; 
color: #fff;
}
form label {margin-bottom: 10px;}
button[type="submit"] {
background: none !important;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
padding: 0px;
margin-left: calc(100% - 50px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: relative;
}
button[type="submit"]:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
button[type="submit"] svg {width: 50px; height: 50px;}
.map-address {
width: 30%;
padding-right: 70px;
}
.map-address .enquiries {margin-bottom: 80px;}
.map-address .enquiries p {margin-bottom: 30px;}
.map-address .enquiries a {display: block; margin-bottom: 20px;}
.map-address .find-us a {margin-top: 30px;}
.map {
width: 65%;
max-width: 1300px;
height: 100%;
right: 0px;
bottom: 0px;
} .reset {
position: absolute;
top: -39px;
font-size: 17px;
right: 0;
transform: none;
text-decoration: underline;
color: #6874a6;
}
.band.band-newsbanner {padding: 200px 0 0 0;}
.band.band-newsbanner h1,
.band.band-newsbanner h2 {margin: 0;}
.band.band-newsbanner h2 span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
font-weight: inherit;
font-style: inherit;
}
.archive h1.txt-hn-xlarge,
.blog h1.txt-hn-xlarge {margin-bottom: 30px;}
.band.band-newsarchive {padding-top: 50px;}
.news-item { width: calc(33.333% - 44.444px); margin-bottom: 100px; }
.news-item.middle { margin: 0px 66.666px auto 66.666px; }
.news-item.large { width: 100%; }
.news-item .thumbnail { width: 100%; aspect-ratio: 1/1; height: 375px}
.band-newsrelated .news-item .thumbnail {height: 318px;}
.news-item.large .thumbnail { height: 600px; aspect-ratio: auto; }
.news-item .thumbnail-inner {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute; transform-origin: center;
}
.news-item .arrow {bottom: -1px; right: -1px;}
.news-item .arrow rect {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.news-item .thumbnail:hover rect {fill: #1a1432;}
.news-item .thumbnail:hover .thumbnail-inner { transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.news-item .info { margin-top: 30px; }
.news-item.large .info a.title {font-size: 30px;}
select {
border: none;
border-bottom: 1px solid #1a1432;
border-color: inherit;
background: transparent;
width: 100%;
font-family: 'Helvetica Neue LT W05 45 Light', sans-serif;
font-size: 22px;
line-height: 1.2;
padding: 20px 10px;
margin-bottom: 40px;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
border-radius: 0;
color: inherit;
-webkit-appearance: none;
}
.filter select {
font-size: 18px;
min-width: 180px;
margin-bottom: 0px;
cursor: pointer;
}
.filter .filter-inner {margin-left: 20px; top: -10px}
.filter .filter-inner form {margin: 0;}
.filter .filter-inner .dropdown-arrow {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
width: 16px;
height: 8px;
pointer-events: none;
}
.filter .filter-inner .dropdown-arrow svg {
width: 100%;
height: 100%;
display: block;
} .band.band-aboutbanner { padding-top: 140px; padding-bottom: 130px; line-height: 1;}
.band.band-aboutbanner .bg-pattern-white {
max-width: 900px; 
width: 100%; 
left: 0; 
bottom: 130px; 
height: 450px;
}
.band-aboutbanner .side-image {
margin: 0px 0 -120px -40px;
bottom: auto;
right: 0;
top: 150px;
z-index: 2;
}
.band-aboutbanner p.top{margin-bottom:0;}
.band-aboutbanner p.bottom {
line-height: 1.1;
margin-bottom: 0px !important;
margin-left: 70px;
padding-top:0;
}
.band-aboutbanner .desc {
max-width: 470px;
margin: 50px 0 180px 80px;
}
.band.band-concept { padding-top: 300px; }
.band-concept .sixteen.columns:not(.accordion) {
padding-left: 600px;
min-height: 600px;
}
.band-concept .side-image {
position: absolute;
left: 0;
width: 37%;
height: 650px;
max-width: 800px;
top: 220px;
}
.band-concept .bg-pattern-white {
height: 500px;
right: 0;
top: 0;
min-width: 900px;
width: 60%;
position: absolute;
}
.band-concept .medium-band-title h3,
.band-aboutteam .medium-band-title h3 {font-size:80px;}
.band-concept .medium-band-title h2,
.band-aboutteam .medium-band-title h3 {font-size:90px;}
.band-concept.accordion {padding-top:0; padding-bottom:120px;}
.band-concept.accordion .accordion-item.about-page .accordion-inner {
flex-direction:column;
width:50%;
}
.band-concept.accordion .accordion-item.about-page .accordion-inner .accordion-content {
padding: 0 100px 0 80px;
width: 100%;
}
.band-concept.accordion .accordion-item.about-page .accordion-image {
max-width: 340px;
margin-left: auto;
display:none;
}
.band-concept.accordion .accordion-item.about-page.first .accordion-image{
display:block;
}
.band-concept.accordion .accordion-item.about-page .accordion-image .image-inner .image-arrow {
width: 90px;
transform: rotate(45deg);
bottom: 125px;
left: -44px;
}
.band-twocoltext .twocol {
padding: 50px 200px 0px 105px;
column-count: 2;
column-gap: 70px;
}
.band.band-aboutway {padding-top: 150px;}
.band-aboutway .left {width: 100%; margin-bottom: 30px;}
.band-aboutway .left h3 {font-size: 78px;}
.band-aboutway .right {width: 100%; margin-right: 0%;}
.band-aboutway .right.bodycopy p,
.band-aboutway .right.bodycopy ul,
.band-aboutway .right.bodycopy ol {margin-left: 0 !important; max-width: 900px;}
.band-aboutway .bg-pattern-brown {
min-width: 410px;
width: 35%;
height: 500px;
left: 0px;
top: 100px;
}
.band.band-aboutsteps {padding-top: 0;}
.band-aboutsteps h4 {margin: 0 40px 0 0;}
.band-aboutsteps .arrows-wrap {width: 88px;}
.band-aboutsteps .arrows-wrap svg { width: 40px; height: 40px; cursor: pointer;}
.band-aboutsteps .arrows-wrap svg rect {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band-aboutsteps .arrows-wrap svg:hover rect {fill: #a67550;}
.slider-steps { display: flex;
flex-wrap: wrap;
justify-content:space-between;
margin: 40px auto 40px auto;
width: 100%;
padding:0 40px;
}
.step-slider-item {
width: 24%; display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
margin-bottom: 40px;
align-content:flex-start;
}
.step-slider-item .image { 
width: 100%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
} .step-slider-item .image img {
width:450px; } .step-slider-item .arrow {
bottom:0;
left:0; width:70px;
height:70px;
}
.step-slider-item .arrow img {width: 42px; height: 42px;}
.step-slider-item .desc { width: calc(100% - 90px); padding: 30px 0 0 0; }  .band-clientslider.band-clientslider-alt .slider-outer {width: 900px; margin: 0px auto;}
.band-clientslider.band-clientslider-alt .slider-item {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.band.band-aboutclients {padding-top: 70px; padding-bottom: 50px;}
.band.band-aboutclients .slick-dotted.slick-slider {margin-bottom: 0;}
.band-clientslider.band-clientslider-alt .logo {width: 220px; margin: 0 auto 0 auto; }
.band-clientslider.band-clientslider-alt .quote {width: calc(100% - 290px); padding: 50px 30px; margin-left: 70px;}
.band-clientslider.band-clientslider-alt .quote::before {background-image:none !important;}
.band-clientslider.band-clientslider-alt .quote::after {background-image: none !important;}
.band-clientslider-alt .slick-dots { width: auto; left: 315px; bottom: 20px; }
.band-clientslider-alt .slick-dots li button {background:#28283082;}
.band.band-aboutteam {padding: 200px 0px 300px 0px;}
.band.band-aboutteam .text { width: 540px; margin-top:100px;}
.band.band-aboutteam .medium-band-title h2.bottom {padding-left: 0;}
.band.band-aboutteam .desc {margin-top: 65px; margin-left: 75px;}
.band.band-aboutteam .right-image {width: 45%; right: 50px; top: 0; height:100%;}
.band.band-aboutteam .right-image img:first-child {position:absolute; top:0; left:0; width:50%;}
.band.band-aboutteam .right-image img:last-child {position:absolute; bottom:0; right:0; width:50%;}
.band.band-aboutteam .bg-pattern-white {
width: 50%; 
height: 375px;
left: 0;
top: 240px;
} .band-newsbanner-single {padding: 200px 0 0px 0}
.band-newsbanner-single .news-cat {font-size: 30px; margin-bottom: 40px;}
.band-newsbanner-single h1 {
max-width: 950px;
margin: 0px auto 40px auto;
line-height: 1.2;
}
.band.band-singlecontent {padding-top: 0px; overflow: unset;}
body.single {overflow: unset;}
.breadcrumb.breadcrumb-vertical {
writing-mode: vertical-rl;
text-orientation: mixed;
position: absolute;
max-height: none;
height: calc(100% - 190px);
top: 60px;
left: calc((100vw - 1300px)/2);
z-index: 2;
}
.breadcrumb.breadcrumb-vertical p {
margin: 0px auto;
max-width: 100%;
padding-bottom: 5px;
position: sticky;
display: inline-block;
top: 100px;
transform: rotate( 180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate( 180deg);
-moz-transform: rotate(180deg);
max-height: calc(100vh - 100px);
}
.breadcrumb p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.breadcrumb .arrow {
width: 25px;
height: 15px;
display: inline-block;
margin: 0px 10px;
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/breadcrumb-arrow-black.svg) no-repeat center center;
background-size: contain;
position: relative;
top: 2px;
}
.breadcrumb.txt-white .arrow {background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/breadcrumb-arrow-white.svg);} 
.breadcrumb.breadcrumb-vertical .arrow {
top: 0;
width: 20px;
height: 30px;
transform: rotate( 90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate( 90deg);
-moz-transform: rotate(90deg);
}
.bodycopy img, .bodycopy .wp-video {margin: 60px auto 60px auto; max-width: 940px; width: 100%;}
.bodycopy ul li,
.bodycopy ol li {
color: inherit;
list-style-type: disc;
padding-left: 5px;
margin-bottom: 15px;
font-size: inherit;
line-height: inherit;
}
.bodycopy ol li {
list-style-type: decimal;
}
.bodycopy h3 {
font-size: 35px;
line-height: 1.2;
margin-bottom: 20px;
color: #6874a6;
font-family: bennet-banner, sans-serif;
}
.bodycopy h4 {
font-size: 26px;
line-height: 1.2;
margin-bottom: 20px;
color: #24242a;
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
font-weight: 400;
}
.bodycopy.txt-white h3,
.bodycopy.txt-white h4 {color: #fff;}
.bodycopy blockquote {
border-left: 5px #6874a6 solid;
padding: 20px 0px 20px 30px;
max-width: 800px;
margin: 0px auto 20px auto;
}
.bg-purple .bodycopy h3 {color: #bb8b7b !important}
.bg-purple .bodycopy blockquote {border-color: #bb8b7b !important}
.bodycopy blockquote p {
font-family: 'bennet-banner', sans-serif;
font-style: italic;
font-weight: 400;
font-size: 30px;
line-height: 1.2;
}
.bodycopy blockquote p:last-child {	margin: 0;}
.bodycopy p,
.bodycopy ul,
.bodycopy h3,
.bodycopy h4 {
margin: 0px auto 20px auto;
max-width: 800px;
width: 100%;
}
.bodycopy ul,
.bodycopy ol {
max-width: 783px;
position: relative;
left: 17px;
}
.bodycopy p,
.bodycopy li {font-size: 22px;}
.bodycopy a:not(.read-more) {text-decoration: underline; color: #6874a6 !important}
.bg-purple .bodycopy a:not(.read-more) {color: #bb8b7b !important;}
.bodycopy .breadcrumb a {
color: inherit !important;
text-decoration: none;
} 
.bodycopy .breadcrumb a:hover { color: #6874a6 !important}
.band.band-newsrelated {padding-top: 0; padding-bottom: 0px;}
.band.band-newsrelated .title {padding-right: 70px;}
.band.band-newsrelated .title .inner {
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.band.band-newsrelated p.top {font-size: 36px; margin: 0; line-height: 1;}
.band.band-newsrelated p.bottom {font-size: 70px; margin: 0; line-height: 1; margin-right: -5px;}
.band.band-newsrelated .news-items {width: 100%;} .band.band-aboutsubpagebanner {padding-top: 150px;}
.band .container.breadcrumb-container .breadcrumb  {width: 100%;}
.band-aboutsubpagebanner .breadcrumb {text-align: right; margin-bottom: 40px;}
.band-aboutsubpagebanner p.top {line-height: 1; margin: 0}
.band-aboutsubpagebanner p.bottom {line-height: 1; margin: 0 0 0 75px}
.band-aboutsubpagebanner .desc { width: 381px; margin: 70px 0 110px 80px; }
.peoplebanner-image-small { display: inline-block; margin-left: 30%; }
.peoplebanner-image-small img {
display: inline-block;
width: 418px;
position: relative;
z-index: 3;
}
.peoplebanner-image-border {
width: 418px;
height: 350px;
bottom: 40px;
left: calc(30% + 40px);
}
.peoplebanner-image-large.absolute {
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/jpg-png/about/people-banner-large.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 57vw;
height: 600px;
top: 379px;
right: 0;
}
.band-aboutsubpagebanner .bg-pattern-white {
width: 55vw;
height: 450px;
left: 0px;
bottom: 20px;
z-index: 2;
}
.band.band-leadership {padding-top: 200px;}
.band.band-leadership .bg-pattern-white {
height: 500px;
left: -500px;
top: 150px;
width: 1300px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/bg-leadership.png);
background-size: contain;
background-repeat: no-repeat;
opacity: 1;
background-position: right;
}
.band-leadership .large-band-title {display: block;}
.band-leadership .large-band-title h2.bottom {padding-left: 0%;}
.band-leadership .desc {margin-left: 0; max-width: 480px; padding-top: 50px;}
.band-leadership .desc p strong {line-height:1;}
.band-leadership .directors {padding-top: 100px;}
.band-leadership .directors-list {padding-left: 75px;}
.band-leadership .icon {
width: 190px;
right: 0px;
top: 0px	
}
.director-list {margin-left: 140px;}
.director-list li { margin-bottom: 50px; opacity: 0.5; cursor: pointer;}
.director-list li.active,
.director-list li:hover {opacity: 1;}
.director-list span.txt-hn { font-size: 32px; display: block; }
.director-list span.txt-bb { font-size: 60px; }
.director-info { width: 367px; margin-right: 100px; }
.director-info .director-item {display: none;}
.director-info .director-item:first-child {display: block;}
.director-image {margin-bottom: 30px;}
.band.band-culture {padding-top: 300px;}
.band-culture .culture-image {top: 0; right: 0; max-width: 55%; z-index: 2;}
.band.band-culture .container {z-index: 3;}
.band-culture .large-band-title h2.bottom {padding-left: 145px;}
.band-culture .desc {max-width: 455px; margin-left: 150px; margin-top: 50px;}
.band-culture .bg-pattern-brown,
.band-culture .bg-pattern-white {
width: 500px;
height: 450px;
right: 0px;
top: 300px;
}
.value-icons {padding-top: 70px;}
.value-item {width: 33.333%; margin-bottom: 50px;}
.value-item .icon {
width: 130px; 
margin: 0px auto 30px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-flex-align: center;
height: 150px;
}
.value-item .txt-bb {font-size: 40px;}
.band-video.band {
position: relative;
padding: 0px;
height: 650px;
min-height: 300px;
max-height: calc(100vh - 70px);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.band-video .overlay {
opacity: 0;
background: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.band-video:hover .overlay {opacity: 0.1;}
.band-video .play { width: 110px; }
.band-video:hover .play {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-video svg {display: block;}
.band-video polygon {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band-video:hover polygon { fill: #6874a6; opacity: 1; } .band.band-partnersbanner {padding: 200px 0 50px 0;}
.band.band-partnersbanner p.top {line-height: 1; margin: 0}
.band.band-partnersbanner p.bottom {line-height: 1; margin: 0 0 0 70px;}
.band.band-partnersbanner .bg-pattern-white {
height: 480px;
position: absolute;
right: 0px;
top: 160px;
width: 33%;
}
.band.band-partnersintro {padding: 0 0 0px 0;}
.band.band-partnersintro .flex {padding-left: 70px;}
.band.band-partnersintro .left {
max-width: 600px;
margin-right: 0;
padding: 0px 0px 120px 0px;
width: 50%;
flex-shrink: 0;
padding-right: 70px;
}
.band.band-partnersintro .right {
width: 100%;
position: relative;
height: 380px;
margin-top: -70px;
}
.band.band-partnersintro .image-wrap {
height: 100%;
top: 0;
left: 0;
width: 50vw;
}
.band.band-partnersintro .image-inner {width: 100%; height: 100%;}
.band.band-partnersintro .shape {
width: 308px;
bottom: -70px;
left: -150px;
}
.band.gallery-nav {padding: 0 0 20px 0;}
.gallery-nav p {font-size: 40px; line-height: 1; margin: 0 20px 0 0; padding-top: 12px;}
.gallery-nav .arrows-wrap {width: 75px;}
.gallery-nav .arrow {width: 33px; cursor: pointer; display: block !important}
.gallery-nav .arrow.slick-disabled,
.gallery-nav .arrow.slick-hidden {opacity: 0.7; pointer-events: none;}
.gallery-nav .arrow svg {display: block;}
.gallery-nav .arrow rect,
.gallery-nav .arrow polyline,
.gallery-nav .arrow line {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.gallery-nav .arrow:hover rect {fill: #1a1432}
.page-template-page-contact .gallery-nav .arrow:hover rect {fill: #bb8b7b}
.gallery-nav .arrow:hover polyline,
.gallery-nav .arrow:hover line {stroke: #fff;}
.band.gallery {padding: 0}
.gallery .bg-image {height: 400px;}
.gallery .overlay-hov {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #000;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.gallery .bg-image:hover .overlay-hov {opacity: 0.5;}
.featherlight::after {
content: "Loading...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
color: #fff;
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 35px;
line-height: 1;
z-index: 1;
}
.featherlight-content .featherlight-image {position: relative; z-index: 2;}
body .featherlight-previous,
body .featherlight-next {
width: 50px;
height: 50px;
z-index: 20000000000;
align-items: center;
-ms-align-items: center;
justify-content: center;
background: rgba(255,255,255,.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
top: auto;
left: auto;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
body .featherlight-previous {
bottom: 20px;
right: 80px;
}
body .featherlight-next {
bottom: 20px;
right: 20px;
}
body .featherlight-previous span,
body .featherlight-next span {
display: block !important;
position: static !important;
margin: 0;
padding: 10px;
width: 100%;
}
.band.band-partnersmain {padding-top: 200px;}
.band-partnersmain .bg-pattern-brown {
height: 400px;
width: 42%;
top: -70px;
right: 0px;
}
.partners-accordion {margin-top: 70px;}
.partners-accordion .accordion-item {border-bottom: 0.25px solid #282830; }
.accordion-item {
border-bottom: 0.25px solid #fff; 
border-top: 0.25px solid #fff; 
padding: 40px 60px 40px 100px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.accordion-item .accordion-title .arrow {
width:32px;
position:absolute;
left:30px;
top:40px;
}
.accordion-item:not(.open) {cursor: pointer;}  .accordion-head { width: 283px; cursor: pointer;}
.accordion-head img {width: auto; max-height: 40px; mix-blend-mode: overlay;}
.accordion-head img.small {max-height: 25px;}
.accordion-head img.medium {max-height: 60px;}
.accordion-head img.tall {max-height: 80px;}
.accordion-head img.square {max-height: 120px;}
.open .accordion-head:hover {opacity: 0.7;}
.accordion-content {width: calc(100% - 283px); padding: 0px 200px 0px 150px; display: none;}
.accordion-item.first .accordion-content {display: block;}
.accordion-arrow {bottom: 0; right: 0;}
.accordion-arrow rect,
.accordion-arrow polyline,
.accordion-arrow line {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.accordion-item:not(.open):hover rect,
.accordion-arrow:hover rect {fill: #1a1432}
.accordion-arrow svg {
display: block; 
width: 75px; 
height: 75px;
cursor: pointer;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.open .accordion-arrow svg {
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
} .band-careersbanner.band {padding: 150px 0 150px 0;}
.band-careersbanner p.top {line-height: 1; margin-bottom: 0;}
.band-careersbanner p.bottom { line-height: 1.1; margin-bottom: 0px !important; margin-left: 70px; }
.careersbannerimage-large { margin-left: 100px; width: calc(100% - 100px); }
.careersbannerimage-large .shape {
top: 0;
left: 0;
width: 80%;
height: 75px;
z-index: 2;
}
.band-careersbanner .desc { 
max-width: 600px;
margin: 50px 0 0 calc(100% - 700px);
}
.careersbannerimage-small {
bottom: 270px;
border-top: 40px solid;
border-right: 40px solid;
border-color: #e4dfd9;
width: 480px;
max-width: 31%;
}
.band.band-leadership.band-leadership-alt {padding-top: 100px;}
.band-leadership-alt .large-band-title {margin-left: 100px;}
.band-leadership.band-leadership-alt .desc {padding-top: 0; margin-left: 100px; padding-bottom: 150px;}
.band-leadership-alt .leadershipalt-content {padding-top: 20px;}
.band-leadership.band-leadership-alt .icon {width: 120px; top: 180px;}
.leadership-alt-item.top {margin-bottom: -50px;}
.leadership-alt-item {margin-right: 100px;}
.leadership-alt-item .leadership-text {padding-top: 20px;}
.leadership-alt-item.top .leadership-text {padding: 0 0 0 20px;}
.leadership-alt-item p {margin-bottom: 0;}
.band.band-leadership.band-leadership-alt .bg-pattern-white { top: 300px; width: 67vw; }
.band-welove {padding-bottom:160px;}
.band-welove .top-image { margin: 0px 0 -120px -40px;
bottom: auto;
right: 0;
top: 150px;
z-index: 2;
}
.band-welove .top-image .inner-bg {
right: -100px;
top: -100px;
height: 100%;
width: calc(100% + ((100vw - 1300px)/2) + 100px);
}
.band-welove .top-image img {z-index:20;}
.band-welove .large-band-title {padding-top: 140px;}
.band-welove .title-image {width: 280px;}
.band-welove .content { max-width: 480px; margin-left: 45px; margin-bottom:60px; padding-top: 90px;}
.band-welove .content .image {width: 416px; max-width: 100%; flex-shrink: 0;}
.band-welove .content .desc {padding-left: 40px;}
.band-welove .icon {width: 170px; top: -52px; left: -110px;}
.band-welove .bg-pattern-white {
width: 750px;
height: 330px;
top: 150px;
left: 0;
}
.value-icons.value-icons-alt .value-item {width: 25%;}
.value-icons-alt .value-item .icon { width: 140px; text-align: center; height: 140px;}
.value-icons-alt .value-item .icon.wider {width: 130px;}
.value-icons-alt .value-item .icon img { max-height: 140px; width: auto; display: inline-block; }
.value-icons-alt .value-item p { max-width: 220px; margin: 0px auto; text-align: center; }
.leftheading-rightdesc {margin-bottom: 100px;}
.leftheading-rightdesc .desc {width: 100%; max-width: 450px; margin-right: 250px;}
.band-icons {padding:160px 0 35px 0;}
.band-icons .bg-pattern-brown {
width: 670px;
width: max(550px, 40vw);
height: 530px;
top: -100px;
left: 0;
}
.band-icons .value-icons {padding-bottom:70px;}
.band-icons .note {right:0; bottom:0;} .banner-grad {
top: 0;
left: 0;
width: 100%;
height: 150px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
z-index: 12;
}
.band.band-projectsubpagebanner {padding: 0px 0px 0px 0px;}
.band.band-projectsubpagebanner .container { z-index: 2; }
.band.band-projectsubpagebanner .breadcrumb p {
max-width: 630px; 
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.band-projectsubpagebanner .title {margin-top: -42px; max-width: calc(100% - 630px); padding-bottom: 40px;}
.band-projectsubpagebanner h2 {margin-bottom: 10px; line-height: 1;} 
.band-projectsubpagebanner h1 {margin-bottom: 0px; line-height: 1;} 
.band-projectsubpagebanner .desc {
max-width: 700px;
width: 50%;
border-left: 50px solid #bb8b7b;
border-bottom: 50px solid #bb8b7b;
padding: 70px 0px 70px 70px;
margin-bottom: -150px;
z-index: 2;	
align-self: flex-start;
-ms-align-self: flex-start;
}
.band-projectsubpagebanner .desc p:last-child {margin: 0;}
.band.band-projectsubpagebanner .bg-box {
top: 0;
left: 0;
width: 100%;
height: 100%;
width: calc(100% + ((100vw - 1260px)/2));
}
.video-thumb {height: 700px; max-height: 100vh; cursor: pointer;}
.fallback .video-thumb {cursor: auto;}
.band.band-projectsubpagebanner .video-thumb {
max-height: none;
height: calc(100vh - 84.5px);
min-height: 550px;
}
.band.band-projectsubpagebanner .video-thumb-high-res {display: none;}
.video-thumb.fallback {cursor: auto;}
.video-thumb .play { 
width: 105px;  
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 2;
}
.video-thumb polygon {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.video-thumb:hover polygon {fill: #fff; opacity: 1;}
.video-thumb .overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0);
}
.video-thumb:hover .overlay { background: rgba(0,0,0,0.5); }
.project-subnav {padding: 30px 0;}
.project-subnav ul {margin: 0;}
.project-subnav li {margin: 0 30px; position: relative;}
.project-subnav li::after {
content: "";
position: absolute;
top: 50%;
right: 0%;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
width: 20px;
height: 11px;
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/dropdown-arrow.svg) no-repeat center center;
background-size: contain;
margin-top: -2px;
}
.project-subnav a { 
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif; 
border-bottom: 2px solid transparent;
padding-right: 30px;
}
.project-subnav a:hover {border-color: #fff;}
.band-projectintro h5 {
font-size: 22px; 
font-family: "Helvetica Neue LT W05 55 Roman", sans-serif; 
color: inherit;
margin-bottom: 20px;
line-height:1.2;
}
.band-projectintro .left {
width: 50%;
max-width: 600px;
padding-left: 140px;
line-height: 1.4;
}
.band-projectintro .left .desc a {
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
color: #fff;
text-decoration: underline;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band-projectintro .left .desc a:hover {color: #282830;}
.band-projectintro .breadcrumb {margin-bottom: 50px;}
.band-projectintro .title {margin-bottom: 100px;}
.band-projectintro .title h1,
.band-projectintro .title h2 {line-height: 1;}
.band-projectintro .title h1 {font-size: 67px;}
.band-projectintro .bg-pattern-white {width: 50%; height: 600px; right: 0px; top: -100px;}
.band-projectintro .right {width: 50%; width: calc(50% - 140px);}
.project-partner {margin-bottom: 40px;}
.project-partner {width: 50%;}
.project-partner.main {width: 100%;}
.project-partner img {max-height: 42px; width: auto;}
.project-partner img.normal {max-height: 42px; width: auto;}
.project-partner img.large {max-height: 200px; width: auto;}
.project-partner.main img {max-height: 50px;}
.project-partner.main img.large {max-height: 80px;}
.band-timeline h3 {margin-bottom: 100px;}
.band-timeline .line {
width: calc(100% + ((100vw - 1260px)/2));
height: 2px;
position: absolute;
top: 9px;
right: 0px;
}
.band-timeline .timeline-inner {width: calc(100% - 34px);}
.timeline-item { width: calc(16.667% - 30px); margin-right: 30px; }
.timeline-item .date p {font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;}
.timeline-marker.bg-white {
width: 20px;
height: 20px;;
border-radius: 50%;
margin-bottom: 40px;
}
.timeline-complete {
position: relative;
padding-top: 60px;
}
.complete-marker {
width: 34px;
transform: translateY(-50%);
top: 10px; right: -1px;
}
.band-timeline .arrows-wrap {width: 75px; top: 20px; right: 12px;}
.band-timeline .arrow {width: 33px; cursor: pointer;}
.band-timeline .arrow:hover rect {fill: #bb8b7b}
.band-timeline .arrow.slick-disabled {opacity: 0.5;}
.band.band-projectstats {padding: 0;}
.band-projectstats .mainbox {
max-width: 505px;
width: calc(50% - 70px);
padding: 40px;
margin-left: 70px;
min-height: 450px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
align-self: start;
align-self: flex-start;
-ms-align-self: start;
}
.band-projectstats .mainbox .top {
padding-right: 120px;
margin: 0;
font-size: 35px;
}
.band-projectstats .mainbox .bottom {margin: 0;  padding-right: 120px;}
.band-projectstats .mainbox .icon { width: 67px; top: 50px; right: 40px; }
.band-projectstats .right {padding-left: 70px; width: 50%;}
.band-projectstats .right h3 {margin: 50px 0px;}
.band-projectstats .subbox-wrap {
border-top: 50px solid #1a1432;
border-left: 50px solid #1a1432;
margin-left: -200px;
width: calc(100% + 200px);
z-index: 2;
margin-bottom: -20px;
}
.band-projectstats .subbox {width: calc(50% - 10px); padding: 40px; background: #cabfb4; margin-bottom: 20px;}
.band-projectstats .subbox .icon {width: 75px;}
.band-projectstats .subbox p {margin: 100px 0 0 0;}
.band.band-specification {padding-bottom: 50px;}
.band-specification h3 {margin-bottom: 70px;}
.band-specification .inner {padding-left: 70px;}
.band-specification .left {width: 50%; max-width: 480px; line-height: 1.4;}
.band.band-specification .bodycopy a {
color: #a67550 !important;
font-family: 'Helvetica Neue LT W05 75 Bold';
}
.band.band-specification .bodycopy a:hover {color: #282830 !important;}
.band-specification .right {width: 50%; max-width: 510px; line-height: 1.4;}
.band-specification .right ul {margin-bottom: 50px;}
.band-specification .right li {position: relative; margin-bottom: 20px;}
.band-specification .right li::before {
position: absolute;
content: "";
top: 6px;
left: -50px;
width: 25.5px;
height: 18px;
background: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/projects/icon-tick-thick.svg) no-repeat top center;
background-size: contain;
}
.band-projectstats-new {padding: 70px 0 30px 0;}
.band-projectstats-new .title {width: 380px; max-width: 100%;}
.band-projectstats-new .arrow {width: 93px; margin-top: 40px;}
.band-projectstats-new .arrow svg {display: block; width: 100%; height: auto;}
.band-projectstats-new .stats-wrap { width: calc(100% - 380px); min-width: 300px;}
.band-projectstats-new .stat-item {width: 30%; margin-bottom: 40px;}
.band-projectstats-new .stat-item.middle {margin: 0 4.9995% 40px 4.9995%;}
.band-projectstats-new .stat-item .icon { 
width: 100px; 
height: 100px; 
margin-bottom: 30px; 
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
-ms-align-items: center;
flex-direction: row;
-ms-flex-direction: row;
}
.band-projectstats-new .stat-item .icon img { max-width: 90px; max-height: 90px; }
.band-projectstats-new .stat-item .label p {font-size: 26px;}
.band.band-projectquote {padding-bottom: 0;}
.band-projectquote .quote-inner {max-width: 895px; margin: 0px auto;}
.band-projectquote .quote-image {width: 206px;}
.band-projectquote .quote-text {width: calc(100% - 206px); padding-left: 50px;}
.band-projectquote .main { font-weight: 400; font-style: italic; }
.band-projectquote .quote-outer::before,
.band-projectquote .quote-outer::after {
position: absolute;
content: "";
width: 84px;
height: 64px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.band-projectquote .quote-outer::before {
top: -50px;
left: 40px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/quote-open-grey.svg);
}
.band-projectquote .quote-outer::after {
bottom: 0px;
right: 70px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/global/quote-close-grey.svg);
}
.band-projecttour .bg-pattern-brown {width: 40%; height: 550px; right: 0px; top: 0px;}
.tour {height: 700px; max-height: 100vh; cursor: pointer;}
.tour .icon img {width: 177px; margin-bottom: 20px;}
.floors {padding: 70px;}
.floors h3 {margin-bottom: 80px;}
.floors .zoom-text {
right:70px;
top: 100px;
}
.floorplan span {width: 100%;}
.floorplan {cursor: -webkit-grab; cursor: grab; display: none;}
.floorplan.active {display: block;}
.floorplan:active,
.floorplan:target {cursor: -webkit-grabbing; cursor: grabbing; outline: 1px solid #a67550;}
.floorplan-subnav a {
font-family: "Helvetica Neue LT W05 75 Bold", sans-serif;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.floorplan-subnav {padding: 50px 70px 0px;}
.floorplan-subnav ul,
.floorplan-subnav li {margin-bottom: 0;}
.floorplan-subnav a.active,
.floorplan-subnav a:hover {opacity: 1;}
.band-projectarea {min-height: 600px;}
.band-projectarea .columns {padding-right: 60%;}
.band-projectarea .map {
width: 50%;
height: 100%;
right: 0px;
top: 0px;
}
.band-projectarea .map .overlay {background: #c9beb3; pointer-events: none;}
.band-projectarea .map-inner {opacity: 0.75; mix-blend-mode: luminosity;}
.band-projectarea h3 {margin-bottom: 100px;}
.band-projectarea .desc {margin-bottom: 100px; line-height: 1.4;}
.band-projectarea .gallery-nav {left: 10px; bottom: -70px;}
.band.band-interest {padding-bottom: 0;}
.band.band-interest .left {width: 38%;}
.band.band-interest .right {align-self: flex-end; width: 45%; margin-right: 10%;}
.band.band-interest { padding-bottom: 0; padding-top: 50px;}
.band.band-interest .left { width: 38%; padding: 50px 100px 0px 0px; }
.band.band-interest .bg-box {
top: 0;
right: 0;
height: 100%;
width: calc(100% + (100vw - 1260px)/2);
}
.band.band-interest h3,
.band.band-interest ul {position: relative; z-index: 2;}
.band.band-interest h3 {margin-bottom: 60px;}
ul.available-list li {
margin-bottom: 25px;
padding-bottom: 20px;
font-family: 'Helvetica Neue LT W05 75 Bold', sans-serif;
border-bottom: 1px solid #282830;
}
ul.available-list li:last-child { margin-bottom: 0px !important; }
.band.band-interest .right {
align-self: flex-end;
-webkit-align-self: flex-end;
-ms-align-self: end;
width: 44%;
margin-right: 5%;
}
.band.band-interest .right h3 {padding-top: 70px;}
.band.band-interest form {margin-bottom: -6px;}
.band.band-interest input {margin-bottom: 20px;}
.band.band-interest input:last-of-type {margin-bottom: 0;}
.band.band-interest input {border-bottom: 1px solid rgba(255, 255, 255, 0.75); color: #ffffff !important}
.band.band-interest input::placeholder {opacity: 0.5 !important;}
.band.band-interest button {
margin-left: calc(100% - 75px); 
margin-bottom: 0;
transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
height: 75px;
}
.band.band-interest button svg {width: 75px; height: 75px;}
.band.band-interest button .hover {opacity: 0; pointer-events: none;}
.band.band-interest button:hover .hover {opacity: 1;}
.band.band-interest form > p {margin: 0}
.band.band-interest form br {display: none;}
.band.band-interest rect {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.band-interest button:hover rect {fill: #a67550;}
.band-interest .wpcf7-not-valid-tip {color: #a67550;}
.band-interest .wpcf7 form .wpcf7-response-output {
border: none;
padding: 0;
color: #fff;
font-family:"Helvetica Neue LT W05 75 Bold";
}
.band-projectlatest .bg-pattern-white {
width: 65%;
max-width: 1050px;
left: 0;
bottom: 300px;	
height: 450px;
}
.band-projectlatest .top {margin-bottom: 40px;}
.band-projectlatest .top .title {width: 304px; margin-right: 39px;}
.band-projectlatest .top .video-outer {width: calc(100% - 343px); height: 100vh; max-height: 650px; min-height: 500px;}
.band-projectlatest .top .video-thumb {width: 100%; height: 100%; width: calc(100% + ((100vw - 1260px)/2));}
.band-projectlatest .projectupdates-outer {width: 1034px;}
.band-projectlatest .projectupdates-outer .slick-track {margin: 0px !important;}
.update-item { width: 33.333%;
margin-right: 40px;
float: left;
}
.update-item .thumb {
height: 307px;
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
cursor: pointer;
}
.update-item .thumb .inner {
position: absolute;
width: 100%;
height: 100%;
}
.update-item .thumb:hover .inner {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-projectlatest .arrows-wrap,
.band-projectlist .arrows-wrap {width: 75px;}
.band-projectlatest .arrow,
.band-projectlist .arrow {width: 33px; cursor: pointer;}
.band-projectlatest .arrow svg,
.band-projectlist .arrow svg {display: block;}
.band-projectlatest .arrow:hover rect {fill: #bb8b7b;}
.band-projectlatest .arrow.slick-disabled {opacity: 0.5;}
.project-slider-title {margin-bottom: 40px;}
.projects-slider-subpage {width: calc(100% + 20px);}
.projects-slider-subpage .project-item {margin-right: 20px;}
.band-projectlist .slick-track {margin: 0;}
.image-button {
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.image-button:hover .read-more { 
color: #a67550;
}
.image-button:hover .read-more.arr-brown-hov rect { fill: #a67550; } .search-item { width: calc(33.333% - 20px); padding: 30px; margin: 0px 0px 30px 0px;}
.search-item:nth-child(3n - 1) {margin: 0px 30px 30px 30px;}
.search-item .title a {display: block; font-size: 35px; line-height: 1.2; margin-bottom: 20px;}
.read-more.alone {width: 100%; text-align: right;}
.read-more.pagination-prev .arrow { margin: 0 10px 0 0; } @font-face{
font-family:"Helvetica Neue LT W05 45 Light";
src:url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2) format("woff2"),
url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff) format("woff");
}
@font-face{
font-family:"Helvetica Neue LT W05 75 Bold";
src:url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2) format("woff2"),
url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff) format("woff");
}
@font-face{
font-family:"Helvetica Neue LT W05 55 Roman";
src:url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2) format("woff2"),
url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff) format("woff");
} @media all and (min-width: 2300px) {
.band.band-projectsubpagebanner .video-thumb {display: none;}
.band.band-projectsubpagebanner .video-thumb.video-thumb-high-res {display: block;}
.band-topbannerimage-normal {display: none;}
.band-topbannerimage-large {display: block !important;}
}
@media all and (min-width: 2000px) {
.careersbannerimage-small {left: calc((100vw - 1300px)/2 - 200px);}
.band.bg-image.band-image-normal {display: none;}
.band.bg-image.band-image-large {display: block; max-height: 900px !important;}
} @media all and (min-width: 1600px) {
.slider-logoticker {width: 100% !important;}
.grad-right.grad.hide-desktop {display: block !important;}
header .container,
header .sixteen.columns {width: 100% !important; margin: 0;}
header .sixteen.columns {padding: 0px 40px}
.band.bg-image.band-topbannerimage {max-height: 700px;}
.aboutbanner-side-image,
.homebanner-side-image { right: calc((100vw - 1280px)/2 - 200px);}
.band.band-homeproject .feature-image {max-width: none; width: min(57%, 1300px);}
.band.band-homeproject .bg-pattern-brown { right: -175px; min-height: 500px; }
.container.breadcrumb-container {width: 100%; padding: 0px 40px; margin: 0;}
.band.band-partnersintro .right {height: 470px;}
.gallery .bg-image {height: 600px;}
.band-video.band {height: 720px;}
.band-formula .image {
top: 200px;
right: 0px;
max-width: 800px;
}
.band-formula .steps {
top: 550px;
right: 650px;
} .band-homeconstruction .bg-pattern-white {
width: 1100px;
height: 500px;
top: -50px;
right: -250px;
background-size: contain;
background-position: right;
}
.band.band-leadership .bg-pattern-white {left: 0; width: 1100px;}
.slider-steps {width:1600px; padding:0;}
.band.band-aboutteam .right-image {width: 819px; height:835px; top:110px;}
}
@media all and (min-width: 1301px) {
.band-homeconstruction .band-desc {
align-items: flex-end;
-ms-align-items: end;
}
.band.band-homeproject .project .info a {font-size: 50px;}
.band-aboutway .right.bodycopy p,
.band-aboutway .right.bodycopy ul,
.band-aboutway .right.bodycopy ol {font-size: 30px;}
} @media all and (max-width: 1300px) {
.popup h3.update-title { font-size: 55px; } h2 {font-size: 27px;}
h3 {font-size: 60px;}
h3 span,
h4 span {padding-left: 0;}
.txt-hn-xlarge { font-size: 90px; }
.txt-bb-large { font-size: 103px; }
.txt-bb-mediumlarge {font-size: 80px;}
.txt-bb-medium { font-size: 50px; }
.large-band-title h3.top {font-size: 80px;}
.large-band-title h2.bottom {font-size: 93px; padding-left: 45px;} 
.medium-band-title h3.top {font-size: 55px;}
.medium-band-title h2.bottom {font-size: 71px; padding-left: 45px;} 
.band-desc {margin-top: 0;}
.band-desc .inner {padding-top: 0; }  .footer-text { width: 300px; padding-right: 0; }
.footer-contact {width: 29%;}
.footer-heading .footer-heading-item {
padding: 0 20px 5px 0;
width: calc(25% - 20px);
}
.footer-heading .footer-heading-item:last-child {
width: calc(25% - 20px);
}
.footer-heading .footer-heading-item p {font-size: 25px;}
.footer-heading .footer-heading-item p strong {font-size: 22px;}
.footer-heading .footer-heading-item .arrow {width: 20px; height: 20px;} .band-homebanner {max-height: 600px;}
.band.bg-image.band-topbannerimage {max-height: 500px;}
.band-homebanner video.video-large {display: none;}
.band-homebanner video.video-normal {display: block;}
.band-homebanner-cont p.top {font-size: 80px;}
.band-homebanner-cont .do {height: 62px}
.band-homebanner-cont p.bottom {font-size: 93px;}
.band-homebanner-cont .full-width-image img {width: 83%;}
.band-homeconstruction .band-desc { padding-left: 65px;}
.band-homeconstruction .band-desc .inner {max-width: 400px;}
.band-homeconstruction .side-image {width: 200px; margin-top: 30px; }
.band-homeconstruction .side-image-2 {
top: 100px; 
bottom: auto;
height: 500px;
}
.band.bg-image {max-height: 650px;}
.band-homedevelopments .medium-band-title {padding-top: 0;}
.band-homedevelopments .medium-band-title h3.top { padding-left: 75px; }
.band-homedevelopments .medium-band-title h2.bottom { padding-left: 120px; margin-top: 20px; }
.band-homedevelopments .side-image {width: 45%; height: 500px;}
.band-homedevelopments .sixteen.columns { padding-left: 400px; min-height: 500px; }
.band-homedevelopments .band-desc .inner {
max-width: 350px;
padding-top: 20px;
margin-left: 120px;
}
.band.band-homeproject .band-intro .project-subtitle { padding-left: 50px; }
.band.band-homeproject .feature-image {width: 58%;}
.band.band-homeproject .project .info { min-height: 400px; }
.band.band-formula { padding-bottom: 250px; }
.band-formula .left {padding-top: 100px;}
.band-formula .image { height: 500px; }
.band-formula .steps {top: 400px; right: 301px;}
.band-formula .step-icon {width: 90px;}
.band-formula .step-icon p {font-size: 18px;}
.band-formula .desc { padding: 0px 70px 0px 0px; }
.band.band-homelogos { padding-top: 0; padding-bottom: 50px; }
.band-homenews .news-item-featured {padding-left: 0px;}
.news-item-featured .info {padding: 0px 0px 0px 70px;}
.band-hometeam .image-1 {width: 170px; margin-left: 0;}
.band-hometeam .image-2 { margin-left: 6px; margin-top: 0; width: 600px; }
.band-hometeam .image-4 { bottom: auto; left: 0px; top: -168px; width: 170px; }
.band-hometeam .bg-pattern-brown { top: -246px; left: 33px; }
.band.band-hometeam h3 {padding-left: 70px;}
.band.band-hometeam .team-desc { padding-left: 75px; }
.band-homelogos.band-developmentlogos .slider-logoticker {
width: calc(100vw - ((100vw - 940px) / 2));
margin-left: 0;
} .band-homeconstruction .bg-pattern-white {
width: 1800px;
height: 400px;
top: -90px;
right: -150px;
background-position: right;
}
.band-homedevelopments .bg-pattern-white {
width: 1300px;
height: 457px;
margin-left: 0;
top: -50px;
left: -40px;
}
.band.band-homeproject .bg-pattern-brown {
top: 0;
right: 50px;
height: 400px;
} .band-projectlist .project-item .project-thumb-outer {height: 300px;} .band.band-forms .forms-outer { padding-left: 75px;}
.band.band-forms .forms-inner {max-width: none; width: 100%;}
.map-address {width: 40%;}
.map { width: 60%; max-width: 1000px; } .news-item.large .thumbnail {height: 450px;}
.news-item .thumbnail {height: 269px;}
.band-newsrelated .news-item .thumbnail {height: 212px;} .band.band-aboutbanner .bg-pattern-white {bottom: 230px; height: 350px;}
.band-aboutbanner .side-image {width:45%;}
.band-aboutbanner .desc {max-width:360px; margin-bottom:80px;}
.band.band-concept:not(.accordion) {padding-top:220px;}
.band-concept .sixteen.columns:not(.accordion) {padding-left:430px;}
.band-concept .side-image {width: 40%; top:160px;}
.band-concept.accordion .accordion-item.about-page .accordion-inner .accordion-content { padding: 0 50px 0 40px;}
.band-concept.accordion .accordion-item.about-page .accordion-image .image-inner .image-arrow{ width:80px; bottom: 110px; left: -40px;}
.band.band-aboutway { padding-top: 100px; padding-bottom: 50px;}
.band-aboutway .left h3 {font-size: 60px;}
.band-aboutway .right {margin-right: 0; width: 50%;}
.band-aboutway .bg-pattern-brown { height: 330px; top: 70px; }
.band.band-aboutsteps {padding-top: 0; padding-bottom:20px;}
.slider-steps {padding: 0px 40px; margin-top:0;}
.step-slider-item .arrow {width:60px; height:60px;}
.step-slider-item .arrow img {width:32px; height:32px;}
.step-slider-item .desc {width:100%;}
.step-slider-item {position: relative;}  .band.band-aboutteam {padding: 100px 0px 250px 0px;}
.band.band-aboutteam .text { margin-top:150px;}
.band.band-aboutteam .right-image { width: 40%; right: 0; height: 80%; top: 100px;} .breadcrumb.breadcrumb-vertical { left: calc((100vw - 960px)/2);}
.breadcrumb.breadcrumb-vertical p {height: 575px;}
.bodycopy img, .bodycopy .wp-video {max-width: 770px;}
.band.band-newsrelated.band-newsrelated .title {font-size: 18px;}
.bodycopy p, .bodycopy ul, .bodycopy h3, .bodycopy h4, .bodycopy blockquote {max-width: 770px;} .form-tabs {padding-left: 0;}
.form-tab {padding: 10px 20px;}
.form-tab p {font-size: 28px; margin-bottom: 25px;}
.form-tab p strong {font-size: 23px;}  .peoplebanner-image-large.absolute { width: 46vw; height: 500px; top: 379px; }
.band-aboutsubpagebanner .bg-pattern-white {
width: 46vw;
height: 450px;
left: 0px;
bottom: 14px;
}
.peoplebanner-image-small {margin-left: 18%;}
.peoplebanner-image-border {left: calc(19% + 40px);}
.band-leadership .icon { width: 120px;}
.band-leadership .large-band-title h2.bottom {padding-left: 0%;}
.band-leadership .desc {margin-left: 0;}
.director-list span.txt-hn { font-size: 25px;}
.director-list span.txt-bb { font-size: 50px; }
.band.band-culture { padding-top: 250px; padding-bottom: 50px; }
.band-culture .large-band-title h2.bottom { padding-left: 75px; }
.band-culture .desc {margin-left: 80px;}
.band-culture .culture-image {max-width: 47%;}
.value-item .icon { width: 120px;}
.value-item .txt-bb { font-size: 35px; }
.band-video.band {height: 600px;} .band.band-leadership .bg-pattern-white {
height: 500px;
left: -200px;
top: 150px;
width: 1100px;
} .band.band-partnersbanner { padding: 200px 0 50px 0; }
.band.band-partnersbanner p.bottom {margin-left: 0;}
.band.band-partnersintro .flex { padding-left: 0; }
.band.band-partnersintro .right {height: 330px; margin-top: 0;}
.band.band-partnersintro .image-wrap { width: 45vw; margin-left: 5vw; }
.gallery .bg-image { height: 350px; }
.band.band-partnersmain { padding-top: 100px; }
.band.band-partnersintro {padding-bottom: 0px;}
.band.band-partnersintro .shape {width: 200px;}
.accordion-content {padding: 0px 100px 0px 70px}
.accordion-arrow svg {width: 50px; height: 50px;} .careersbannerimage-small {
bottom: 215px;
width: 480px;
max-width: 35%;
}
.band-careersbanner .desc {margin-left: 350px;}
.leadership-alt-item.top {margin-left: -100px;}
.leadership-alt-item img { max-width: 300px; }
.band-leadership-alt .large-band-title,
.band-leadership.band-leadership-alt .desc { margin-left: 0; }
.leadership-alt-item,
.leadership-alt-item img {max-width: 100%;}
.band.band-leadership.band-leadership-alt .bg-pattern-white {top: 250px; height: 400px; }
.band-welove .top-image {width: 420px;}
.band-welove .top-image .inner-bg {
width: calc(100% + ((100vw - 960px)/2) + 70px);
}
.band-welove .title-image { width: 250px; }
.band-welove .content {padding-top:70px;}
.band-welove .content .image {width: 400px;}
.band-welove .icon { width: 150px; top: -52px; left: -80px; }
.band-welove .bg-pattern-white {
width: 600px;
height: 300px;
}
.leftheading-rightdesc .desc {margin-right: 0;}
.band-icons .bg-pattern-brown {width: 40vw; width: max(440px, 45vw);}
.value-icons-alt .value-item p {font-size: 16px;}
.director-list {margin-left: 100px;}
.director-info {margin-right: 0px;} .band.band-projectsubpagebanner .bg-box {width: calc(100% + ((100vw - 940px)/2));}
.band.band-projectsubpagebanner .breadcrumb p {max-width: 470px;}
.band-projectsubpagebanner .title {max-width: calc(100% - 470px);}
.band-projectsubpagebanner .desc {border-width: 30px; padding: 50px 0px 50px 50px; margin-bottom: -100px;}
.video-thumb {height: 550px;}
.project-subnav li { margin: 0px 15px; }
.project-subnav a,
.floorplan-subnav a {font-size: 16px;}
.project-subnav a {padding-right: 20px;}
.project-subnav li::after {
width: 15px;
height: 11px;
margin-top: -2px;
}
.band-projectintro .left {
margin-left: 0px;
padding-left: 0;
max-width: 480px;
}
.band-projectintro .right {width: calc(50% - 70px);}
.band-projectintro .bg-pattern-white {width: 48%;}
.timeline-item { width: calc(16.667% - 15px); margin-right: 15px; }
.band-timeline .line {width: calc(100% + ((100vw - 940px)/2));}
.band-projectstats .mainbox {margin-left: 0; padding: 30px}
.band-projectstats .mainbox .top,
.band-projectstats .mainbox .bottom {padding-right: 90px;}
.band-projectstats .subbox-wrap {width: calc(100% + 240px); border-width: 30px; margin-left: -170px;}
.band-projectstats .subbox {padding: 30px;}
.band-specification .inner { padding-left: 0; }
.band-specification .left,
.band-specification .right {width: 45%;}
.band-specification .right li {font-size: 18px;}
.band-specification .right li::before {left: -40px;}
.band-projectstats-new .stat-item {
width: 46%;
margin: 0 2% 20px 2% !important;
}
.band.band-projectstats-new {padding: 50px 0;}
.band-projectstats-new .title {width: 320px;}
.band-projectstats-new .arrow { width: 70px; margin-top: 25px; }
.band-projectstats-new .stats-wrap { width: calc(100% - 320px); }
.band-projectstats-new .stat-item .icon { width: 80px; height: 80px; }
.band-projectstats-new .stat-item .icon img { max-width: 70px; max-height: 70px; }
.band-projectstats-new .stat-item .label p { font-size: 26px; }
.band-projectquote .quote-outer::before {left: -20px;}
.tour {height: 550px;}
.floorplan-subnav {padding: 50px 0 0 0}
.band-projectlatest .top .title {width: 273px;}
.band-projectlatest .top .video-outer { width: calc(100% - 312px); max-height: 470px; min-height: 400px; }
.band-projectlatest .top .video-thumb { width: calc(100% + ((100vw - 940px)/2)); }
.band-projectlatest .bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.band-projectlatest .projectupdates-outer {order: 2;}
.update-item .thumb {height: 282px;}
.band-projectlatest .arrows-wrap {order: 1; margin-top: -53px; margin-bottom: 20px;}
.band.band-interest .bg-box {width: calc(100% + (100vw - 940px)/2);}
} @media all and (min-width: 768px) and (max-width: 959px) {
.hide-desktop {display: none !important;}
.popup:not(.popup-video) {
width: 100%;
height: 100%;
max-height: 100vh;
padding: 70px 40px;
}
.popup h3.update-title { font-size: 50px; } h3,
h4,
.txt-bb-medium { font-size: 40px; }
.txt-bb-mediumlarge {font-size: 70px;}
.txt-hn-xlarge { font-size: 60px; }
.txt-bb-large { font-size: 83px; }
.txt-hn-large {font-size: 22px;padding-top: 17px;}
.txt-hn-medium,
.band-desc .inner p { font-size: 18px; }
.txt-hn-small { font-size: 16px; }
.large-band-title h3.top { 
font-size: 60px;
padding-top: 15px;
margin-bottom: 5px;
line-height: 0.6;
}
.large-band-title h2.bottom { font-size: 63px; padding-left: 45px; }
.medium-band-title h3.top { 
font-size: 40px;
padding-top: 15px;
margin-bottom: 5px;
line-height: 0.6;
}
.medium-band-title h2.bottom { font-size: 53px; padding-left: 0px; }
.band-desc .inner { max-width: 400px; }
a.read-more-large { font-size: 18px !important;}
a.read-more-large .arrow { width: 50px; height: 50px;} .desktop-links li {
margin: 0 0 0 20px;
} .band.band-homesocial h3 strong {font-size: 30px;}
footer.band {padding-top: 50px; font-size: 16px;}
footer .footer-bottom {font-size: 14px;}
.footer-heading p {font-size: 30px;}
.footer-heading p strong { font-size: calc(100% - 7px); }
.footer-text {width: 230px;}
.footer-contact {width: 20%; padding-left: 0;}
.footer-address { width: 27%; }
footer .social-buttons {margin-top: 0px;}
.footer-heading {padding-bottom: 0;}
.footer-heading .footer-heading-item {padding: 10px 20px 10px 0; margin-bottom: 30px;}
.footer-heading .footer-heading-item,
.footer-heading .footer-heading-item:last-child {width: 50%;}
.footer-heading .footer-heading-item:nth-child(even) {
border-right: none; 
padding-left: 20px; 
padding-right: 0px;
}
.footer-text a.read-more {
font-size: 16px !important;} .band-homebanner,
.band.bg-image.band-topbannerimage { max-height: 450px; min-height: auto; }
.band-homebanner .homepage-intro {padding-left: 0;}
.band-homebanner-cont .do { height: 48px; }
.band-homebanner-cont p.top,
.band-homebanner-cont p.bottom {font-size: 60px;}
.band-homebanner-cont .full-width-image { margin-top: 50px; }
.band-homebanner-cont .text.inner { max-width: 620px; margin-left: 0; margin-top: 45px;}
.band-homeconstruction .medium-band-title { margin-top: 0px; }
.band-homeconstruction .band-desc {padding-left: 0;}
.band-homeconstruction .band-desc .inner {padding-top: 0;}
.band-homeconstruction .side-image-2 {height: 300px;}
.band-homeconstruction.band {padding: 100px 0;}
.band.band-homedevelopments { padding-top: 100px; padding-bottom: 70px; }
.band-homedevelopments .medium-band-title { margin-top: -40px; }
.band-homedevelopments .medium-band-title h3.top,
.band-homedevelopments .medium-band-title h2.bottom,
.band-homedevelopments .band-desc { padding-left: 0px; }
.band-homedevelopments .band-desc {margin-top: 0;}
.band-homedevelopments .band-desc .inner {max-width: 350px; margin-left: 0px;}
.band-homedevelopments .side-image {
width: 40%;
left: 0;
right: auto;
height: 350px;
top: 100px;
}
.band-homedevelopments .sixteen.columns { padding-left: 47%; min-height: auto; }
.band-homelogos.band-developmentlogos .slider-logoticker { width: calc(100vw - ((100vw - 748px) / 2)); }
.band.band-homeproject {padding-top: 100px;}
.band.band-homeproject .band-intro {padding-right: 200px;}
.band.band-homeproject .band-intro h3 { margin-bottom: 10px; }
.band.band-homeproject .band-intro .project-subtitle { padding-left: 0; }
.band.band-homeproject .project {padding-left: 0;}
.band.band-homeproject .project .thumb { width: 350px; height: 400px; border-left: 0; }
.band.band-homeproject .feature-image { width: 50%; }
.band-homeproject .slick-dots { left: -5px; }
.band.band-homeproject .project-slider {
width: 44%;
margin-left: 56%;
padding-top: 50px;
}
.band.band-homeproject .project .info { min-height: 300px; }
.band-formula .image {
top: 50px;
width: 400px;
height: 350px;
}
.band.band-formula { padding-bottom: 150px; }
.band-formula .left {padding-top: 0;}
.band-formula h3 { margin-bottom: 40px; }
.band-formula .desc {padding-right: 50px;}
.band-formula .bg-pattern-white {
width: 200px;
height: 400px;
top: 0;
right: 0;
}
.band.band-homenews {padding-top: 70px;}
.band-hometeam .image-4 { top: -163px; width: 163px; }
.band-hometeam .image-3 { width: 250px; bottom: -40px; right: -40px; z-index: 2; }
.band.band-hometeam h3 { padding-left: 70px; margin-top: 50px; margin-bottom: 50px; }
.band-hometeam .bg-pattern-brown { top: -246px; left: 24px; width: 600px; height: 500px; }
.band.band-clientslider {padding: 70px 0px;}
.slider-inner.slick-initialized.slick-slider.slick-dotted {margin-bottom: 0;} .band-homeconstruction .bg-pattern-white { right: -400px; top: -40px; }
.band-homedevelopments .bg-pattern-white {
width: 1300px;
height: 457px;
margin-left: 0;
top: -100px;
left: -800px;
}
.band.bg-image { max-height: 400px; min-height: auto;} .band.band-projectsbanner { padding-top: 150px; padding-bottom: 70px; }
a.read-more.load-more-button {font-size: 30px !important;}
.band-projectlist .project-item .project-thumb-outer { height: 230px; }
.project-tabs a {font-size: 30px;}
.project-tabs li::after {width: 23px; height: 49px; right: -10px;}
.band-projectlist a.title {font-size: 30px;}
.band.band-projectsbanner .bg-pattern-white {width: 70vw; height: calc(100% - 180px); margin-top: -10px; }
.band.band-projectlist {padding: 70px 0px;}
a.read-more.load-more-button { font-size: 25px !important; }
a.load-more-button .arrow,
a.load-more-button .arrow svg {width: 50px; height: 50px;} .band.band-contactbanner { padding: 150px 0px 70px 0px; }
.band.band-contactbanner .desc {margin-top: 30px;}
.band.band-contactbanner .bg-pattern-white { top: 120px; height: 270px; width: 41vw; }
.band.band-contactforms,
.band.band-forms {padding-bottom: 50px; }
.form-tab {width: calc(50% - 10px); margin-bottom: 20px;}
.form-tab {border-left: none;}
.form-tab:nth-child(1),
.form-tab:nth-child(2) {
border-bottom: 1px solid #fff;
}
.band.band-contactbanner h2,
.band.band-contactbanner .desc,
.form-tabs,
.band.band-forms .forms-outer {padding-left: 0;}
.form-tab {padding: 30px}
.form-tab p {font-size: 25px;}
.map-address {width: 50%; padding-right: 30px;}
.map {width: 50%; height: 100%;}
.map-address .enquiries {margin-bottom: 50px;}
.map-address .enquiries a {margin-bottom: 10px;} .band-newsbanner .filter {flex-wrap: wrap; -ms-flex-wrap: wrap;}
.reset {position: static; width: 100%;}
.band.band-newsbanner { padding: 170px 0 0 0; }
.archive h1.txt-hn-xlarge,
.blog h1.txt-hn-xlarge {margin-bottom: 10px;}
.band-newsbanner .bottom {
flex-wrap: wrap; 
-ms-flex-wrap: wrap;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
flex-direction: row;
-ms-flex-direction: row;
}
.band-newsbanner .bottom h2 {width: 100%; margin-bottom: 40px;}
.filter .filter-inner {margin-left: 0; margin-right: 20px;}
.news-item.middle { margin: 0px 30px auto 30px; }
.news-item { width: calc(33.333% - 20px); margin-bottom: 60px; }
.news-item.large .info a.title {font-size: 26px;}
.news-item .arrow {width: 50px; height: 50px;}
.news-item .thumbnail,
.band-newsrelated .news-item .thumbnail {height: 229px;} .band.band-aboutbanner {padding-top: 100px; padding-bottom:100px;}
.band.band-aboutbanner .bg-pattern-white {
max-width: 500px;
right: 0;
bottom: 250px;
height: 271px;
}
.band-aboutbanner .side-image {
width: 420px;
position: static;
max-width: none;
margin: 0px auto 50px auto;
}
.band-aboutbanner .banner-text {
width: 100%;
max-width: 420px;
margin: 0 auto;
}
.band-aboutbanner p.top {margin-bottom:0;}
.band-aboutbanner p.bottom {margin-left:40px;}
.band-aboutbanner .desc {
width: 100%;
max-width: 430px;
margin: 20px auto 0;
}
.band-concept .side-image { 
width: 420px;
height:420px;
position: static;
max-width: none;
margin: 0px auto 50px auto;
}
.band.band-concept:not(.accordion) {padding-top:100px; padding-bottom:70px;}
.band-concept .bg-pattern-white { height: 400px; top: 400px; min-width: 400px; }
.band-concept .sixteen.columns:not(.accordion) {
width: 100%;
max-width: 420px;
margin: 0 auto;
padding:0;
min-height:auto;
}
.band-concept.accordion .accordion-item.about-page {flex-direction:column;}
.band-concept.accordion .accordion-item.about-page .accordion-inner  {width:100%;}
.band-concept.accordion .accordion-item.about-page .accordion-inner .accordion-title {padding-top:0;}
.band-concept.accordion .accordion-item.about-page .accordion-image {margin:auto;}
.band-twocoltext .twocol { padding: 20px 0px 0px 50px; column-gap: 40px; }
.band.band-aboutway { padding-top: 100px; padding-bottom: 40px; }
.band-aboutway .left h3 {font-size: 50px;}
.band-aboutway .bg-pattern-brown { height: 270px; top: 50px; }
.step-slider-item {width:45%;} .band-clientslider.band-clientslider-alt .slider-outer {width: 100%;}
.band.band-aboutteam {padding: 100px 0px;}
.band.band-aboutteam .text {
width: 100%;
padding-left: 0;
max-width: 420px;
margin: 0px auto;
}
.band.band-aboutteam .desc {margin-left: 0; margin-top:0;}
.band.band-aboutteam .left-image {bottom: 0;}
.band.band-aboutteam .left-image,
.band.band-aboutteam .right-image {width: 20%;}
.band.band-aboutteam .right-image {
width: 420px;
position: static;
max-width: none;
margin: 0px auto 50px auto;
}
.band.band-aboutteam .right-image img {position:relative !important;}
.band.band-aboutteam .right-image img:first-child {top:-20px;}
.band.band-aboutteam .bg-pattern-white {height: 280px; width:60%; top:unset; bottom-25px;}
.band.band-aboutsteps {padding-bottom: 50px;} .band-newsbanner-single { padding: 150px 0 0px 0; }
.band-newsbanner-single .news-cat {font-size: 25px; margin-bottom: 20px;}
.bodycopy p, 
.bodycopy ul, 
.bodycopy h3, 
.bodycopy h4,
.bodycopy img,
.bodycopy .wp-video,
.bodycopy blockquote {max-width: 640px;}
.breadcrumb.breadcrumb-vertical { left: calc((100vw - 768px)/2); }
.bodycopy h4 {font-size: 21px;}
.bodycopy p, 
.bodycopy li { font-size: 18px; }
.breadcrumb.breadcrumb-vertical p { height: 480px; margin-left: -10px; }
.bodycopy blockquote p {font-size: 25px;}
.bodycopy h3 {font-size: 30px;}
.band.band-newsrelated .title .inner {
writing-mode: unset;
text-orientation: unset;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.band.band-newsrelated p.bottom {margin: 0}
.band.band-newsrelated .sixteen.columns { flex-wrap: wrap; -ms-flex-wrap: wrap; } .band-aboutsubpagebanner .desc { margin-top: 30px; }
.band-aboutsubpagebanner .bg-pattern-white {
width: 70vw;
height: 520px;
bottom: auto;
top: 200px;
}
.peoplebanner-image-small {
margin-left: 0;
width: 300px;
margin-bottom: 100px;
}
.peoplebanner-image-border {
left: 40px;
width: 300px;
height: 254px;
bottom: 60px;
}
.peoplebanner-image-large.absolute {
width: 60vw;
height: 355px;
top: auto;
bottom: 0;
}
.band.band-leadership { padding-top: 100px; }
.director-list span.txt-hn { font-size: 22px; }
.director-list span.txt-bb { font-size: 40px; }
.director-info { width: 300px;}
.band.band-culture { padding-top: 180px; padding-bottom: 50px; }
.band-culture .culture-image { max-width: 47%; }
.value-item .txt-bb { font-size: 30px; }
.band-video.band { height: 450px; }
.director-list {margin-left: 0px;} .band.band-partnersintro .left {padding-right: 20px;}
.band.band-partnersintro .left h3 {font-size: 25px;}
.band.band-partnersintro .right { height: 300px; }
.band-partnersmain .bg-pattern-brown {height: 300px;}
.accordion-head { width: 200px;}
.accordion-content { padding: 0px 50px 0px 50px; width: calc(100% - 200px); } .band-careersbanner.band { padding: 100px 0 100px 0; }
.band-careersbanner p.bottom {margin-bottom: 40px;}
.careersbannerimage-large { margin-left: 0; width: 100%; }
.careersbannerimage-large .shape {display: none;}
.careersbannerimage-small { bottom: 70px; max-width: 41%; width: 400px;}
.band-careersbanner .desc { margin-left: 300px; margin-top: 50px; }
.band-leadership.band-leadership-alt .icon { width: 90px; top: 0; }
.band-leadership.band-leadership-alt .desc {max-width: 400px;}
.leadership-alt-item { margin-right: 0; }
.band-welove .top-image { 
width: 420px;
position: static;
max-width: none;
margin: 0px auto 50px auto;
}
.band-welove .top-image .inner-bg { width: calc(100% + ((100vw - 768px)/2) + 70px); height:0; }
.band-welove .title-image { width: 200px; }
.band-welove .title {width:100%; max-width:420px; margin:0 auto; }
.band-welove .large-band-title {padding-top:0;}
.band-welove .content {margin-left: 0; width:100%; max-width:420px; margin:0 auto; padding-top:0;}
.band-welove .content .desc {padding-left:0;}
.band-welove .content .image { width: 350px; }
.band-welove .icon { width: 120px; top: -162px; left: 0; }
.band-welove .bg-pattern-white {width:550px; top:400px;}
.leftheading-rightdesc {margin-bottom: 40px;}
.value-icons.value-icons-alt {
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.value-icons.value-icons-alt .value-item {width: 33.333%;}
.band-icons {padding-top:100px;}
.band-icons .bg-pattern-brown {height:400px;} .band.band-projectsubpagebanner .video-thumb{height: 550px;}
.band.band-projectsubpagebanner .bg-box { width: calc(100% + ((100vw - 749px)/2)); }
.band.band-projectsubpagebanner .breadcrumb p {max-width: 354px;}
.band-projectsubpagebanner .title {max-width: calc(100% - 374px);}
.video-thumb,
.tour { height: 400px; }
.video-thumb .play {width: 80px;}
.project-subnav {padding: 30px 0px 10px 0px;}
.project-subnav ul {
flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
}
.project-subnav li {width: calc(33.333% - 20px); margin: 0px 10px 20px;}
.project-subnav a, .floorplan-subnav a {border-bottom: 2px solid;}
.project-subnav a {display: block;}
.project-subnav li::after {margin-top: -5px;}
.band-projectintro .title {margin-bottom: 50px;}
.project-partner {width: 100%;}
.tour .icon img { width: 100px; margin: 0px auto 20px auto; }
.floors {padding: 40px;}
.band-projectarea {min-height: 500px;}
.band-projectarea .desc {margin-bottom: 0;}
.band-projectarea h3 {margin-bottom: 40px;}
.band-projecttour .bg-pattern-brown { height: 400px; top: 100px; }
.band.band-timeline {padding-bottom: 50px;}
.band-timeline .line { width: calc(100% + ((100vw - 747px)/2)); }
.band-projectstats .hide-desktop {display: block !important;}
.band-projectstats .hide-mobile {display: none !important;}
.band-projectstats h3 {width: 100%; margin-bottom: 30px;}
.band.band-projectstats {padding-bottom: 100px;}
.band-projectstats .mainbox {
width: 33.333%; 
min-height: 350px;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
align-self: unset;
-ms-align-slef: unset;
padding: 30px;
}
.band-projectstats .right {padding-left: 20px; width: 66.666%;}
.band-projectstats .subbox-wrap {border: none; width: 100%; margin-left: 0; min-height: 100%;}
.band-projectstats .subbox {padding: 30px;}
.band-projectstats .mainbox p.top,
.band-projectstats .subbox p {font-size: 27px; padding-right: 0;}
.band-projectstats .mainbox p.top {padding-right: 0;}
.band-projectstats .mainbox p.bottom {font-size: 16px; margin-top: 30px; padding-right: 0;}
.band-projectstats .mainbox * {order: 1}
.band-projectstats .mainbox .icon {position: static; order: 0}
.band-projectstats .mainbox .icon img {height: 75px; width: auto;}
.band-projectstats .subbox p,
.band-projectstats .mainbox p.top {margin-top: 30px;}
.band-projectstats-new .title {width: 250px;}
.band-projectstats-new .stat-item {width: 46%;}
.band-projectstats-new .stat-item:nth-child(odd) {margin: 0 4% 0 0;}
.band-projectstats-new .stat-item:nth-child(even) {margin: 0 0 0 4%;}
.band-projectstats-new .stat-item .label p { font-size: 22px; }
.band-projectstats-new .stats-wrap { width: calc(100% - 250px); }
.band-projectlatest .top .title,
.band-projectlatest .top .video-outer {width: 100%;}
.band-projectlatest .video-outer {margin: 40px 0px 60px 0px; max-height: 450px; min-height: 350px;}
.band-projectlatest .bottom {width: 103.333%;}
.band-projectlatest .projectupdates-outer {width: 100%;}
.band-projectlatest .bg-pattern-white { width: 45%; bottom: 200px; height: 400px; }
.update-item .thumb { height: 231px; }
.band.band-interest {padding-top: 0;}
.band.band-interest .bg-box { width: calc(100% + (100vw - 727px)/2); }
.band.band-interest button {margin-left: calc(100% - 50px); height: 50px;}
.band.band-interest button svg { width: 50px; height: 50px; }
.band.band-interest .left { width: 45%; padding: 50px 50px 20px 0px; }
.band.band-interest .right {width: 45%; margin-right: 0;}
.band.band-interest h3 {font-size: 30px; margin-bottom: 40px;} 
.band.band-interest .right h3 { padding-top: 50px; margin-bottom: 20px; }
ul.available-list li,
.band.band-interest .right input {font-size: 18px;}
.projects-slider-subpage .project-item {margin-bottom: 0;}
.floors .zoom-text {
right: 40px;
top: 55px;
} .search-item {width: calc(50% - 15px);}
body .search-item:nth-child(odd) {margin: 0 15px 30px 0;}
body .search-item:nth-child(even) {margin: 0 0 30px 15px;}
}
@media all and (min-width: 768px) {
html body div.subnav ul {
display: flex !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
}
body .mobile-menu {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
left: -100%;
}
} @media all and (max-width: 767px) {
.hide-desktop {display: block !important;}
.hide-mobile {display: none !important;}
.popup.popup-video .popup-close {
top: -25px;
right: -20px;
}
.popup:not(.popup-video) {
width: 100%;
height: 100%;
max-height: 100vh;
padding: 70px 40px;
}
.popup h3.update-title { font-size: 35px; } h1,
h1 strong,
h2,
h2 strong,
h3,
h3 strong,
h4,
h4 strong,
h5,
h5 strong,
.weight-bold {word-spacing:-1px;}
.band {padding: 70px 0px;}
.txt-bb-large { font-size: 43px; }
.txt-bb-mediumlarge { font-size: 40px; }
.txt-hn-xlarge,
h3,
.txt-bb-medium { font-size: 35px; }
.txt-hn-xlarge {line-height: 0.7; padding-top: 10px;}
h4 {font-size: 30px;}
.txt-hn-large {font-size: 22px;}
.txt-hn-medium,
.band-desc .inner p { font-size: 18px; }
.txt-hn-small { font-size: 16px; }
.large-band-title h3.top ,
.medium-band-title h3.top { 
font-size: 40px; 
line-height: 0.6;
padding-top: 10px;
}
.large-band-title h2.bottom ,
.medium-band-title h2.bottom { font-size: 43px; padding-left: 45px; }
.band-desc .inner { max-width: 400px; }
a.read-more-large { font-size: 18px !important;}
a.read-more-large .arrow,
.thumb .arrow, .thumbnail .arrow { width: 50px; height: 50px; bottom: -1px;} .header-logo {width: 100px;}
.sticky .header-logo { width: 70px; }
.mobile-menu {top:89px; padding-top:30px;} .band.band-homesocial h3 strong {font-size: 27px;}
.footer-heading p { font-size: 30px; margin-bottom: 20px; }
.footer-text,
.footer-contact,
.footer-address {width: 100%; padding-left: 0;}
.footer-text a.read-more { font-size: 18px !important; margin: 0 0 20px 0;}
.footer-contact {margin-bottom: 20px;}
footer .social-buttons {margin: 0 0 0px 0;}
.footer-bottom {text-align: right; font-size: 16px;}
.footer-bottom .left {
flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
margin-bottom: 10px;
width: 100%;
}
.footer-bottom .left p {width: 100%; margin-bottom: 10px;}
.footer-bottom .right {display: inline-block; width: 100%;} .band-homebanner,
.band.bg-image.band-topbannerimage {
max-height: 350px;
min-height: auto;
padding-top: 150px; 
padding-bottom: 30px;
}
.band-homebanner .homepage-intro {padding-left: 0;}
.band-homebanner .homepage-intro h2 {font-size: 22px;}
.band-homebanner-cont p.top,
.band-homebanner-cont p.bottom { font-size: 40px; }
.band-homebanner-cont .do { height: 30px; top: 0px; }
.band-homebanner-cont .full-width-image { margin-top: 60px; }
.band-homebanner-cont .text.inner {margin-left: 0; margin-top: 40px}
.band-homebanner-cont .text.inner p:last-child {margin-bottom: 0;}
.band-homebanner-cont .text.inner h2 {font-size: 20px;}
.homebanner-side-image {
right: 0;
top: 70px;
border: 30px solid #1a1432;
border-right: none;
width: 150px;
}
.band-homeconstruction.band {padding: 70px 0;}
.band-homeconstruction .top-image {width: 100%; padding-left: 30%;}
.large-band-title h2.bottom,
.medium-band-title h2.bottom {padding-left: 0px;}
.band-homeconstruction .medium-band-title {margin-top: 0px;}
.band-homeconstruction .band-desc { padding-left: 0px; margin: 0; }
.band-homeconstruction .band-desc .inner {padding-top: 0; padding-bottom: 0px; margin: 0;}
.band-homeconstruction .side-image-2 {
position: static;
width: 420px;
max-width: none;
margin: 0px auto 50px auto;
height: 250px;
}
.band-homeconstruction .side-image-2 .inner-icon {
width: 120px;
left: auto;
bottom: -47px;
right: 25px;
}
.band.bg-image {
max-height: 350px;
min-height: auto;
} .band-homeconstruction .bg-pattern-white {
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/bg-construction-mob.png);
width: 800px;
height: 400px;
top: 0px;
right: -50px;
background-size: contain;
background-position: right;
}
.band.band-homedevelopments {
padding-top: 70px;
padding-bottom: 30px;
}
.band-homedevelopments .bg-pattern-white {
width: 550px;
height: 550px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/bg-developments-mob.png);
margin-left: 100px;
top: -300px;
}
.band-homedevelopments .side-image {
width: 400px;
height: 250px;
position: relative;
margin: 30px auto 0px auto;
top: 0;
}
.band-homedevelopments .sixteen.columns { padding-left: 0; min-height: auto; }
.band-homedevelopments .medium-band-title { margin-top: -20px; }
.band-homedevelopments .medium-band-title h3.top,
.band-homedevelopments .medium-band-title h2.bottom {padding-left: 0px; }
.band-homedevelopments .medium-band-title h2.bottom {margin-top: 5px;}
.band-homedevelopments .band-desc { 
margin-top: 0px; 
flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
padding-left: 0px;
}
.band-homedevelopments .band-desc .side-image {
margin: 10px 0px 10px 0px;
position: relative;
}
.band-homedevelopments .band-desc .inner {margin-left: 0;}
.band-homelogos.band-developmentlogos .slider-logoticker,
.slider-logoticker {
width: calc(100vw - ((100vw - 420px) / 2)); 
width: 100%;
}
.slider-logoticker .logo {width: 50%;}
.slider-logoticker .logo img {max-width: 95%;}
.slider-logoticker .logo.smaller img {max-width: 85%;}
.slider-logoticker .logo.up img {top: 0px}
.grad {width: 30px;}
.band.band-homelogos.band-developmentlogos {padding-bottom: 50px;}
.band.band-homeproject .band-intro {padding: 0}
.band-formula .left { width: 50%; padding-top: 145px; }
.logo-watermark {bottom: 25px}
.logo-watermark .logo-salboy {width: 140px;}
.band.band-homeproject {padding: 70px 0}
.band.band-homeproject .band-intro h3 {margin-bottom: 10px;}
.band.band-homeproject .band-intro p {max-width: 300px;}
.band.band-homeproject .band-intro .project-subtitle {padding-left: 0;}
.band.band-homeproject .project,
.band.band-homeproject .project .inner {
flex-wrap: wrap;
-ms-flex-wrap: wrap;
width: 100%;
margin-left: 0;
padding-top: 30px;
}
.band.band-homeproject .project .thumb {
width: 100%;
height: 420px;
border-width: 40px;
border-left: none;
border-bottom: none;
margin-bottom: 20px;
}
.band.band-homeproject .bg-pattern-brown {height: 400px; max-width: 450px;}
.band-homeproject .slick-dots {
height: 30px;
}
.band.band-homeproject .feature-image {
width: 420px;
position: static;
margin: 20px auto 40px;
height: 250px;
}
.band.band-homeproject .project .info { min-height: auto; }
.band.band-formula {padding-bottom: 100px;}
.band-formula .left {width: 100%; padding: 0px}
.band-formula h3 {margin-bottom: 20px;}
.band-formula .desc {padding-right: 0;}
.band-formula .image {
width: 420px;
position: static;
margin: 30px auto 0 auto;
height: 300px;
}
.band-formula .steps {
top: 0;
right: 50px;
position: relative;
margin-right: 200px;
width: 50px;
}
.band-formula .step-icon { width: 50px; }
.band-formula .step-icon p {font-size: 14px; right: -15px}
.band-formula .right {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: flex-end;
}
.band-formula .bg-pattern-white {
width: 75px;
height: 400px;
right: 0;
top: 0px;
}
.band.band-homelogos {padding-bottom: 0;}
.instagram-grid .ig-item { width: calc(50% - 10px);}
.band.band-homenews {padding-bottom: 100px;}
.band-hometeam .image-3 {
border: 30px solid #e5dfd9;
width: 200px;
bottom: -90px;
right: -70px;
z-index: 2;
}
.band.band-hometeam h3 { padding-left: 0px; margin-top: 75px; margin-bottom: 0px; }
.band-hometeam .image-2 {margin-left: 0; width: 100%;}
.band-hometeam .bg-pattern-brown {
top: -120px;
left: -150px;
width: 500px;
height: 300px;
}
.band.band-hometeam .team-desc {padding: 0;}
.band.band-hometeam .team-desc .left,
.band.band-hometeam .team-desc .right {margin: 20px 0 0 0; width: 100%;}
.band-clientslider .quote::before, 
.band-clientslider .quote::after { width: 54px; height: 34px; }
.band.band-clientslider { padding-bottom: 50px; }
.band-homesocial .social-button {width: 50px; height: 50px;} .band.band-projectsbanner { padding-top: 150px; padding-bottom: 200px; }
.band.band-projectsbanner .bg-pattern-white { height: calc(100% - 140px); margin-top: 0; }
.band-projectlist .project-item {width: 100%; margin-bottom: 20px;}
.band-projectlist .project-item .project-thumb-outer {height: 250px; margin-bottom: 15px;}
.band-projectlist .project-item a.title.txt-bb-small {font-size: 35px;}
a.read-more.load-more-button { font-size: 22px !important; }
a.load-more-button .arrow,
a.load-more-button .arrow svg {width: 50px; height: 50px;}
.project-tabs li {padding: 0px 20px;}
.project-tabs li:first-child {padding-left: 0;}
.project-tabs li:last-child {padding-right: 0;}
.project-tabs li::after {
width: 23px;
height: 49px;
right: -10px;
}
.project-tabs a {font-size: 25px;} .band.band-contactbanner { padding: 150px 0px 50px 0px; }
.band.band-contactbanner .desc {margin-top: 30px;}
.band.band-contactbanner .bg-pattern-white { top: 120px; height: 270px; width: 41vw; }
.band.band-contactforms,
.band.band-forms {padding-bottom: 30px; }
.band.band-contactbanner h2,
.band.band-contactbanner .desc,
.form-tabs,
.band.band-forms .forms-outer {padding-left: 0;}
.form-tab {
padding: 25px;
width: 100%;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: left;
align-items: center;
-ms-align-items: center;
flex-direction: row;
-ms-flex-direction: row;
}
.form-tab .icon {
height: auto;
margin-bottom: 0;
width: 50px;
margin-right: 20px;
flex-shrink: 0;
} .form-tab {border-left: none; border-bottom: 1px solid #fff;}
.form-tab .arrow { width: 27px; top: 7px; }
.form-tab p {font-size: 22px; margin: 0px; width: auto}
.band.band-map {padding-bottom: 0;}
.map-address {width: 100%; padding-right: 0px; padding-bottom: 50px;}
.map {width: 100%; height: 270px; position: static;}
.map-address .enquiries {margin-bottom: 30px;}
.map-address .enquiries a {margin-bottom: 10px;}
.map-address .find-us a {margin-top: 0;}
.map-address .enquiries p,
.map-address .enquiries a,
.map-address .find-us p {font-size: 18px !important;}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"] {font-size: 16px;}
button[type="submit"] svg { width: 40px; height: 40px; } .band-newsbanner .filter {flex-wrap: wrap; -ms-flex-wrap: wrap;}
.reset {position: static; width: 100%;}
.band.band-newsbanner { padding: 150px 0 0 0; }
.archive h1.txt-hn-xlarge,
.blog h1.txt-hn-xlarge {margin-bottom: 10px;}
.band-newsbanner .bottom {
flex-wrap: wrap; 
-ms-flex-wrap: wrap;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
flex-direction: row;
-ms-flex-direction: row;
}
.band-newsbanner .bottom h2 {width: 100%; margin-bottom: 40px;}
.filter.flex { flex-wrap: wrap; -ms-flex-wrap: wrap; }
.filter .filter-inner {margin-left: 0; margin-right: 20px;}
.news-item.large,
.news-item.middle,
.news-item { width: 100%; margin: 0 0 60px 0; }
.news-item:last-child {margin-bottom: 20px;}
.news-item.large .thumbnail,
.news-item .thumbnail {height: 250px;}
.news-item .info {margin-top: 20px;}
.news-item.large .info a.title {font-size: inherit;}
.news-item .thumbnail,
.band-newsrelated .news-item .thumbnail {height: 250px;} .band.band-aboutbanner {padding-top: 100px; padding-bottom:100px;}
.band.band-aboutbanner .bg-pattern-white {
max-width: 500px;
right: 0;
bottom: 250px;
height: 271px;
}
.band-aboutbanner .side-image {
width: 420px;
position: static;
max-width: none;
margin: 0px auto 30px auto;
}
.band-aboutbanner .banner-text {
width: 100%;
max-width: 420px;
margin: 0 auto;
}
.band-aboutbanner p.top {margin-bottom:0;}
.band-aboutbanner p.bottom {margin-left:40px;}
.band-aboutbanner .desc {
width: 100%;
max-width: 420px;
margin: 20px auto 0;
}
.band-aboutbanner .desc h2 {font-size:20px; margin-bottom:15px;}
.band-concept .side-image { 
width: 420px;
height:420px;
position: static;
max-width: none;
margin: 0px auto 30px auto;
}
.band.band-concept:not(.accordion) {padding-top:100px;}
.band-concept .bg-pattern-white { height: 400px; top: 400px; min-width: 400px; }
.band-concept .sixteen.columns:not(.accordion) {
width: 100%;
max-width: 420px;
margin: 0 auto;
padding:0;
min-height:auto;
}
.band-concept.accordion .accordion-item.about-page {flex-direction:column; padding-bottom:10px !important;}
.band-concept.accordion .accordion-item.about-page .accordion-inner  {width:100%; padding-left:60px;}
.band-concept.accordion .accordion-item.about-page .accordion-inner .accordion-title {padding-top:0;}
.band-concept.accordion .accordion-item.about-page .accordion-image {margin:auto; width:300px; margin-bottom:30px;}
.band-concept.accordion .accordion-item.about-page .accordion-image .image-inner .image-arrow {
width: 65px;
bottom: 100px;
left: -33px;
}
.accordion-item .accordion-title .arrow {width:28px; left:15px; top:33px;}
.band-twocoltext .twocol { padding: 20px 0px 0px 50px; column-gap: 40px; }
.band.band-aboutway { padding-top: 100px; padding-bottom: 40px; }
.band-aboutway .left h3 {font-size: 50px;}
.band-aboutway .bg-pattern-brown { height: 270px; top: 50px; }
.step-slider-item {width:45%;} .band-clientslider.band-clientslider-alt .slider-outer {width: 100%;}
.band.band-aboutteam {padding: 100px 0px;}
.band.band-aboutteam .text {
width: 100%;
padding-left: 0;
max-width: 420px;
margin: 0px auto;
}
.band.band-aboutteam .desc {margin-left: 0; margin-top:0;}
.band.band-aboutteam .left-image {bottom: 0;}
.band.band-aboutteam .left-image,
.band.band-aboutteam .right-image {width: 20%;}
.band.band-aboutteam .right-image {
width: 420px;
position: static;
max-width: none;
margin: 0px auto 50px auto;
}
.band.band-aboutteam .right-image img {position:relative !important;}
.band.band-aboutteam .right-image img:first-child {top:-20px;}
.band.band-aboutteam .bg-pattern-white {height: 280px; width:60%; top:unset; bottom-25px;}
.band.band-aboutsteps {padding-bottom: 50px;} .band-newsbanner-single { padding: 150px 0 0px 0; }
.band-newsbanner-single h1 {margin-bottom: 20px;}
.band-newsbanner-single .news-cat {font-size: 22px; margin-bottom: 20px;}
.band-newsbanner-single p.txt-hn-small {margin-bottom: 30px;}
.bodycopy h3 {font-size: 25px;}
.bodycopy blockquote p {font-size: 21px;}
.bodycopy h4 {font-size: 21px;}
.bodycopy p, 
.bodycopy li { font-size: 18px; }
.bodycopy img, .bodycopy .wp-video {margin: 40px auto;}
.band.band-newsrelated .title .inner,
.breadcrumb.breadcrumb-vertical {
writing-mode: unset;
text-orientation: unset;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.breadcrumb.breadcrumb-vertical .arrow {
width: 20px;
height: 15px;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
top: 2px;
margin: 0px 7px;
}
.breadcrumb.breadcrumb-vertical {
position: static; 
height: auto; 
width: 420px;
margin: 0px auto 20px auto;
height: auto;
}
.breadcrumb.breadcrumb-vertical p {
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
position: static;
height: auto;
}
.breadcrumb.breadcrumb-vertical p,
.breadcrumb p {font-size: 16px;}
.band.band-singlecontent,
.band.band-newsrelated {padding-bottom: 50px;}
.band.band-newsrelated .sixteen.columns { flex-wrap: wrap; -ms-flex-wrap: wrap; }
.band.band-newsrelated .title {margin-bottom: 30px;}
.band.band-newsrelated p.top {font-size: 25px;}
.band.band-newsrelated p.bottom { font-size: 45px; margin: 0} .band.band-aboutsubpagebanner {padding-top: 120px}
.band-aboutsubpagebanner .breadcrumb { text-align: left; }
.band-aboutsubpagebanner p.bottom {margin-left: 0px;}
.band-aboutsubpagebanner .desc {margin: 30px 0 50px 0px; width: 100%}
.band-aboutsubpagebanner .bg-pattern-white {
width: 88vw;
height: 320px;
bottom: auto;
top: 220px;
}
.peoplebanner-image-small {
margin-left: 0;
width: 250px;
margin-bottom: 100px;
}
.peoplebanner-image-border {
left: 20px;
width: 250px;
height: 254px;
bottom: 80px;
}
.peoplebanner-image-large.absolute {
width: 60vw;
height: 250px;
top: auto;
bottom: 0;
}
.band.band-leadership { padding-top: 70px; }
.band-leadership .large-band-title h2.bottom {padding-left: 0; max-width: 100%;}
.band-leadership .icon { width: 80px; }
.band-leadership .desc { margin-left: 0px; padding-top: 20px;}
.band-leadership .directors {padding-top: 40px;}
.director-list li {margin-bottom: 30px;}
.director-list span.txt-hn {font-size: 20px;}
.director-list span.txt-bb {font-size: 35px;}
.director-info {width: 100%; margin-right: 0;}
.band.band-leadership .bg-pattern-white {
height: 400px;
left: -180px;
width: 620px;
background-image: url(//www.domisconstructionmerge.devbyfuture.co.uk/wp-content/themes/domis/assets/svg/homepage/bg-leadership-mob.png);
}
.band.band-culture {padding-top: 70px;}
.band-culture .large-band-title h2.bottom {padding-left: 0; margin-bottom: 150px;}
.band.band-culture { padding-top: 70px;  padding-bottom: 10px;}
.band-culture .culture-image { max-width: 300px; top: 70px; width: 48%; }
.band-culture .bg-pattern-brown,
.band-culture .bg-pattern-white {
width: 70vw;
height: 300px;
right: auto;
top: 200px;
left: 0;
}
.band-culture .large-band-title h2.bottom { padding-left: 0; margin-bottom: 120px; }
.band-culture .desc { margin-left: 0; max-width: 350px; }
.value-item { width: 50%; margin-bottom: 30px; }
.value-item .icon { width: 100px; }
.value-item .txt-bb { font-size: 25px; }
.band-video.band {height: 250px;}
.band-video.band .play {width: 70px;}
.director-list {margin-left: 0px;}
.band-icons .bg-pattern-brown {height:450px;} .band.band-partnersbanner {padding-bottom: 40px; padding-top: 150px;}
.band.band-partnersbanner .bg-pattern-white {height: 250px;}
.band.band-partnersintro {padding-bottom: 50px; overflow: visible;}
.band.band-partnersintro .flex {flex-wrap: wrap; -ms-flex-wrap: wrap;}
.band.band-partnersintro .left {width: 100%; padding: 0px;}
.band.band-partnersintro .left h2 {font-size: 20px;}
.band.band-partnersintro .right { height: 300px; margin-bottom: 50px; margin-top: 50px}
.band.band-partnersintro .image-wrap { width: calc(95vw - (100vw - 420px)/2); margin-left: 10vw; }
.band.band-partnersintro .shape { width: 159px; left: -50px; bottom: -148px; }
.gallery-nav p {font-size: 30px; padding-top: 7px;}
.gallery .bg-image {height: 460px;}
.band.band-partnersmain {padding-top: 70px;}
.band-partnersmain .bg-pattern-brown { height: 250px; width: 35%;}
.band-partnersmain .title {margin-bottom: 30px;}
.accordion-item { padding: 30px 0px !important; }
.accordion-head {width: 180px; padding-bottom: 0px; justify-content: flex-start;}
.open .accordion-head {padding-bottom: 30px;}
.accordion-head img {max-height: 30px;}
.accordion-head img.small {max-height: 20px;}
.accordion-head img.medium {max-height: 45px;}
.accordion-head img.tall {max-height: 60px;}
.accordion-head img.square {max-height: 100px;}
.accordion-arrow svg { width: 30px; height: 30px; }
.accordion-content {padding: 0; width: 100%;} .band-careersbanner.band { padding: 70px 0 70px 0; }
.band-careersbanner p.bottom {margin-bottom: 40px; margin-left: 0;}
.careersbannerimage-large { margin-left: 0px; width: 100%; }
.band-careersbanner .desc {margin-left: 0; margin-top: 40px;}
.careersbannerimage-small {
top: 193px;
border: 30px solid #e4dfd9;
border-right: none;
width: 180px;
right: 0;
bottom: auto;
}
.leadership-alt-item {margin-right: 0; margin-bottom: 30px;}
.band-leadership.band-leadership-alt .icon { width: 50px; top: 0; }
.band-leadership.band-leadership-alt .desc {padding-bottom: 40px;}
.band-welove .top-image {
width: 420px;
position: static;
max-width: none;
margin: 0px auto 50px auto;
}
.band-welove .title-image { width: 190px; } 
.band-welove .large-band-title {padding-top:0;}
.band-welove .content {
max-width: 100%;
margin-left: 0;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
padding-top:0;
}
.band-welove .content .image { width: 100%; }
.band-welove .icon { width: 150px; top: -180px; left: 0; }
.band-welove .content .desc { padding-left: 0;}
.band-welove .bg-pattern-white {
width: 400px;
height: 350px;
top: unset;
left: 0;
bottom: 170px;
}
.leftheading-rightdesc .desc {padding-top: 20px;}
.value-icons-alt .value-item .icon { width: 90px; height: 80px; }
.value-icons-alt .value-item .icon.wider { width: 100px; }
.value-icons-alt .value-item .icon img { max-height: 80px;}
.value-icons.value-icons-alt .value-item {width: 50%; margin-bottom: 40px;}
.value-icons-alt .value-item p {padding: 0px 20px} .subnav-header-mobile {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
cursor: pointer;
}
.subnav-header-mobile p {margin: 0}
.subnav-header-mobile .dropdown-arrow { width: 28px; margin-top: -6px; }
.subnav-header-mobile.active .dropdown-arrow img {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.subnav {padding: 40px 40px 30px 40px !important;}
.subnav ul {display: none; padding-top: 50px;}
.subnav ul li {width: 100%; margin: 0 0 20px 0}
.subnav ul li:last-child {margin: 0}
.subnav ul.txt-white a{border-color: #fff;}
.subnav ul.txt-brown a {border-color: #a67550;}
.project-subnav a {display: block;}
.project-subnav li::after {margin-top: -5px;}
.band-projectintro .left,
.band-projectintro .right,
.band-projectlatest .top .title,
.band-projectlatest .top .video-outer,
.band-projectlatest .top .video-thumb,
.band.band-interest .left,
.band.band-interest .right {width: 100%;}
.band-projectintro .breadcrumb {margin-bottom: 20px;}
.band-projectintro .title {margin-bottom: 40px;}
.band-projectintro .title h1 {font-size: 35px;}
.band.band-projectsubpagebanner {padding-top: 0px;}
.band.band-projectsubpagebanner .breadcrumb {text-align: left;}
.band-projectsubpagebanner .title {max-width: 100%; width: 100%; margin-top: 20px; padding-bottom: 20px;}
.band-projectsubpagebanner .desc {width: 100%; max-width: none; border: none; margin-bottom: 40px;}
.band.band-projectsubpagebanner .bg-box { width: calc(100% + ((100vw - 420px)/2)); }
.video-thumb,
.tour { height: 230px; }
.band.band-projectsubpagebanner .video-thumb {min-height: auto; height: 300px;}
.video-thumb .play {width: 50px;}
.band-projectintro .left {margin-bottom: 40px;}
.band-projectintro p {font-size: 18px;}
.project-partner.main img {max-height: 40px;}
.project-partner.main img.large {max-height: 65px;}
.band-timeline h3 {margin-bottom: 140px;}
.band-timeline .arrows-wrap { top: 100px; right: auto; left: 0; }
.band-timeline .line { width: calc(100% + ((100vw - 420px)/2)); }
.band.band-projectstats {padding-bottom: 70px;}
.band.band-projectstats h3 {margin-bottom: 40px;}
.band-projectstats .mainbox {
width: 100%; 
min-height: auto;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
align-self: unset;
-ms-align-slef: unset;
padding: 30px;
}
.band-projectstats .right {padding-left: 0px; width: 100%;}
.band-projectstats .subbox-wrap {border: none; width: 100%; margin-left: 0; height: 100%;}
.band-projectstats .subbox {padding: 30px; width: 100%; height: auto;}
.band-projectstats .subbox:first-child {margin-top: 20px;}
.band-projectstats .mainbox p.top,
.band-projectstats .subbox p {font-size: 27px; padding-right: 0;}
.band-projectstats .mainbox p.bottom {font-size: 16px; margin-top: 30px; padding-right: 0;}
.band-projectstats .mainbox * {order: 1}
.band-projectstats .mainbox .icon {position: static; order: 0}
.band-projectstats .mainbox .icon img {height: 75px; width: auto;}
.band-projectstats .subbox p,
.band-projectstats .mainbox p.top {margin-top: 30px;}
.band-projectstats-new .title { width: 100px; }
.band-projectstats-new .title h3 {font-size: 30px;}
.band-projectstats-new .arrow { width: 50px; margin-top: 15px; }
.band-projectstats-new .stats-wrap { width: calc(100% - 100px); min-width: auto; }
.band-projectstats-new .stat-item { width: 100%; padding-left: 36px; margin: 0 0 20px 0 !important; }
.band-projectstats-new .stat-item .icon { width: 70px; height: 70px; margin-bottom: 20px;}
.band-projectstats-new .stat-item .label p { font-size: 21px; }
.band-specification .left {width: 100%;}
.band-specification .right {width: 100%; padding-left: 40px;}
.band-specification .right ul,
.band-specification h3 {margin-bottom: 30px;}
.band-specification .right a.read-more {width: calc(100% + 40px); margin-left: -40px; font-size: 16px !important;}
.band-specification .right a.read-more .arrow {top: 3px}
.band.band-projectquote {padding-top: 20px;}
.band-projectquote .quote-inner {
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
padding-bottom: 20px;
}
.band-projectquote .quote-image {width: 130px; margin-bottom: 30px;}
.band-projectquote .quote-text {width: 100%; padding-left: 0; text-align: center;}
.band-projectquote .main {font-size: 27px;}
.band-projectquote .quote-outer::before, 
.band-projectquote .quote-outer::after { width: 54px; height: 34px; }
.band-projectquote .quote-outer::before { left: 0; top: 110px; }
.band-projectquote .quote-outer::after { right: 0; }
.band.band-projecttour {padding-top: 50px;}
.tour .icon img { width: 80px; margin: 0px auto 20px auto; }
.tour p {margin: 0;}
.floors {padding: 30px}
.floors h3 {margin-bottom: 40px;}
.floorplan img[role="presentation"]{display: none !important;}
.floorplan-subnav a {border-bottom: 2px solid;}
.band-projectarea {padding-bottom: 0; min-height: auto;}
.band-projectarea .map {position: relative; width: 100%; height: 250px;}
.band-projectarea .columns {padding-right: 0;}
.band-projectarea h3 {margin-bottom: 20px;}
.band-projectarea .desc {margin-bottom: 50px;}
.band.band-projectlatest {padding-bottom: 0;}
.band-projectlatest .top .video-thumb {height: 230px; margin: 30px 0px 50px 0;}
.band-projectlatest .top .video-outer {height: auto; min-height: auto; max-height: none;}
.band.band-interest .left {padding: 50px 50px 50px 0px;}
.band.band-interest .bg-box { width: calc(100% + (100vw - 420px)/2); }
.band.band-interest h3 { margin-bottom: 30px; }
.band.band-interest .right h3 { padding-top: 50px; }
.band.band-interest .right {margin-right: 0;}
.band.band-interest button { margin-left: calc(100% - 50px); height: 50px;}
.band.band-interest button svg { width: 50px; height: 50px; }
.project-slider-title {margin-bottom: 30px !important;}
.project-slider-title h3 {margin: 0}
.projects-slider-subpage .project-item {margin-bottom: 0;}
.band-projectlatest .projectupdates-outer,
.band-projectlatest .projectupdates-outer .update-item {width: 100%; margin: 0}
.floors .zoom-text {
position: static !important;
margin: 10px 0px;
}
.footer-heading .footer-heading-item {
width: 100% !important; 
padding: 10px 0px !important; 
margin-bottom: 30px;
border-right: 0 !important;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.footer-heading {padding-bottom: 0; border: 0;} .band.band-search {padding-top: 0;}
.search-item { width: 100%; margin: 0 0 30px 0 !important; }
} @media all and (max-width: 479px) {
.grad {display:none !important;}
.txt-hn-small { font-size: 14px; }
.mobile-menu {padding-top:30px;}
h3, 
.txt-bb-medium,
.large-band-title h3.top,
.medium-band-title h3.top,
.txt-bb-mediumlarge { font-size: 30px; }
.large-band-title h2.bottom,
.medium-band-title h2.bottom { font-size: 33px; }
.txt-hn-large {font-size: 20px;}
.footer-heading p {font-size: 27px;}
.footer-heading p strong { font-size: calc(100% - 7px); }
.band-homesocial h3 {padding-left: 0; text-align: center; margin-top: 30px;} .band-homebanner,
.band.bg-image.band-topbannerimage {max-height: 300px;}
.homebanner-side-image { border-width: 20px !important; width: 130px; }
.band-homebanner .homepage-intro h2 { font-size: 20px; }
.band-homebanner-cont p.top,
.band-homebanner-cont p.bottom { font-size: 35px; }
.band-homebanner-cont .do {height: 26px;}
.band-homebanner-cont .full-width-image img {width: 100%;}
.band-homeconstruction .side-image-2 {width: 300px; max-width: 100%;}
.band.band-homeproject .project .thumb {height: 300px; border-width: 30px !important;}
.band-formula .image { width: 300px; height: 250px;}
.band-formula .steps {margin-right: 150px; right: 0;}
.band.band-formula {padding-bottom: 70px;}
.band-homelogos h4 {margin-bottom: 30px;}
.band.band-homenews {padding-top: 70px;}
.instagram-grid .ig-item { width: calc(50% - 7px); }
.band.band-hometeam h3 {line-height: 1.2;}
.band-hometeam .image-3 { border-width: 20px; width: 150px; bottom: -70px; right: -40px; }
.band-clientslider .quote {padding: 40px 0px;}
.band-homelogos.band-developmentlogos .slider-logoticker { 
width: calc(100vw - ((100vw - 300px) / 2)); 
width: 100%;
}
.band-homeconstruction .side-image-2,
.band-homedevelopments .side-image,
.band.band-homeproject .feature-image {width: 300px; height: 200px}
.band.bg-image {max-height: 250px;}
.logo-watermark .logo-salboy { width: 100px; }
.band.band-homelogos h4 strong {font-size:20px;} .band-projectlist .project-item .project-thumb-outer { height: 200px;}
.band-projectlist .project-item a.title.txt-bb-small {font-size: 30px;}
.project-tabs a {font-size: 20px;}
.band-projectstats-new .stat-item {padding-left: 0;} .form-tab .icon {width: 32px;} .filter.flex .filter-inner {width: 100%; margin: 0 0 20px 0;}
.band.band-newsarchive {padding-top: 30px;}
.news-item .thumbnail,
.band-newsrelated .news-item .thumbnail {height: 250px;} .band.band-aboutbanner {padding:70px 0;}
.band-aboutbanner .side-image {width:300px;}
.band.band-aboutbanner .bg-pattern-white { max-width: 250px; bottom: -400px; height: 200px; }
.band.band-concept:not(.accordion) {padding-bottom:40px;}
.band-concept .side-image {width:300px; height:300px;}
.band-concept.accordion {padding-bottom:70px;}
.band-concept.accordion .accordion-item.about-page .accordion-inner .accordion-content {padding:0 30px 0 0;}
.band-concept.accordion .accordion-item.about-page .accordion-image {width:200px;}
.band-concept.accordion .accordion-item.about-page .accordion-image .image-inner .image-arrow {
width: 50px;
bottom: 65px;
left: -25px;
}
.band.band-aboutway { padding-top: 70px; padding-bottom: 30px; }
.band-aboutway .left h3 { font-size: 35px; margin-bottom: 0px; }
.band-aboutway .bg-pattern-brown { height: 250px; min-width: 200px; top: 75px;}
.band.band-aboutsteps .slider-top {flex-wrap: wrap; -ms-flex-wrap: wrap;}
.band.band-aboutsteps .slider-top h4 {width: 100%; margin-bottom: 20px;}
.slider-steps {padding-top: 0px;}
.step-slider-item {width:100%; margin-bottom:25px;}
.step-slider-item .desc { width: calc(100% - 50px); }
.band-clientslider.band-clientslider-alt .quote { padding: 40px 0px; margin-top: 30px; }
.band-clientslider-alt .slick-dots {bottom: 0;}
.band.band-aboutteam .right-image, .band.band-aboutteam .left-image {width: 150px;}
.band.band-aboutteam .left-image { margin-left: calc((100vw - 300px)/2);}
.band.band-aboutteam .right-image { margin-right: calc((100vw - 300px)/2);}
.value-item .icon  {height: auto;}
.band.band-aboutteam .right-image {width:300px;}
.band.band-aboutteam .right-image img {width:150px;} .breadcrumb.breadcrumb-vertical {max-width: 300px;}
.band-newsbanner-single .news-cat {font-size: 20px;}
.band-newsbanner-single p.txt-hn-small {font-size: 16px;}
.bodycopy h4 { font-size: 20px; }
.bodycopy p, .bodycopy li { font-size: 16px; }
.band.band-newsarchive.band-newsrelated {padding-top: 0;} .peoplebanner-image-small,
.peoplebanner-image-border {width: 200px;}
.band-leadership .icon { width: 50px; }
.director-list span.txt-hn { font-size: 18px; }
.director-list span.txt-bb { font-size: 30px; }
.band-culture .large-band-title h2.bottom { margin-bottom: 230px; }
.band-culture .culture-image {
max-width: 300px;
top: 160px;
width: 300px;
right: auto;
left: calc((100vw - 300px)/2);
}
.value-icons {padding-top: 30px;}
.value-item {width: 100%;}
.value-item .txt-bb { font-size: 25px; }
.band.band-video {height: 250px; min-height: auto;}
.band.band-leadership .bg-pattern-white {left: -270px;} .band.band-partnersbanner p.top {font-size: 29px;}
.band.band-partnersbanner p.bottom {font-size: 36px;}
.band.band-partnersintro .right { height: 250px; margin-bottom: 60px; margin-top: 30px; }
.band.band-partnersintro .shape { width: 140px; left: 0; bottom: -120px; }
.band.band-partnersintro .left h2 { font-size: 18px; }
.gallery .bg-image {height: 350px;} .careersbannerimage-small {display: none;}
.band-welove .top-image {width:300px;}
.band-welove .title-image {display: none;}
.band-welove .content {padding-top: 30px;}
.band-welove .icon {
width: 100px;
top: -120px;
left: auto;
right: -20px;
}
.band-welove .large-band-title h2.bottom {padding-left: 40px; margin-bottom:0;}
.band-welove .bg-pattern-white {bottom:270px;}
.value-icons.value-icons-alt .value-item {width: 100%;}
.value-icons.value-icons-alt .value-item:last-child {margin-bottom: 0;}
.band-careersbanner.band p.top {font-size: 30px;}
.band-careersbanner.band p.bottom {font-size: 36px; padding-left: 0px;}
.band.band-leadership.band-leadership-alt {padding: 70px 0px 40px 0;}
.band-careersbanner .desc h2 {font-size:20px;} .band.band-projectsubpagebanner .bg-box,
.band-timeline .line,
.band.band-interest .bg-box { width: calc(100% + ((100vw - 300px)/2)); }
.band-projectintro .title h1 {font-size: 30px;}
.video-thumb,
.tour { height: 200px; }
.project-partner {width: 100%;}
.band.band-projectsubpagebanner .video-thumb {min-height: auto; height: 250px;}
} @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
.bg-pattern-white,
.bg-pattern-brown,
.single .breadcrumb,
.band-newsrelated .title {display: none;}
h3 strong,
h4 strong {font-size: 41px;}
.footer-heading p strong {font-size: 33px;}
.txt-hn-xlarge {line-height: 1 !important; padding-top: 0 !important;}
}