@charset 'UTF-8';
.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-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}
.container                                  { width: 1600px; position: relative; margin: 0 auto; padding: 0;}
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px;  }
.row                                        { margin-bottom: 20px; }
.alpha.omega                                 { 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: 80px; }
.container .two.columns                     { width: 180px; }
.container .three.columns                   { width: 280px; }
.container .four.columns                    { width: 380px; }
.container .five.columns                    { width: 480px; }
.container .six.columns                     { width: 580px; }
.container .seven.columns                   { width: 680px; }
.container .eight.columns                   { width: 780px; }
.container .nine.columns                    { width: 880px; }
.container .ten.columns                     { width: 980px; }
.container .eleven.columns                  { width: 1080px; }
.container .twelve.columns                  { width: 1180px; }
.container .thirteen.columns                { width: 1280px; }
.container .fourteen.columns                { width: 1380px; }
.container .fifteen.columns                 { width: 1480px; }
.container .sixteen.columns                 { width: 1580px; }
.container .one-third.column                { width: 513.328px; }
.container .two-thirds.column               { width: 1046.656px; } .container .offset-by-one                   { padding-left: 120px; }
.container .offset-by-two                   { padding-left: 200px; }
.container .offset-by-three                 { padding-left: 300px; }
.container .offset-by-four                  { padding-left: 400px; }
.container .offset-by-five                  { padding-left: 500px; }
.container .offset-by-six                   { padding-left: 600px; }
.container .offset-by-seven                 { padding-left: 700px; }
.container .offset-by-eight                 { padding-left: 800px; }
.container .offset-by-nine                  { padding-left: 900px; }
.container .offset-by-ten                   { padding-left: 1000px; }
.container .offset-by-eleven                { padding-left: 1100px; }
.container .offset-by-twelve                { padding-left: 1200px; }
.container .offset-by-thirteen              { padding-left: 1300px; }
.container .offset-by-fourteen              { padding-left: 1400px; }
.container .offset-by-fifteen               { padding-left: 1500px; } .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 (min-width: 1300px) and (max-width: 1640px) {
.container                                  { width: 1280px; position: relative; margin: 0 auto; padding: 0;}
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px;  }
.row                                        { margin-bottom: 20px; }
.alpha.omega                                 { 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; }
} @media only screen and (max-width: 1299px) {
.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                                { margin-left: 0; margin-right: 0; }
.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 {
background: #fff;
font: 14px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-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, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
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;
}
} a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }
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"] {
background: #eee; background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); border: 1px solid #aaa;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #444;
display: inline-block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px rgba(255, 255, 255, .75);
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
padding: 8px 10px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #222;
background: #ddd; background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); border: 1px solid #888;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa; }
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
border: 1px solid #666;
background: #ccc; background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); }
.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 {
border: 1px solid #ccc;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-font-smoothing: antialiased;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff; }
select {
padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {
min-height: 60px; }
label,
legend {
display: block;
font-weight: bold;
font-size: 13px;  }
select {
width: 220px; }
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444; } .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
  html {
overflow-y: scroll;
height: 100%;
overflow-x: hidden;
}
html.lock {overflow: hidden !important;}
html .nicescroll-cursors {
background-color: rgba(255, 255, 255, 0.5) !important;
border: rgba(255, 255, 255, 0.5) !important;
}
body {
background-color: #ffffff;
margin: 0px;
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
height: 100%;
}
.all-content {
overflow: hidden;
} @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: "Tiempos Medium", serif;
font-weight: normal;
color: #666;
}
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);
}
h1 strong,
h2 strong {
font-weight: 500;
}
h1 {
font-size: 90px;
line-height: 95px;
}
h2 {
font-size: 60px;
line-height: 64px;
margin-bottom: 20px;
}
h3, h4 {
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
}
h3 {
font-size: 21px;
line-height: 25px;
}
h4 {
font-size: 32px;
line-height: 36px;
}
p, li, span, label {
font-family: neue-haas-unica, sans-serif;
font-weight: 400;
font-style: normal; font-size: 22px;
line-height: 26px;
color: #323e48;
}
.projects-logos{
max-width: 225px;
margin-bottom: 20px;
}
.projects-logos.projects-logos-small{
max-width: 125px;
margin-bottom: 20px;
}
.hero-image-1.projects-hero{ 
position: absolute;
top: 50px;
right: 0px;
width: 600px;
height: 400px;
}
.hero-image-2.projects-hero{
position: absolute;
top: 431px;
right: 65px;
width: 600px;
height: 400px;
}
.hero-image-1.projects-hero img, .hero-image-2.projects-hero img{
width: 100%;
height: 100%;
object-fit: cover;
}
.band-projectoverviewbanner.industrial{
padding: 140px 0px;
}
@media only screen and (max-width: 1600px) { }
@media only screen and (max-width: 1300px) {
.hero-image-2.projects-hero {
position: absolute;
top: 441px;
right: 0px;
width: 500px;
height: 400px;
}
.hero-image-1.projects-hero {
position: absolute;
top: 50px;
right: 0px;
width: 450px;
height: 400px;
}
.band-projectoverviewbanner.industrial {
padding: 40px 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hero-image-2.projects-hero {
position: absolute;
top: 912px;
right: 0px;
width: 389px;
height: 188px;
}
.hero-image-1.projects-hero {
position: absolute;
top: 300px;
right: 0px;
width: 350px;
height: 230px;
}
.band-projectoverviewbanner.industrial {
padding: 40px 0px 440px 0px;
}
}
@media only screen and (max-width: 767px) {
.hero-image-1.projects-hero {
position: absolute;
top: 424px;
right: 0px;
width: 440px;
height: 389px;
}
.hero-image-2.projects-hero {
position: absolute;
top: 374px;
right: 0px;
width: 389px;
display: none;
height: 188px;
}
}
#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,
.monsterinsights-admin-bar-handle-text {
color: #eee;
}
#catapult-cookie-bar {background: #ab378e !important; color: #ffffff;}
.cookies {width: 95%; margin: 0px auto; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.cookies span {color: #ffffff; font-family: neue-haas-unica, sans-serif; font-size: 18px; line-height: 22px;}
.cookies span button {
margin-left: 10px; 
border-radius: 0px !important; 
border: none; 
box-shadow: none; 
outline: none; 
text-shadow: none; 
background: #ffffff; 
color: #3E4543; 
font-family: neue-haas-unica, sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
padding: 5px 9px;
text-transform: uppercase;
}
.cookie-notice-container {padding: 20px 10px !important; box-shadow: 0 4px 35px -2px rgba(0,0,0,0.2);}
span#cn-notice-text { font-family: neue-haas-unica, sans-serif; color: #ffffff !important; font-size: 18px; line-height: 22px;}
#cookie-notice .cn-button { text-shadow: none;
border-radius: 0px;
border: none;
background: #ffffff;
color: #3E4543;
cursor: pointer;
padding: 4px 15px;
font-size: 16px;
line-height: 16px;
-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;
margin-bottom: 0px;
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin-top: 5px;
}
#cookie-notice .cn-button:hover {
background: #efefef !important;
}
p strong,
p i {
font-family: inherit;
font-weight: 600;
font-size: inherit;
line-height: inherit;
color: inherit;
}
a {
font-family: neue-haas-unica, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 20px;
color: #323e48;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 2px transparent solid;
-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;
}
a:hover {
color: #999;
border-bottom: 2px #999 solid;
}
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(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/assets/box-link.png);
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea {
background: none !important;
border: none !important;
border-bottom: 1px solid !important;
border-radius: 0px !important;
padding: 15px 12px;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
font-family: 'neue-haas-unica', sans-serif;
color: #323e48;
font-size: 20px;
line-height: 24px;
width: 100%;
margin-bottom: 20px;
font-weight: 400;
}
input::placeholder,
textarea::placeholder
select option,
select::placeholder {opacity: 1; color: #323e48;}
select {-webkit-appearance: none;}
textarea {
height: 250px;
resize: none;
}
input[type="submit"] {
background: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
font-family: 'neue-haas-unica', sans-serif;
font-weight: 700;
letter-spacing: 3px;
color: #79DEA8;
font-size: 24px;
line-height: 28px;
-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;
text-transform: uppercase;
padding: 0px !important;
margin-top: 10px;
margin-bottom: 10px;
}
input[type="submit"]:hover {
color: #012639;
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
span.wpcf7-not-valid-tip {
font-size: 16px;
line-height: 20px;
color: #c13434;
margin: -10px 0px 5px 15px;
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
border: none !important;
padding: 0px !important;
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
color: #012639;
font-size: 18px;
line-height: 22px;
margin: 0px;
}
.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;
}
.container.flex {display: flex; flex-wrap: wrap;}
.bg-blue {background: #012639;}
.bg-green { background: #79DEA8;}
.bg-grey {background: #323e48;}
.bg-white {background: #ffffff;}
.bg-lightgrey { background: #f1f1f1;}
.txt-blue {color: #012639 !important;}
.txt-green { color: #79DEA8 !important;}
.txt-white {color: #ffffff !important;}
.txt-gold {color: #a17d23 !important;}
.txt-grey {color: #323e48 !important;}
.txt-center {text-align: center;}
.txt-bold {font-weight: 700;}
.uppercase {text-transform: uppercase;}  .band {
width: 100%;
margin: 0px auto;
overflow: hidden;
position: relative;
padding: 50px 0px;
z-index: 2;
}
.margin-bottom {margin-bottom: 60px;}
.margin-top-small {margin-top: 20px;}
.ie8 .band {width: 100%;}
.bodycopy ul li,
.bodycopy ol li {
font-family: neue-haas-unica, sans-serif;
font-weight: 400;
color: #666;
list-style-type: disc;
padding-left: 30px;
margin-bottom: 15px;
font-size: 20px;
line-height: 22px;
}
.bodycopy ol li {
list-style-type: decimal;
}
.bodycopy h3 {
font-size: 24px;
line-height: 26px;
margin-bottom: 20px;
}
.bodycopy h4 {
font-size: 24px;
line-height: 26px;
margin-bottom: 15px;
color: #666;
}
.bodycopy.dark p,
.bodycopy.dark p strong {color: #FFF;}
.bodycopy a:not(.box-link):link,
.bodycopy a:not(.box-link):visited {
text-decoration: none;
border-bottom: 1px #646365 solid;
-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;
}
.bodycopy a:not(.box-link):hover {
border-bottom: 1px #FDCF36 solid;
}
.bodycopy strong {
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
color: #666;
font-weight: 600;
}
.bodycopy blockquote {
border-left: 5px #FDCF36 solid;
color: #222124;
padding: 10px 0px 10px 20px;
}
.search-overlay {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #012639;
z-index: 99999;
}
.search-overlay form {
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%);
max-width: 90%;
height: auto;
}
.search-overlay form input[type="text"] {
width: 550px;
max-width: 100%;
text-align: left;
padding: 20px 50px 20px 20px;
font-size: 24px;
line-height: 29px;
color: #79DEA8 !important;
border-color: #79DEA8 !important;
}
.search-overlay form input[type="text"]::placeholder {opacity: 1 !important; color: #79DEA8 !important;}
.search-overlay .search-button {
width: 30px;
height: 30px;
position: absolute;
top: 21px;
right: 15px;
z-index: 2;
cursor: pointer;
}
.search-overlay .search-button svg {display: block;}
.search-overlay .search-button circle,
.search-overlay .search-button 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;
}
.search-overlay .search-button:hover circle,
.search-overlay .search-button:hover line {stroke: #ffffff;}
.search-overlay .close {
color: #ffffff;
font-size: 24px;
line-height: 28px;
font-family: neue-haas-unica, sans-serif;
letter-spacing: 3px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-top: 15px;
cursor: pointer;
-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;
} .read-more {
display: block;
cursor: pointer;
position: relative;
color: #FFF;
display: inline-block;
-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;
border: 1px solid;
}
.read-more.green-bd,
.read-more.green-bd-hov:hover { border-color: #79DEA8;}
.read-more.white-bd,
.read-more.white-bd-hov:hover {border-color: #ffffff}
.read-more.blue-bd,
.read-more.blue-bd-hov:hover {border-color: #012639;}
.read-more.no-bd {border: none; border-color: transparent;}
.read-more.green-bg-hov:hover,
.read-more.green-bg { background: #79DEA8;}
.read-more.white-bg-hov:hover,
.read-more.white-bg {background: #ffffff}
.read-more.blue-bg-hov:hover,
.read-more.blue-bg {background: #012639;}
.read-more a,
.read-more p {
font-family: neue-haas-unica, sans-serif;
font-weight: 400;
color: #666;
font-size: 19px;
line-height: 23px;
-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;
padding: 10px 15px;
display: block;
margin-bottom: 0px;
border-bottom: none;
}
.read-more.txt-green a,
.read-more.txt-green-hov:hover a,
.read-more.txt-green p,
.read-more.txt-green-hov:hover p { color: #79DEA8;}
.read-more.txt-white a,
.read-more.txt-white-hov:hover a,
.read-more.txt-white p,
.read-more.txt-white-hov:hover p {color: #ffffff;}
.read-more.txt-blue a,
.read-more.txt-blue-hov:hover a,
.read-more.txt-blue p,
.read-more.txt-blue-hov:hover p {color: #012639;}
.read-more img,
.read-more .arrow {
width: 18px;
position: absolute;
top: 4px;
right: 0px;
-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;
}
.read-more:hover img,
.read-more:hover .arrow {right: -5px;}
.read-more.box .arrow {
right: 15px;
top: 14px;
}
.read-more.box:hover img,
.read-more.box:hover .arrow {right: 10px;}
.read-more input,
.read-more input:hover {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 100%;
min-width: 100%;
z-index: 1000;
background: none;
border: none;
margin-bottom: 0px;
padding: 0px;
opacity: 0;
}
.more-link {
position: relative;
text-align: center;
width: 80px;
margin: 20px auto 0px auto;
}
.more-link.more-link-alt {width: 120px;}
.more-link .icon-wrap {
position: relative;
-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;
top: 0px;
}
.more-link.more-link-alt .icon-wrap {float: left; margin-left: 13px;}
.more-link:hover .icon-wrap {top: -5px;}
.more-link.more-link-alt:hover .icon-wrap {top: auto;}
.more-link svg {
display: block;
margin: 0px auto 10px auto;
width: 40px;
height: 40px;
-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;
}
.more-link:hover svg {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);;
-moz-transform: rotate(90deg);
}
.more-link circle,
.more-link 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;
}
.more-link.txt-green:hover circle { fill: #79DEA8;} 
.more-link.txt-green:hover path {fill: #012639;} 
.more-link.txt-white:hover circle {fill: #ffffff;} 
.more-link.txt-white:hover path {fill: #012639;} 
.more-link.txt-blue:hover circle {fill: #012639;} 
.more-link.txt-blue:hover path {fill: #ffffff;} 
.more-link p {
letter-spacing: 3px;
font-size: 20px !important;
line-height: 20px !important;
margin-bottom: 0px;
-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;
}
.more-link.more-link-alt p {float: left; margin-top: 9px;} 
.more-link:hover p {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.arrow.arrow-left,
.arrow.arrow-right {
position: relative;
-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;
}
.arrow.arrow-left:hover,
.arrow.arrow-right:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.arrow.arrow-left.arrow-middle:hover,
.arrow.arrow-right.arrow-middle:hover {
transform: scale(1.1) translate(0%, -50%);
-ms-transform: scale(1.1) translate(0%, -50%);
-webkit-transform: scale(1.1) translate(0%, -50%);
-moz-transform: scale(1.1) translate(0%, -50%);
} 
.arrow circle,
.arrow 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;
}
.arrow.arrow-green:hover circle { fill: #79DEA8;}
.arrow.arrow-green:hover path {fill: #012639;}
.arrow.arrow-white:hover circle {fill: #ffffff;}
.arrow.arrow-white:hover path {fill: #012639;}
.arrow.arrow-blue:hover circle {fill: #012639;}
.arrow.arrow-blue:hover path {fill: #ffffff;}
.featherlight-content {
overflow: visible;
border: none !important;
padding: 0px !important;
}
body .featherlight-close-icon {
color: #78dea8 !important;
background: #012739 !important;
text-shadow: none;
outline: none;
-webkit-appearance: none;
font-size: 27px !important;
line-height: 30px !important;
top: 20px !important;
right: 20px !important;
width: 50px !important;
height: 50px !important;
opacity: 1;
font-family: antarctican-headline, sans-serif !important;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
-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 margin-bottom: 0;
padding: 0px;
border-radius: 50%;
margin-bottom: 0px;
border: 3px solid #78dea8 !important;
font-weight: 800;
opacity: 0.5;
}
body .featherlight-close-icon:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
opacity: 1;
}
body .featherlight-content span.featherlight-previous,
body .featherlight-content span.featherlight-next {
background: none !important;
height: 46px !important;
top: 50% !important;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
width: 50px;
height: 50px !important;
background: #012639 !important;
padding: 12px;
-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;
opacity: 1;
border-radius: 5px;
padding: 0px !important;
border-radius: 50%;
opacity: 0.5;
}
body .featherlight-content span.featherlight-previous:hover,
body .featherlight-content span.featherlight-next:hover {
transform: scale(1.1) translate(0%, -50%);
-ms-transform: scale(1.1) translate(0%, -50%);
-webkit-transform: scale(1.1) translate(0%, -50%);
-moz-transform: scale(1.1) translate(0%, -50%);
opacity: 1;
}
body .featherlight-content span.featherlight-previous {left: 20px !important; right: auto !important;}
body .featherlight-content span.featherlight-next {right: 20px !important; left: auto !important;}
body .featherlight-content span.featherlight-previous span,
body .featherlight-content span.featherlight-next span {
width: 100% !important;
display: block !important;
position: static !important;
margin: 0px !important;
}
.anchor {position: relative; top: -140px} header {
padding: 25px 0px 0px 0px;
background-color: #FFF;
position: fixed;
width: 100%;
z-index: 9000; -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;
}
header.sticky {
padding: 15px 0px 0px 0px;
box-shadow: 0px 3px 20px 8px rgba(0, 16, 25, 0.3);
}
.header-push {
height: 120px;
display: block;
-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;
}
.header-logo {
width: 370px;
float: left;
position: relative;  }
.header-logo div {
float: left;
}
.header-logo .logo-shape {
width: 80px;
height: 80px;
-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;
z-index: 2;
}
header.sticky .header-logo .logo-shape {width: 60px; height: 60px;}
.header-logo .logo-text {
width: 270px;
height: 37.72px;
margin-left: 20px;
margin-top: 26px;
-webkit-transition: width 0.4s ease-in-out, margin 0.4s ease-in-out;
-moz-transition: width 0.4s ease-in-out, margin 0.4s ease-in-out;
-o-transition: width 0.4s ease-in-out, margin 0.4s ease-in-out;
transition: width 0.4s ease-in-out, margin 0.4s ease-in-out;
}
header.sticky .logo-text {
width: 180px;
height: 25.14px;
margin-left: 10px;
margin-top: 20px;
}
header .logo-text path,
header .logo-shape 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;
}
header .header-logo:hover path { fill: #79DEA8;}
.header-logo svg {display: block;}
.header-links {
float: right;
width: 75%;
width: calc(100% - 380px);
padding: 20px 0px 0px 0px;
-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;
}
header.sticky .header-links {padding: 9px 0px 0px 0px;} 
.header-links ul {text-align: right; margin-bottom: 0px;}
.header-links li {
position: relative;
display: inline-block;
margin-left: 25px;
list-style-type: none;
font-size: 18px;
line-height: 22px;
margin-bottom: 0px;
-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;
}
.header-links.mobile-links {
margin-top: 30px;
}
.header-links.mobile-links li {margin-bottom: 10px;}
.header-links li:not(.read-more, .search) {height: 70px;}
header.sticky .header-links li:not(.read-more, .search) {height: 60px;}
.header-links.mobile-links li:not(.read-more, .search),
header.sticky .header-links.mobile-links li:not(.read-more, .search) {height: auto;}
.header-links li a {font-size: 18px; line-height: 22px; color: #ffffff; border: none !important; text-transform: uppercase;}
.header-links li a:hover,
.header-links li a.active { color: #79DEA8;}
.header-links li ul {
opacity: 0;
pointer-events: none;
background-color: #79DEA8;
position: absolute;
width: 220px;
top: 50px;
left: 50%;
transform: translateX(-50%);
margin: 0px;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.header-links.mobile-links li ul {
opacity: 1;
pointer-events: all;
background-color: transparent;
position: relative;
width: 100%;
top: 0px;
left: auto;
transform: none;
}
.header-links li:hover ul {opacity: 1; pointer-events: all;}
.header-links li:not(.read-more) ul li,
header.sticky .header-links li:not(.read-more) ul li {
height: auto;
padding: 20px;
margin: 0px;
text-align: center;
}
.header-links.mobile-links li:not(.read-more) ul li,
header.sticky .header-links.mobile-links li:not(.read-more) ul li {
padding: 0px;
margin-top: -2px;
}
.header-links li ul li a {
color: #012639;
}
.header-links.mobile-links li ul li a {
font-size: 16px;
color: #b3b3b3;
}
.header-links li ul li a:hover {
color: #a17d23;
}
.header-links li ul img {
width: 30px;
position: absolute;
top: -20px;
left: 50%;
margin-left: -15px;
}
.header-links li.read-more.green-bd.green-bg-hov.txt-blue-hov.active {
background: #79DEA8 !important;
}
.header-links li.read-more.green-bd.green-bg-hov.txt-blue-hov.active a.active {
color: #012639 !important;
}
.header-links li.search {
width: 30px;
height: 30px;
position: relative;
bottom: -6px;
}
.header-links li.search svg {
display: block;
}
.header-links li.search {
position: relative;
-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;
cursor: pointer;
}
.header-links li.search:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
} header .mobile-menu-button {
width: 28px !important;
position: absolute;
top: 14px;
right: 0px;
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;
}
header.sticky .mobile-menu-button {top: 13px;}
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.reverse .mobile-menu-button .menu-line-3,
header.reverse .mobile-menu-button .menu-line-1,
header.reverse .mobile-menu-button .menu-line-2 {
stroke: #FFF;
}
header .header-text {
width: 180px;
position: absolute;
top: 13px;
left: 120px;
-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;
}
header.sticky .header-text {top: 12px;}  .band-footer .footer-logo img {
width: 250px;
}
.band-footer h5,
.band-footer p {
font-size: 18px;
line-height: 22px;
font-family: neue-haas-unica, sans-serif;
}
.band-footer .footer-address {width: 50%; float: left;}
.band-footer h5 {font-weight: 700; margin-bottom: 0px;}
.band-footer p {color: #ffffff;}
.band-footer .footer-contact p {margin-bottom: 0px;}
.band-footer .footer-contact a {
color: #ffffff;
border: none;
padding: 0px;
margin-bottom: 10px;
}
.band-footer .footer-social {margin-top: 30px;}
.band-footer .social-links {margin-top: 10px;}
.band-footer .social-link {width: 40px; height: 40px; float: left; margin-right: 20px; cursor: pointer; position: relative;}
.band-footer .social-link:last-child {margin-right: 0px;}
.band-footer .social-link path,
.band-footer .social-link rect,
.band-footer .social-link circle,
.band-footer .social-link polyline,
.band-footer .social-link 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;
position: relative;
}
.band-footer .social-link:hover .circle {fill: #ffffff;}
.band-footer .social-link:hover path:not(.circle),
.band-footer .social-link:hover rect,
.band-footer .social-link:hover polyline,
.band-footer .social-link:hover circle,
.band-footer .social-link:hover line {fill: #012639; z-index: 2;}
.band-footer .footer-bottom {margin-top: 60px;}
.band-footer .footer-bottom p,
.band-footer .footer-bottom a {font-size: 16px; line-height: 20px;}
.band-footer .footer-bottom p {margin-bottom: 5px;}
.band-footer .footer-bottom .future p {margin-bottom: 0px;}
.band-footer .footer-bottom ul {padding-top: 45px;}
.band-footer .footer-bottom ul,
.band-footer .footer-bottom li {margin-bottom: 0px;}
.band-footer .footer-bottom li {display: inline-block; margin-right: 20px;}
.band-footer .footer-bottom li a {color: #ffffff;}
.future a {display: inline-block; color: #fff;}
.future-logo {
width: 57px;
height: 16.2px;
display: inline-block;
margin-left: 3px;
margin-bottom: -5px;
position: relative;
}
.future-logo svg {display: block;}
.future-logo rect,
.future-logo path,
.future-logo 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;
}
.future-logo:hover rect,
.future-logo:hover path,
.future-logo:hover polygon {fill: #78dea8;} .band-gen-text { overflow: visible;}
.band-gen-text .txt-white p,
.band-gen-text .txt-white li {color: #ffffff;}
.band-gen-text .txt-blue p,
.band-gen-text .txt-blue li {color: #012639;}
.band-gen-text .txt-green p,
.band-gen-text .txt-green li { color: #79DEA8;}
.band-gen-text .text-wrap a {
font-size: inherit;
line-height: inherit;
border: none !important;
text-decoration: underline;
color: inherit;
}
.band-gen-text p,
.band-gen-text li { font-size: 22px; 
line-height: 26px;
}
.band-gen-text h2,
.band-gen-text h3 {margin-bottom: 0px;}
.band-gen-text .bg-logo {
position: absolute;
width: 600px;
opacity: 0.1;
bottom: -200px;
right: -200px;
}
.band.band-gateways,
.band.band-gateways-alt {padding: 0px;}
.band.band-gateways .gateway {
width: 50%;
float: left;
height: 400px;
text-align: center;
padding: 50px 0px;
position: relative;
}
.band.band-gateways.band-gateways-medium .gateway {height: 475px;}
.band.band-gateways.band-gateways-large .gateway {height: 550px;}
.band-gateways .gateway p.section {
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
position: relative;
z-index: 2;
margin-bottom: 0px;
-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;
font-size: 20px;
line-height: 20px;
}
.band.band-gateways-alt .gateway.placeholder {
position: relative;
}
.band.band-gateways-alt .gateway.placeholder .icon {
position: absolute;
width: 250px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .band-gateways .gateway p.title {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 48px;
line-height: 52px;
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: 95%;
margin-bottom: 0px;
position: relative;
z-index: 2;
-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-gateways.band-gateways-medium .gateway {position: relative;}
.band-gateways.band-gateways-medium .gateway p.title {padding: 0px 20px;}
.band-gateways .gateway:hover p.title { color: #79DEA8 !important;}
.band-gateways .gateway.no-image.bg-lightgrey:hover p.section, 
.band-gateways .gateway.no-image.bg-lightgrey:hover p.title {color: #79DEA8;}
.band-gateways .gateway.no-image.bg-lightgrey:hover p.section, 
.band-gateways .gateway.no-image.bg-lightgrey:hover p.title,
.band-gateways .gateway.no-image.bg-grey:hover p.section, 
.band-gateways .gateway.no-image.bg-grey:hover p.title {color: #79DEA8 !important;}
.band-gateways-alt .gateway {
width: 33.333%;
float: left;
height: 350px;
text-align: center;
padding: 50px 0px;
position: relative;
}
.band-gateways-alt.band-gateways-alt-large .gateway {height: 450px; padding: 50px;}
.band-gateways-alt .gateway h4 {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 37px;
line-height: 41px;
position: absolute;
top: 50%;
left: 50%;
margin: 0px auto;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
width: 90%;
margin-bottom: 0px; z-index: 2;
-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;
letter-spacing: normal;
text-transform: initial;
}
.band-gateways-alt.band-gateways-alt-large .gateway h4 {text-transform: none; margin: 0px auto;}
.band-gateways-alt .gateway:hover h4 { color: #79DEA8 !important;}
.band-gateways-alt .gateway p.section {
font-size: 20px;
line-height: 20px;
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
position: relative;
z-index: 2;
margin-bottom: 0px;
-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-gateways .gateway,
.band-gateways-alt .gateway {overflow: hidden;}
.band-gateways .gateway .bg-image,
.band-gateways-alt .gateway .bg-image {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
-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-gateways .gateway .bg-logo {
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%);
z-index: 1;
width: 75%;
opacity: 0.5;
max-width: 500px;
filter: grayscale(100%);
}
.band-gateways .gateway.bg-grey .bg-logo {opacity: 0.2;} 
.band-gateways .gateway:hover .bg-image,
.band-gateways-alt .gateway:hover .bg-image {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-gateways .gateway .bg-image .overlay,
.band-gateways-alt .gateway .bg-image .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.5);
mix-blend-mode: luminosity;
-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-gateways .gateway:hover .bg-image .overlay,
.band-gateways-alt .gateway:hover .bg-image .overlay {background: rgba(0,0,0,0.4);}
.band-twocoltext {padding: 0px;}
.band-twocoltext .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
}
.band-twocoltext .textcol {
width: 50%;
float: left;
padding: 75px 35px;
}
.band-twocoltext .textcol h2 {
font-size: 48px;
line-height: 52px;
}
.band-twocoltext .textcol p,
.band-twocoltext .textcol li {
font-size: 20px;
line-height: 24px;
letter-spacing: 3px;
}
.band-twocoltext.contact-locations .textcol p,
.band-twocoltext.contact-locations .textcol li,
.band-twocoltext.contact-locations .textcol a {
font-size: 22px;
line-height: 26px; letter-spacing: 1px;
}
.band-twocoltext .textcol h2 a,
.band-twocoltext .textcol p a,
.band-twocoltext .textcol li a {
font-family: inherit;
font-weight: inherit;
color: inherit;
border: none;
padding: 0px;
text-transform: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.error-search form {
max-width: 750px;
width: 100%;
margin-bottom: 0px;
position: relative;
}
.error-search input[type="text"],
.error-search input[type="text"]::placeholder {
color: #ffffff !important;
border-color: #ffffff !important;
font-size: 24px;
line-height: 28px;
}
.error-search input[type="text"] {padding-right: 60px;}
.error-search .error-search-button {
width: 30px;
position: absolute;
top: 12px;
right: 15px;
cursor: pointer;
}
.error-search .error-search-button circle,
.error-search .error-search-button 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;
}
.error-search .error-search-button:hover circle,
.error-search .error-search-button:hover line {stroke: #ffffff;} .band-homebanner {
background-size: cover;
overflow: hidden;
position: relative;
padding-top: 120px;
overflow: hidden;
position: relative;
padding-top: 110px;
width: 100vw;
height: 100vh;
min-height: 820px;
}
.band-homebanner .banner-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.5);
z-index: 2;
}
.band-homebanner .container {
position: relative;
z-index: 5;
}
.band-homebanner .container.homebannerlogo {
height: 100%;
}
.band-homebanner .homebannerlogo-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%);
opacity: 0.7;
}
.band-homebanner .homebannerlogo-inner h1 {
padding-top: 20px; font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
max-width: 450px;
letter-spacing: 2px;
}
.band-homebanner .homebannerlogo-inner .banner-logo {width: 150px;}
.banner-video-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 70px;
filter: grayscale(0.5); }
.banner-video-wrap video {
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%);
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
}
.band-homebanner .banner-image-wrap, 
.band-homebanner .banner-image-wrap .slick-list, 
.band-homebanner .banner-image-wrap .slick-list .slick-track {
width: 100vw;
height: 100vh;
min-height: 820px;
position: absolute;
top: 0px;
left: 0px;
}
.band-homebanner .banner-image-wrap.slick-slider {position: absolute !important;;}
.banner-image-wrap .banner-image {
background-size: cover !important;
mix-blend-mode: luminosity;
}
.band-homebanner h1 {
font-family: 'neue-haas-unica';
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 21px;
line-height: 25px;
padding-top: 70px;
max-width: 500px;
margin: 0px auto;
letter-spacing: 3px;
}
.band-homebanner h2 {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 90px;
line-height: 100px;
text-align: center;
margin: 0px auto;
width: 90%;
width: calc(100% - 115px);
}
.band-homebanner .banner-middle {
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%);
}
.band-homebanner .arrow-left,
.band-homebanner .arrow-right {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
width: 45px;
margin-top: 5px;
cursor: pointer;
display: none;
}
.band-homebanner .arrow-left {
left: 0%;
}
.band-homebanner .arrow-right {
right: 0%;
}
.band-homebanner .arrow-left svg,
.band-homebanner .arrow-right svg {display: block;}
.band-homebanner .banner-bottom {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
z-index: 5;
padding-bottom: 12%;
}
.band-homebanner .banner-logo {width: 80px; margin: 0px auto;}
.band.band-notice {padding: 30px 0px;}
.band-notice .sixteen.columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.band-notice .read-more {float: right;}
.band-notice p {
width: 85%; 
width: calc(100% - 170px);
float: left; 
margin: 0px;
font-size: 20px;
line-height: 24px;
}
.band-notice p span {
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 18px;
line-height: inherit;
}
.band-notice .read-more {
border-color: #012739;
-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;
margin-left: 20px;
}
.band-notice .read-more:hover {
background: #012739;
}
.band-notice .read-more a {
min-width: 130px;
color: #012739;
text-align: center;
font-size: 18px;
line-height: 22px;
-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-notice .read-more:hover a {
color: #ffffff !important;
}
.band-expertise {text-align: center;}
.band-expertise h2 {
max-width: 900px;
margin: 0px auto 60px auto;
}
.band-expertise p,
.band-expertise li {
color: #012636;
max-width: 650px;
width: 95%;
margin: 0px auto 20px auto;
}
.band-expertise a {
font-size: inherit;
line-height: inherit;
color: inherit;
text-decoration: underline;
border: none;
}
.band-expertise .text-wrap-extra p,
.band-expertise .text-wrap-extra li {font-size: 20px; line-height: 24px;}
.band-expertise .text-wrap-extra img {
width: 170px;
margin: 0px auto;
margin-bottom: 25px;
}
.band-expertise .text-wrap-extra p.extra-title {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 36px;
line-height: 40px;
}
.band-expertise .pillars-wrap {
text-align: center;
margin: 100px 0px;
}
.band-expertise .pillar-item {
width: 250px;
}
.band-expertise .pillar-item img,
.band-expertise .pillar-item svg {
display: block;
width: 170px;
margin: 0px auto;
}
.band-expertise .plus-icon {
margin: 0px 50px;
position: relative;
top: -115px;
}
.band-expertise .plus-icon img,
.band-expertise .plus-icon svg {
width: 30px;
height: 30px;
}
.band-expertise .pillar-item,
.band-expertise .plus-icon {
display: inline-block;
}
.band-expertise .pillar-item p:not(.pillar-desc) {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 36px;
line-height: 40px;
margin: 25px 0px 0px 0px;
width: 100%;
}
.band-reasons .txt-wrap p {
max-width: 700px;
margin: 0px auto;
width: 95%;
color: #ffffff;
margin-bottom: 20px;
}
.band-reasons .txt-wrap p:last-child {margin-bottom: 0px;} .band-gen-text.band-projectoverviewbanner .bg-logo {bottom: -300px;}
.band-projectoverviewbanner h1 {
font-family: 'neue-haas-unica';
font-weight: 700;
text-transform: uppercase;
font-size: 21px;
line-height: 25px;
padding-top: 150px;
letter-spacing: 3px;
margin-bottom: 80px;
}
.band-projectoverviewbanner h2 {
font-size: 90px;
line-height: 94px;
padding-right: 450px;
}
.band-projectoverviewbanner .project-filters {width: 100%;}
.band-projectoverviewbanner .project-filters .filter {
width: 25%;
max-width: 250px;
float: left;
margin-right: 70px;
position: relative;
z-index: 2;
}
.band-projectoverviewbanner .project-filters .filter:last-child {margin-right: 0px;}
.band-projectoverviewbanner .project-filters .filter select {
border-color: #79DEA8 !important;
padding-left: 0px;
padding-right: 50px;
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;
}
.band-projectoverviewbanner .project-filters .filter:hover select {
border-color: #ffffff !important;
}
.band-projectoverviewbanner .project-filters .filter .dropdown-arrow {
content: "";
width: 30px;
height: 30px;
background: url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/assets/svg/arrow-down-green.svg) no-repeat center center;
background-size: contain;
pointer-events: none;
position: absolute; 
top: 10px;
right: 10px;
-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-projectoverviewbanner .project-filters .filter:hover .dropdown-arrow {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-projectoverviewbanner .project-filters .filter .dropdown-arrow svg {display: block;}
.band-projectoverviewbanner .project-filters .filter .dropdown-arrow circle,
.band-projectoverviewbanner .project-filters .filter .dropdown-arrow 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-projectoverviewbanner .project-filters .filter:hover circle {stroke: #ffffff;}
.band-projectoverviewbanner .project-filters .filter:hover path {fill: #ffffff;}
.band-projectoverviewbanner .project-filters .filter select {
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
}
.band-projectoverviewbanner .project-filters .filter option {color: #000000;font-weight: 400 !important;}
.band-projectoverviewbanner .bg-logo {pointer-events: none;}
.band-gateways-alt .row {margin-bottom: 0px;}
.band-gateways-alt .gateway-placeholder {
position: absolute;
width: 33.33%;
height: 100%;
left: 33%;
top: 0px;
}
.band-gateways-alt .gateway .inner-wrap {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
padding: 50px 0px;
}
.band-gateways .gateway.placeholder.bg-green:hover p.title{color: #ffffff !important;}  .band-projectbanner h1 {
font-family: 'neue-haas-unica';
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 21px;
line-height: 25px;
padding-top: 175px;
max-width: 600px;
margin: 0px auto;
letter-spacing: 3px;
margin-bottom: 100px;
}
.band-projectbanner h2 {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 65px;
line-height: 69px;
text-align: center;
margin: 0px auto;
width: 90%;
width: calc(100% - 115px);
padding-bottom: 160px;
max-width: 1200px;
}
.band-projectbanner .banner-image-wrap,
.band-projectbanner .banner-image,
.band-projectbanner .banner-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.band-projectbanner .banner-image-wrap .banner-image {mix-blend-mode: lighten;}
.band-projectbanner .banner-overlay {
z-index: 2;
background: rgba(0,0,0,0.5);
}
.band-projectbanner .container {
position: relative;
z-index: 3;
}
.band-projectintro {z-index: 1;}
.band-projectintro .project-icon {padding-right: 80px; opacity: 0.7;}
.band-projectintro h2 {margin-bottom: 50px;}
.band-projectintro .text-wrap p,
.band-projectintro .text-wrap li,
.band-projectintro .text-wrap a {color: #ffffff;}
.band-projectintro .text-wrap a {
font-size: inherit;
line-height: inherit;
border: none !important;
text-decoration: underline;
}
.band-projectbody .container {position: relative; z-index: 2;}
.band-projectbody .text-wrap {
padding-right: 200px;
}
.band-projectbody hr,
.band-bodycopy hr {
margin: 40px 0px;
border-width: 2px;
}
.band-projectbody h2.margin-bottom {font-size: 55px; line-height: 59px; margin-bottom: 50px;}
.band-projectbody h3:not(.section-title) {
font-family: "Tiempos Medium", serif;
font-weight: normal;
letter-spacing: normal;
text-transform: none;
font-size: 30px;
line-height: 34px;
color: #78dea8;
margin-bottom: 20px;
}
.band-projectbody h3.section-title {
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
}
.band-projectbody h4 {
font-size: 27px;
line-height: 31px;
text-transform: none;
letter-spacing: normal;
font-weight: 700;
margin-bottom: 20px;
color: #313e48;
}
.band-projectbody strong {
color: #012739;
font-size: inherit;
line-height: inherit;
font-family: inherit;
}
.band-projectbody ul {
list-style-type: disc;
margin-left: 25px;
}
.band-projectbody .social-sticky {
padding-top: 0px;
position: absolute;
top: 150px;
left: 0px;
z-index: 1;
width: 100%;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
opacity: 1;
z-index: 4;
}
.band-projectbody .social-sticky.fixed {
position: fixed;
top: 120px;
}
.band-projectbody .social-sticky.bottom {
position: absolute !important;;
top: auto !important;;
bottom: 50px !important;;
}
.band-projectbody .social-sticky.fadeout {opacity: 0 !important;}
.band-projectbody .social-sticky h5 {
font-size: 24px; 
line-height: 27px;
font-family: 'neue-haas-unica', sans-serif;
font-weight: 700;
margin-bottom: 15px;
}
.band-projectbody .social-sticky li {margin-bottom: 5px;}
.band-projectbody .social-sticky a {
font-size: 24px; 
line-height: 27px;
font-family: 'neue-haas-unica', sans-serif;
font-weight: 400;
margin-bottom: 0px;
border: none;
}
.band-projectbody .social-sticky .read-more a {font-size: 20px; line-height: 24px;}
.band-projectbody .social-sticky .read-more {margin-bottom: 15px;}
.band-projectbody .social-sticky a:hover {
color: #012639 !important;
}
.band-projectbody .social-sticky .social-link {
width: 50px;
height: 50px;
float: left;
margin-right: 20px;
cursor: pointer;
position: relative;
}
.band-projectbody .social-sticky path,
.band-projectbody .social-sticky circle,
.band-projectbody .social-sticky line,
.band-projectbody .social-sticky polygon,
.band-projectbody .social-sticky 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-projectbody .social-sticky .social-link:hover .circle {stroke: #012639;}
.band-projectbody .social-sticky .social-link:hover path {fill: #012639;}
.band-projectimages {padding: 0px;}
.band-stats {position: relative; z-index: 2;}
.band-stats .stats-wrap {padding-top: 30px;}
.band-stats .row {
margin-bottom: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.band-stats .stat-item {
width: 25%;
float: left;
}
.band-stats .figure {
width: 170px;
height: 170px;
margin: 0px auto 35px auto;
border-radius: 50%;
overflow: hidden; position: relative;
background: none;
border: 3px solid #ffffff;
}
.band-stats .figure p {
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%);
font-size: 40px;
line-height: 45px;
margin-bottom: 0px;
font-family: 'Tiempos Medium', serif;
font-weight: normal;
}
.band-stats p.stat-desc {
width: 88%;
margin: 0px auto;
font-size: 22px;
line-height: 26px;
}
.images-onecol .image-col  {width: 100%; float: left; max-width: none; position: relative; height: 550px; overflow: hidden;}
.images-twocol .image-col {width: 50%; float: left; position: relative; height: 500px; overflow: hidden;}
.images-threecol .image-col  {width: 33.333%; float: left; position: relative; height: 550px; overflow: hidden;}
.images-onecol .image-col img {max-width: none; width: 100%;}
.images-twocol .image-col img,
.images-threecol .image-col img {
width: 100%;
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%);
}
.images-onecol .image-col .image,
.images-twocol .image-col .image,
.images-threecol .image-col .image {
position: absolute;
top: 0px;
height: 0px;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center center !important;
}
.band-map {height: 500px;}
.band-projecttimeline .timeline-inner-wrap {width: 91%; margin: 0px auto;}
.band-projecttimeline .timeline-inner-wrap p.date {
text-transform: uppercase;
font-size: 17px;
line-height: 21px;
margin-bottom: 15px;
font-weight: 700;
}
.band-projecttimeline .timeline-inner-wrap p.desc {
font-size: 20px;
line-height: 24px;
}
.band-projecttimeline .timeline-inner-wrap .vertical-line {
width: 1px;
height: 125px;
margin: 40px auto;
background: #ffffff;
}
.band-projecttimeline .timeline-inner-wrap-nav {position: relative; z-index: 2; width: 91%; margin: 0px auto;}
.band-projecttimeline .timeline-inner-wrap-nav .time-line-item {position: relative;}
.band-projecttimeline .timeline-inner-wrap-nav .marker {
background: #01273a;
border-radius: 50%;
width: 25px;
height: 25px;
border: 2px solid #ffffff;
border-color: #79DEA8;
position: relative;
z-index: 2;
margin: 0px auto;
}
.band-projecttimeline .timeline-inner-wrap-nav .timeline-item {position: relative;}
.band-projecttimeline .timeline-inner-wrap-nav .spacer {
width: 41px;
height: 25px;
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%);
background: #012638;
}
.band-projecttimeline.bg-grey .timeline-inner-wrap-nav .spacer {background: #323e48;}
.band-projecttimeline.bg-grey .timeline-inner-wrap-nav .marker {background: #323e48;}
.band-projecttimeline .timeline-inner-wrap-nav .timeline-item:last-child .marker {border-color: #79DEA8;}
.band-projecttimeline .dashed-line {
width: 88%;  height: 1px;
background: #ffffff;
position: absolute;
bottom: 12px;
left: 0px;
background-size: contain;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
}
.band-projecttimeline .arrow {
position: absolute;
width: 40px;
height: 40px;
bottom: -13px;
z-index: 3; cursor: pointer;
opacity: 1;
}
.band-projecttimeline .arrow.slick-disabled {opacity: 0;}
.band-projecttimeline .arrow.arrow-left {left: 10px}
.band-projecttimeline .arrow.arrow-right {right: 10px}
.band-progressslider {padding: 0px;}
.band-progressslider .slider-item {width: 33.333%; float: left;}
.band-progressslider .slider-item .image-wrap {
height: 450px;
background-size: cover !important;
background-position: center center !important;; 
}
.band-progressslider .slider-item {max-width: none;}
.band-progressslider .container {
position: absolute;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
}
.band-progressslider .arrow {
width: 40px;
z-index: 3;
cursor: pointer;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
left: auto;
pointer-events: all;
}
.band-progressslider .arrow.arrow-left {left: 0px}
.band-progressslider .arrow.arrow-right {right: 0px}
.band-progressslider .arrow.arrow-left:hover,
.band-progressslider .arrow.arrow-right:hover {
transform: translate(0%, -50%) scale(1.1);
-ms-transform: translate(0%, -50%) scale(1.1);
-webkit-transform: translate(0%, -50%) scale(1.1);
-moz-transform: translate(0%, -50%) scale(1.1);
}
.band-video .container {max-width: 1280px;}
.band-video  .container .sixteen.columns {max-width: 1260px;}
.band-video {padding-bottom: 80px;}
.band-video .arrows-wrap {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
width: 100%;
z-index: 3;
pointer-events: none;
}
.band-video .arrow {
width: 40px;
z-index: 3;
cursor: pointer;
position: absolute;
top: 0%;
left: auto;
pointer-events: all;
}
.band-video .arrow.arrow-left {left: 0px}
.band-video .arrow.arrow-right {right: 0px}
.band-video .video-slider {width: 90%; margin: 0px auto; max-width: 1000px;}
.band-externallinks .bg-logo-cw {
width: 400px;
height: 400px;
bottom: -80px;
right: -100px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
opacity: 0.1;
position: absolute;
} .band-contactbanner {
padding: 150px 0px 50px 0px;
overflow: visible;
position: relative;
z-index: 2;
}
.band-contactbanner h1 {
font-family: 'neue-haas-unica';
font-weight: 700;
text-transform: uppercase;
text-align: left;
font-size: 21px;
line-height: 25px;
padding-top: 70px;
letter-spacing: 3px;
margin-bottom: 100px;
}
.band-contactbanner h2 {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 90px;
line-height: 94px;
}
.band-contactbanner p {
width: 90%;
max-width: 750px;
padding-left: 200px;
}
.band-contactbanner .bg-logo {
position: absolute;
width: 600px;
bottom: -300px;
right: -200px;
opacity: 0.4;
}
.band-contactform {
padding: 100px 0px;
position: relative;
z-index: 1;
}
.band-contactform .form-wrap {
margin: 0px 10px;
max-width: 700px;
width: 100%;
}
.band-mapcols {padding: 0px;}
.band-mapcols .mapcol {
width: 50%;
float: left;
position: relative;
}
.band-mapcols .mapinner {height: 400px;}
.band-mapcols .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 3;
pointer-events: none;
mix-blend-mode: hard-light;
}
.band-mapcols .overlay.overlay-grey {background: rgba(50,62,72,0.1);}
.band-mapcols .overlay.overlay-blue {background: rgba(1,28,57,0.1);}
.band-mapcols .read-more {
position: absolute;
top: auto;
bottom: 40px;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
z-index: 4;
} .band.band-submenu {
margin-top: 130px; padding: 18px 0px 16px 0px;
-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-submenu.sticky {margin-top: 86px;}
.band.band-submenu.csr,
.band.band-submenu.csr.sticky {margin-top: 0px;}
.band.band-submenu ul {margin-bottom: 0px !important;}
.band.band-submenu.bg-grey ul li {
margin-bottom: 0;
display: inline-block;
margin-right: 25px;
margin-bottom: 0px;
border: none;
font-size: 16px;
line-height: 20px;
}
.band-submenu ul li a {
font-family: 'nue-haas-unica', sans-serif;
color: #fff;  font-size: 18px;
line-height: 22px;
border: none;
}
.band-submenu ul li a:hover,
.band-submenu ul li.active a {color: #78dea8;}
.band-bannernewslink .banner-image-wrap {overflow: hidden;}
.band-bannernewslink .banner-image {
-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;
background-position: center 80% !important;
}
.band-bannernewslink:hover .banner-image {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-bannernewslink .banner-overlay {
-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;
background: rgba(0,0,0,0.5);
}
.band-bannernewslink:hover .banner-overlay {
background: rgba(0,0,0,0.4);
}
.band-generalbanner.band-bannernewslink:not(.h1-refactor) h1 {padding-top: 20px; margin-bottom: 100px;}
.band-generalbanner.band-bannernewslink:not(.h1-refactor) h2 {
-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-generalbanner.band-bannernewslink:not(.h1-refactor):hover h2 {color: #79DEA8 !important;}
.band.load-more {padding: 20px 0px 30px 0px;}
.band-gateways.band-newsgateways {
-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-gateways.band-newsgateways .gateway.ajax {
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;
}
.band-gateways.band-newsgateways .no-image:nth-child(odd) {
background: #323e48;
}
.band-gateways.band-newsgateways .no-image:nth-child(even) {
background: #78dea8;
}
.band-gateways.band-newsgateways .no-image:nth-child(even) p.title span,
.band-gateways.band-newsgateways .no-image:nth-child(even) p.section,
.band-gateways.band-newsgateways .no-image:nth-child(even):hover p.title {color: #012639 !important;} .band-gateways.band-newsgateways .inner-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 50px 60px;
}
.band-gateways .gateway.bg-green p.title {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.band-gateways .gateway.bg-green:hover p.title {color: #012639 !important;}
.band-gateways.band-newsgateways .bg-logo {
position: absolute;
width: 400px;
height: 400px;
left: auto;
top: auto;
bottom: -80px;
right: -100px;
opacity: 0.2;
pointer-events: none;
transform: none
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.band-gateways.band-newsgateways .bg-grey .bg-logo {opacity: 0.1;}
.band-gateways.band-newsgateways .gateway {padding-left: 60px; padding-right: 60px; position: relative; z-index: 2;}
.band-gateways.band-newsgateways .gateway.placeholder {position: absolute; bottom: 0px; right: 0px;} 
.band-gateways.band-newsgateways .gateway p.section {
font-size: 20px;
line-height: 24px;
}
.band-gateways .gateway p.title {
max-width: 510px;
font-size: 37px;
line-height: 41px;
}
.band-gateways .gateway p.title span,
.band-bannernewslink h2 span {
display: block;
margin-top: 35px;
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
position: relative;
z-index: 2;
font-size: 20px;
line-height: 24px;
} .band-generalbanner:not(.h1-refactor) h1,
.band-generalbanner.h1-refactor h2 {
font-family: 'neue-haas-unica';
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 21px;
line-height: 25px;
padding-top: 150px;
max-width: 500px;
margin: 0px auto;
letter-spacing: 3px;
margin-bottom: 150px;
}
.band-generalbanner:not(.h1-refactor) h2,
.band-generalbanner.h1-refactor h1 {
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-size: 50px;
line-height: 58px;
text-align: center;
margin: 0px auto;
width: 80%;
width: calc(100% - 250px);
padding-bottom: 130px;
max-width: 900px;
}
.band-generalbanner .banner-image-wrap,
.band-generalbanner .banner-image,
.band-generalbanner .banner-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.band-generalbanner .banner-image-wrap .banner-image {mix-blend-mode: lighten;}
.band-generalbanner .banner-overlay {
z-index: 2;
background: rgba(0,0,0,0.5);
}
.band-generalbanner .container {
position: relative;
z-index: 3;
}
.band-bodycopy .sixteen {padding: 0px 250px;}
.band-bodycopy {
font-family: 'neue-haas-unica', sans-serif !important;
padding: 70px 0px 50px 0px;
}
.band-bodycopy p.date {
font-family: 'neue-haas-unica', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: left;
font-size: 21px;
line-height: 25px;
color: #78dea8 !important;
}
.band-bodycopy p,
.band-bodycopy h4,
.band-bodycopy li,
.band-bodycopy cite {
color: #323E48 !important;
font-weight: normal;
}
.band-bodycopy a {
font-size: inherit;
padding: 0px;
line-height: inherit;
font-weight: normal;
border-bottom: 2px solid #79dea8;
color: inherit;
}
.band-bodycopy a:hover {
color: inherit;
color: #a17d23;
border-color: #a17d23;
}
.band-bodycopy li {font-size: 20px; line-height: 24px;}
.band-bodycopy ul li {
list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
}
.band-bodycopy ol li {
list-style-type: decimal;
list-style-position: inside;
}
.band-bodycopy h3 {
color: #79DEA8 !important;
font-family: "Tiempos Medium", serif;
font-weight: normal;
font-style: normal;
text-transform: none;
}
.band-bodycopy blockquote,
.band-bodycopy blockquote p {
color: #a17d23 !important; font-weight: normal;
font-style: normal;
text-transform: none;
font-weight: 300;
}
.band-bodycopy blockquote p {display: inline;}
.band-bodycopy h3 {
font-size: 35px;
line-height: 39px;
margin-bottom: 20px;
text-transform: none;
letter-spacing: normal;
}
.band-bodycopy h4 {
font-size: 27px;
line-height: 31px;
text-transform: none;
letter-spacing: normal;
font-weight: 700;
margin-bottom: 20px;
}
.band-bodycopy blockquote {
font-size: 38px;
line-height: 41px;
padding: 0px;
border: none;
width: 110%;
margin: 40px 0px 40px -5%;
font-style: normal;
position: relative;
}
.band-bodycopy blockquote p {
font-size: 38px;
line-height: 41px;
}
.band-bodycopy blockquote::before {content: "“";}
.band-bodycopy blockquote::after {content: "”";}
.band-bodycopy blockquote::before,
.band-bodycopy blockquote::after {
color: #a17d23 !important;  font-weight: 300;
font-size: 38px;
line-height: 41px;
}
.band-bodycopy blockquote::before {position: absolute; top: 0px; left: -15px;}
.band-bodycopy cite {
font-family: 'neue-haas-unica', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 20px;
margin-bottom: 0px;
font-size: 20px;
line-height: 22px;
font-style: normal;
width: 110%;
margin: -20px 0px 40px -5%;
display: block;
}
.band-bodycopy cite::before {content: '';}
.band-bodycopy img,
.band-bodycopy .video-wrapper {
width: 120%;
max-width: 120%;
margin: 40px 0px 40px -10%;
}
.band-bodycopy .video-wrapper {padding-bottom: 76.25%;}
.band-share .margin-bottom {margin-bottom: 40px;}
.share-buttons {text-align: center;}
.share-link {width: 50px; height: 50px; display: inline-block; margin-left: 15px; margin-right: 15px; cursor: pointer; position: relative;}
.share-link path,
.share-link rect,
.share-link circle,
.share-link polyline,
.share-link 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;
position: relative;
}
.share-link:hover .circle {fill: #ffffff;}
.share-link:hover path:not(.circle),
.share-link:hover rect,
.share-link:hover polyline,
.share-link:hover circle,
.share-link:hover line {fill: #012639; z-index: 2;} .band-generalbanner.band-generalbanner-large.band-banner-subnav h1 {padding-top: 20px;}
.container.container-extended {width: 100%;}
.band.band-aboutmain {padding-bottom: 0px;}
.about-content {
position: relative;
min-height: 550px;
width: 100%;
}
.about-content img {
float: left;
width: 45%;
max-width: 750px;
position: absolute;
bottom: 0px;
left: 0px;
}
.about-content .intro-wrap {
float: left;
width: 50%;
max-width: 800px;
margin-left: 45%;
padding-left: 70px;
padding-bottom: 50px;
}
.about-content p,
.about-content li,
.about-content a {
color: #ffffff;
border: none !important;
}
.about-content a {
font-size: inherit;
line-height: inherit;
text-decoration: underline;
}
p.image-caption {
font-size: 16px;
line-height: 20px;
font-style: italic;
margin-top: 35px;
}
.band-aboutapproach .container {position: static; min-height: 650px;}
.band-aboutapproach .container.approach-title-container {
min-height: auto !important;
}
.band-aboutapproach .eleven.columns {padding-right: 50px;}
.band-aboutapproach .eleven.columns h2 {margin-bottom: 50px !important;}
.band-aboutapproach img {
position: absolute;
right: 0;
bottom: 0;
width: 30%;
max-width: 500px;
}
.band-expertise.band-aboutexpertise .pillars-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-content: center;
}
.band-expertise.band-aboutexpertise .pillar-item, 
.band-expertise.band-aboutexpertise .plus-icon {
float: left;
}
.band-expertise.band-aboutexpertise .pillar-item {width: 23%;}
.band-expertise.band-aboutexpertise .plus-icon {margin: 0px 50px; top: 70px;}
.band-expertise .pillar-item .underline,
.band-expertise .text-wrap-extra .underline {
width: 50px;
height: 2px;
margin: 30px auto;
}
.band-expertise .pillar-item p.pillar-desc {
width: 100%;
margin: 0px auto 0px auto;
font-size: 20px;
line-height: 24px;
}
.band-gateways.band-aboutteam .gateway {height: 100%; position: absolute; top: 0px; left: 0px;}
.team-text {
width: 50%;
float: right;
position: relative;
padding: 70px 100px;
}
.team-text .team-text-inner {position: relative; z-index: 2;}
.team-text .text-wrap {
max-width: 450px;
margin-bottom: 100px;
}
.team-text .text-wrap p,
.team-text .text-wrap li,
.team-text .text-wrap strong,
.team-text .text-wrap a:not(.box-link) {
color: #012639;
}
.team-text .text-wrap a {
border: none !important;
font-size: inherit;
font-family: inherit;
text-decoration: underline;
}
.team-text .bg-logo {
position: absolute;
width: 400px;
right: -50px;
bottom: -50px;
opacity: 0.2;
}
.team-text .more-link {margin: 0px;}
.team-text .more-link p {margin-bottom: 0px;}
.band-gen-text .approach-wrap p,
.band-gen-text .approach-wrap li,
.band-gen-text .approach-wrap a,
.band-gen-text .approach-wrap strong {
color: #323e48;
}
.band-gen-text .approach-wrap a {
font-size: inherit;
line-height: inherit;
text-decoration: underline;
border: none !important;
}
.band-reasons .bg-logo {
position: absolute;
top: 45%;
left: -250px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(-50%, -50%);
opacity: 0.05;
width: 80%;
max-width: 550px;
pointer-events: none;
}
.band-reasons {padding-bottom: 100px;}
.band-reasons .text-wrap h2.margin-bottom {margin-bottom: 70px;}
.band-reasons .reasons-inner {
width: 80%; 
margin: 0px auto;
max-width: 900px;
}
.band-reasons .reasons-inner .slick-track,
.band-reasons .reasons-inner .slick-list,
.band-reasons .reasons-inner .reason-item {width: 100% !important;}
.band-reasons .reasons-inner .reason-item {
padding-bottom: 0px !important;
border-top: 3px solid rgba(255, 255, 255, 0.2);
}
.band-reasons .reasons-inner .reason-item:first-child {border-top: none;}
.band-reasons .reason-heading {
position: relative;
padding: 40px 20px;
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;
}
.band-reasons .reason-item:not(.open):not(.first) .reason-heading:hover {
background: rgba(255,255,255,0.1);
}
.band-reasons p.reason-title {
font-family: 'Tiempos Medium', serif;
font-size: 40px;
line-height: 46px;
margin-bottom: 0px;
padding-right: 70px;
}
.band-reasons .reason-button {
width: 35px;
height: 35px;
position: absolute;
top: 47px;
right: 20px;
opacity: 0.8;
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;
}
.band-reasons .open .reason-button rect:last-child {opacity: 0;}
.band-reasons .reason-button svg {display: block;}
.band-reasons .reason-button rect,
.band-reasons .reason-button circle {
-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-reasons .reason-button circle {fill: rgba(255,255,255,0);}
.band-reasons .reason-heading:hover .reason-button {
opacity: 1;
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-reasons .reason-heading:hover circle,
.band-reasons .open .reason-button circle {
fill: #79DEA8;
stroke: #79DEA8;
}
.band-reasons .reason-heading:hover rect,
.band-reasons .open .reason-button rect {fill: #012639;}
.band-reasons p.reason-title span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin-right: 5px;
}
.band-reasons .reason-content {
display: none;
padding: 0px 20px;
}
.band-reasons .first .reason-content {display: block;}
.band-reasons p.reason-desc {
width: 60%;
padding-bottom: 40px;
margin: 0px;
}
.band-reasons .fadeout-gradient {
position: absolute;
width: 100%;
bottom: -90px;
left: 0;
opacity: 1;
mix-blend-mode: darken;
pointer-events: none; }
.band-reasons .arrows-wrap {
position: absolute;
width: 120px;
bottom: -50px;
right: 0px;
z-index: 2;
}
.band-reasons .arrows-wrap .arrow {
display: inline-block;
margin-left: 10px;
width: 40px;
cursor: pointer;
position: relative;
-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-reasons .arrows-wrap .arrow.slick-hidden {opacity: 0 !important; pointer-events: none !important;}
.band-reasons .arrows-wrap .arrow:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-gen-text .sustain-wrap p,
.band-gen-text .sustain-wrap li,
.band-gen-text .sustain-wrap a,
.band-gen-text .sustain-wrap strong {
color: #012639;
}
.band-gen-text .sustain-wrap a {
font-size: inherit;
line-height: inherit;
border: none !important;
text-decoration: underline;
} .band-generalbanner.band-generalbanner-large h1 {margin-bottom: 200px;}
.band-generalbanner.band-generalbanner-large h2 {padding-bottom: 250px; font-size: 85px; line-height: 94px; max-width: 1000px;}
.band-generalbanner.band-generalbanner-large.band-banner-nosubtitle h2 {padding-top: 230px;} 
.band-generalbanner.band-generalbanner-large .banner-image {background-position: top center !important;}
.band-generalbanner.band-generalbanner-large.band-aboutbanner .banner-image {background-position: center center !important;}
.workintro-wrap li,
.workintro-wrap a {
color: #ffffff;
}
.workintro-wrap a {
font-size: inherit;
line-height: inherit;
border: none !important;
text-decoration: underline;
}
.band-culture .text-wrap {
max-width: 700px;
margin: 0px auto;
}
.band-culture .row:first-child {margin-top: 70px;}
.band-culture .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.band-culture .text-wrap p {color: #012638;}
.band-culture .culture-item {
width: 33.33%;
float: left;
}
.band-culture .culture-item .tick {
width: 80%;
max-width: 70px;
height: 77px;
margin: 0px auto 15px auto; 
}
.band-culture .culture-item p {
font-family: "Tiempos Medium", serif;
font-size: 28px;
line-height: 32px;
margin: 0px auto;
max-width: 200px;
text-align: center;
word-break: normal;
}
.band-testimonials .testimonial-slider-outer {
padding: 40px 0px 70px 0px;
position: relative;
}
.band-testimonials .testimonial-slider-outer .arrow {
width: 40px;
position: absolute;
top: 43%;
left: auto;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
cursor: pointer;
}
.band-testimonials .testimonial-slider-outer .arrow:hover {
transform: translate(0%, -50%) scale(1.1);
-ms-transform: translate(0%, -50%) scale(1.1);
-webkit-transform: translate(0%, -50%) scale(1.1);
-moz-transform: translate(0%, -50%) scale(1.1);	
}
.band-testimonials .testimonial-slider-outer .arrow.arrow-right {right: 50px;}
.band-testimonials .testimonial-slider-outer .arrow.arrow-left {left: 50px;}
.band-testimonials .testimonial-slider-inner {
width: 80%;
max-width: 850px;
margin: 0px auto;
}
.band-testimonials .slick-dots {
bottom: -75px;
}
.band-testimonials .slick-dots button::before {content: none;}
.band-testimonials .slick-dots li {width: 15px; height: 15px; margin: 0px 5px;}
.band-testimonials .slick-dots button {
width: 15px;
height: 15px;
border-radius: 50%;
overflow: hidden;
background: none;
border: 1px solid #79DEA8;
}
.band-testimonials .slick-dots .slick-active button {background: #79DEA8;}
.band-testimonials blockquote {
border: none;
font-family: "Tiempos Medium", serif;
font-size: 50px;
line-height: 55px;
margin-bottom: 30px;
text-align: center;
text-transform: none;
font-style: normal;
}
.band-testimonials cite {
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 21px;
line-height: 25px;
}
.band-vacancies .accordian-wrap {
width: 80%;
max-width: 1000px;
margin: 0px auto;
}
.band-vacancies .accordian-item {
border-bottom: 1px solid #323e48;
-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-vacancies .accordian-item:last-child {border: none;}
.band-vacancies .accordian-item.single {
border-bottom: 1px solid #323e48 !important;
border-top: 1px solid #323e48 !important;
}
.band-vacancies .accordian-heading {
padding: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
-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-vacancies .accordian-heading:hover {
background: rgba(121, 222, 168, 0.1);
}
.band-vacancies .accordian-heading p {margin-bottom: 0px;}
.band-vacancies .accordian-heading p.heading {width: 100%; padding-right: 20px;}
.band-vacancies .accordian-heading p.heading span {
font-size: inherit;
line-height: inherit;
color: inherit;
border-bottom: 1px solid transparent;
padding-bottom: 3px;
-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-vacancies .accordian-heading:hover p.heading span {border-color: #012739;}
.band-vacancies .accordian-heading p.location {
text-align: right; 
padding-right: 20px;
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 21px;
line-height: 25px;
-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-vacancies .accordian-button {
width: 40px;
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;
}
.band-vacancies .accordian-heading:hover .accordian-button {
transform: rotate(90deg) scale(1.1);
-ms-transform: rotate(90deg) scale(1.1);
-webkit-transform: rotate(90deg) scale(1.1);
-moz-transform: rotate(90deg) scale(1.1);
}
.band-vacancies .accordian-button svg {display: block;}
.band-vacancies .accordian-button circle,
.band-vacancies .accordian-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-vacancies .accordian-button circle {fill: rgba(1, 39, 57, 0);}
.band-vacancies .accordian-heading:hover circle {stroke: #012739; fill: rgba(1, 39, 57, 1);}
.band-vacancies .accordian-heading:hover path {fill: #ffffff;} .band-gen-text .teamintro-wrap li,
.band-gen-text .teamintro-wrap strong,
.band-gen-text .teamintro-wrap a {color: #ffffff;}
.band-gen-text .teamintro-wrap a {
border: none !important;
font-size: inherit;
line-height: inherit;
text-decoration: underline;
}
.band-gateways-alt.band-teamgateways .gateway {
padding: 50px;
height: 420px;
}
.band-gateways-alt.band-teamgateways .gateway .bg-image .overlay {background: rgba(0,0,0,0.4);}
.band-gateways-alt.band-teamgateways .gateway:nth-child(odd) .bg-image .overlay {
background: rgba(50, 62, 72, 0.4);
mix-blend-mode: multiply;
}
.band-gateways-alt.band-teamgateways .gateway.placeholder .circle-border {
width: 80%;
height: 80%;
background: url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/assets/svg/circle-border.svg) no-repeat center center;
background-size: contain;
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%);
}
.band-gateways-alt.band-teamgateways .gateway.placeholder h4 {
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: auto;
max-width: 80%;
max-height: 80%;
color: #ffffff !important;
}
.band-gateways-alt.band-teamgateways  .gateway.placeholder h4 {
z-index: 2;
-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-gateways-alt.band-teamgateways .gateway.placeholder:hover h4 {color: #012639 !important;}
.band-gateways-alt.band-teamgateways  .gateway.placeholder .bg-logo {
position: absolute;
width: 400px;
height: 400px;
left: auto;
top: auto;
bottom: -80px;
right: -100px;
opacity: 0.2;
pointer-events: none;
transform: none -ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.popup-overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: 9001;
display: none;
}
.member-popup {
position: fixed;
bottom: 0%;
left: 0%;
width: 100%;
z-index: 9002;
display: none;
height: 100%;
max-height: 700px;
overflow: scroll;
}
.member-popup h2 {
margin-bottom: 0px; 
font-size: 50px;
line-height: 55px;
}
.member-popup .popup-close {
width: 45px;
height: 45px;
position: absolute;
right: 5px;
top: 10px;
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;
}
.member-popup .popup-close:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.member-popup .popup-close circle,
.member-popup .popup-close 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;
}
.member-popup .popup-close circle {fill: rgba(1, 38, 57, 0);}
.member-popup .popup-close:hover circle {stroke: #012639; fill: rgba(1, 38, 57, 1);}
.member-popup .popup-close svg {display: block;}
.member-popup .member-image {position: relative;}
.member-popup .member-image {
max-width: 750px;
width: 35%;
z-index: 2;
float: left;
}
.member-popup .member-image img:not(.email-icon) {
position: relative;
z-index: 2;
}
.member-popup .email-link {position: relative; pointer-events: all;}
.member-popup .member-bio .email-link {float: left; margin-left: 74px; margin-top: 20px;}
.member-popup .email-link p {
font-size: 21px;
line-height: 25px;
font-family: neue-haas-unica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
float: right;
padding: 35px 0px 7px 0px;
margin: 0px 0px 28px 0px;
position: relative;
z-index: 2;
-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;
border-bottom: 2px solid transparent;
}
.member-popup .email-link:hover p { border-color:  #323e48;
}
.member-popup .email-link img {
width: 100px;
position: absolute;
bottom: -3px;
opacity: 0.4;
right: 120px;
pointer-events: none;
-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;
}
.member-popup .email-link:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
opacity: 0.8;
}
.member-popup .member-info {padding-top: 20px;}
.member-popup .member-bio {
float: left;
width: 65%;
padding: 0px 80px;
max-width: 800px;
}
span.small {
color: #ffffff !important;
font-family: 'Tiempos Medium', serif !important;;
font-size: 22px !important;
line-height: 26px !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 !important;
}
.band-gateways-alt .gateway:hover h4 span.small,
.band-gateways .gateway:hover h4 span.small,
.band-gateways .gateway:hover p.title span.small {
color: #79DEA8 !important;
}
.band-gen-text .workgateway-wrap p,
.band-gen-text .workgateway-wrap li,
.band-gen-text .workgateway-wrap strong,
.band-gen-text .workgateway-wrap a {color: #323e48;}
.band-gen-text .workgateway-wrap a {
border: none !important;
font-size: inherit;
line-height: inherit;
text-decoration: underline;
} .search-results .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.search-results .no-results {text-align: center;}
.search-results .search-item {
border-radius: 10px;
padding: 40px 40px 90px 40px;
position: relative;
}
.search-results .search-item h2 {font-size: 25px; line-height: 29px;}
.search-results .search-item h2 a {
font-size: inherit;
line-height: inherit;
border: none;
padding: 0px;
color: inherit;
font-family: inherit;
font-weight: inherit;
}
.search-results .search-item h2:hover a {color: #ffffff;}
.search-results .search-item h3 {font-size: 18px; line-height: 22px; margin-bottom: 20px;}
.search-results .search-item p.excerpt {
margin-bottom: 30px;
font-size: 20px;
line-height: 24px;
}
.search-results .search-item .read-more {
position: absolute;
bottom: 40px;
left: 40px;
}
.search-results .row:last-child {margin-bottom: 0px;}
.search-results .pagination {padding: 20px 0px 0px 0px;}
.search-results .pagination .pagination-prev,
.search-results .pagination .pagination-next {
width: 50px;
cursor: pointer;
position: relative;
}
.search-results .pagination .pagination-prev {float: left;}
.search-results .pagination .pagination-next {float: right;}
.search-results .pagination .pagination-prev svg,
.search-results .pagination .pagination-next svg {display: block;}
.search-results .pagination circle,
.search-results .pagination 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;
}
.search-results .pagination .pagination-prev:hover circle,
.search-results .pagination .pagination-next:hover circle {stroke: #79DEA8;}
.search-results .pagination .pagination-prev:hover path,
.search-results .pagination .pagination-next:hover path {fill: #79DEA8;} @font-face {
font-family: "Tiempos Medium";
src: url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/fonts/tiempos-fine-web-medium.woff) format("woff2"),
url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/fonts/tiempos-fine-web-medium.woff2) format("woff"),
url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/fonts/tiempos-fine-web-medium.eot);
font-display: swap;
}  @media only screen and (min-width: 1700px) {
.container.container-extended {width: 1600px;}
.member-popup {
height: 100%;
max-height: 850px;
overflow: scroll;
}
.member-popup h2 {font-size: 60px; line-height: 65px;}
.band.band-aboutmain {padding-bottom: 70px;}
.about-content img {
float: left;
width: 45%;
max-width: 750px;
position: static; padding-left: 10px;
}
.about-content .intro-wrap {
float: left;
width: 50%;
max-width: 750px;
margin-left: 0px;
padding-left: 90px;
padding-bottom: 50px;
}
.band-aboutapproach .container {position: relative; margin-bottom: 20px;}
.band-aboutapproach .container:not(.approach-title-container) {min-height: 850px;}
.band-aboutapproach .container img {
bottom: auto; 
top: 0px;
width: 35%;
max-width: 550px;
}
.band-projectbanner.band-generalbanner.band-bannernewslink{
padding: 216px 0px !important;
}
} @media only screen and (min-width: 1640px)  { .band-gen-text .eleven.columns {padding-right: 150px;}
.band-gen-text .sixteen.columns.offset-by-five {padding-left: 650px;} .band-contactform .form-wrap {padding-left: 200px; max-width: 900px;} .band-bodycopy .sixteen {padding: 0px 400px;}
} @media only screen and (max-width: 1300px) { h2 {font-size: 49px; line-height: 53px;}
.margin-bottom {margin-bottom: 40px;}
.band-gen-text p, 
.band-gen-text li {font-size: 20px; line-height: 25px;}
.band-gen-text .bg-logo {width: 500px;}
.band.band-gateways.band-gateways-medium .gateway,
.band-gateways-alt.band-gateways-alt-large .gateway {height: 400px;}
.band-gateways-alt .gateway p.section {font-size: 20px; line-height: 20px;}
.band-gateways-alt .gateway h4 {font-size: 27px; line-height: 31px; width: 85%;}
.band-gateways-alt .gateway {height: 300px; padding: 40px 30px;} .header-links {padding-top: 10px;}
header.sticky .header-links {padding-top: 5px;}
.header-logo {width: 270px;} 
.header-links {width: 70%; width: calc(100% - 270px);}
.header-links li {margin-left: 14px;}
.header-links li a {font-size: 14px; line-height: 14px;} .header-logo .logo-shape {width: 55px; height: 55px;}
header.sticky .header-logo .logo-shape {width: 55px; height: 55px;}
.header-logo .logo-text {
width: 170px;
height: 30.73px;
margin-left: 16px;
margin-top: 21px;
}
header.sticky .header-logo .logo-text {
width: 110px;
height: 15.36px;
margin-left: 10px;
margin-top: 24px;
}
.band-submenu ul li a {font-size: 16px; line-height: 20px;} .band-footer .footer-logo img {width: 200px;}
.band-footer h5, 
.band-footer p,
.band-footer a {font-size: 17px; line-height: 21px;}
.band-footer .footer-bottom p, 
.band-footer .footer-bottom a {font-size: 14px; line-height: 18px;}
.band-footer .footer-bottom ul {padding-top: 40px;}
.band-footer .social-link {width: 40px; height: 40px; margin-right: 15px;} .band-homebanner h2 {font-size: 60px; line-height: 68px;}
.band-expertise h2 {
max-width: 700px;
margin: 0px auto 40px auto;
}
.band-expertise .pillar-item {width: 200px;}
.band-expertise .pillar-item p:not(.pillar-desc) {font-size: 30px; line-height: 35px;}
.band-expertise .pillar-item img, 
.band-expertise .pillar-item svg {width: 150px; margin: 0px auto;} .band-projectoverviewbanner h1 {padding-top: 100px;}
.band-projectoverviewbanner h2 {
font-size: 60px;
line-height: 64px;
padding-right: 250px;
}
.band-stats .row {margin-bottom: 55px;} .images-onecol .image-col,
.images-twocol .image-col,
.images-threecol .image-col {height: 400px;}
.band-progressslider .slider-item .image-wrap {height: 350px;}
.band-projectbody .text-wrap {padding-right: 100px;}
.band-projectintro .text-wrap p,
.band-projectbody .text-wrap p,
.band-projectbody .text-wrap li,
.band-projectbody .text-wrap a,
.band-projectbody .social-sticky a,
.band-projectbody .social-sticky h5,
.band-projectbody .social-sticky p  {font-size: 20px; line-height: 24px;}
.band-projectbody h4 {font-size: 25px; line-height: 29px;}
.band-projectbody h2.margin-bottom {
font-size: 43px;
line-height: 47px;
margin-bottom: 30px;
}
.band-projectbody .social-sticky {top: 128px;}
.band-projectbody .social-sticky .social-link {margin-right: 15px; margin-bottom: 10px;}
.band-projectbody .social-sticky .social-link:last-child {margin-right: 0px;}
.band-projecttimeline .timeline-inner-wrap,
.band-projecttimeline .timeline-inner-wrap-nav {width: 95%;}
.band-projecttimeline .dashed-line {width: 86%; background-size: cover;}
.band-video .video-slider {width: 85%;} .band-contactbanner p {
padding-left: 100px;
font-size: 20px;
line-height: 24px;
max-width: 500px;
}
.band-contactbanner .bg-logo {width: 500px;}
.band-contactform .form-wrap {max-width: 600px;}
.band-twocoltext.contact-locations .textcol p,
.band-twocoltext.contact-locations .textcol li,
.band-twocoltext.contact-locations .textcol a {font-size: 20px; line-height: 24px;} .band-generalbanner.band-bannernewslink:not(.h1-refactor) h1 {margin-bottom: 70px; padding-top: 0px;}
.band-gateways .gateway p.title {
font-size: 34px;
line-height: 38px;
} .band-generalbanner:not(.h1-refactor) h1,
.band-generalbanner.h1-refactor h2 {padding-top: 120px; margin-bottom: 100px;}
.band-generalbanner:not(.h1-refactor) h2,
.band-generalbanner.h1-refactor h1 {padding-bottom: 100px; font-size: 45px; line-height: 52px;}
.band-bodycopy .sixteen {padding: 0px 100px;}		
.band-bodycopy h3 {font-size: 30px; line-height: 34px;}
.band-bodycopy h4 {font-size: 25px; line-height: 30px;}
.band-bodycopy p, 
.band-bodycopy li, 
.band-bodycopy cite {font-size: 20px; line-height: 24px;}
.band-bodycopy blockquote,
.band-bodycopy blockquote p,
.band-bodycopy blockquote::before, 
.band-bodycopy blockquote::after {font-size: 35px; line-height: 40px;} .search-results .search-item h2 {font-size: 22px; line-height: 26px;}
.search-results .search-item h3,
.search-results .search-item p {font-size: 18px; line-height: 22px;} .band-generalbanner.band-aboutbanner h2 {width: 85%; width: calc(100% - 200px;);}
.about-content {min-height: 393px;}
.band-aboutapproach .container {min-height: 450px;}
.team-text {padding: 70px;}
.team-text .text-wrap p,
.team-text .text-wrap li,
.team-text .text-wrap strong,
.team-text .text-wrap a:not(.box-link) {font-size: 20px; line-height: 24px;}
.band-reasons .reasons-inner {width: 100%; max-width: 800px;}
.band-reasons p.reason-title {font-size: 35px; line-height: 42px;}
.band-reasons .reason-button {top: 45px;}
.band-expertise.band-aboutexpertise .plus-icon {margin: 0px 20px;}
.band-expertise.band-aboutexpertise .pillar-item {width: 33%;}
p.image-caption {margin-top: 35px; font-size: 16px; line-height: 20px;}
.band-expertise .text-wrap-extra img {width: 150px;}
.band-expertise .text-wrap-extra p.extra-title {
font-size: 30px;
line-height: 35px;
} .band-generalbanner.band-generalbanner-large h2 {font-size: 60px; line-height: 69px;}
.band-culture .culture-item p {font-size: 23px; line-height: 27px;}
.band-culture .row:first-child {margin-top: 40px;}
.band-testimonials .testimonial-slider-outer .arrow.arrow-right {right: 0px;}
.band-testimonials .testimonial-slider-outer .arrow.arrow-left {left: 0px;}
.band-testimonials .testimonial-slider-inner {max-width: 700px;}
.band-testimonials blockquote {font-size: 42px; line-height: 47px;}
.band-vacancies .accordian-wrap {width: 90%;} .band-gateways-alt.band-teamgateways .gateway {height: 350px;}
.member-popup h2 {font-size: 41px; line-height: 45px;}
.member-popup .popup-close {top: 3px;}
.member-bio p,
.member-bio li {font-size: 20px; line-height: 24px;}
span.small {
font-size: 18px !important;;
line-height: 22px !important;;
}
.band-gateways-alt.band-teamgateways  .gateway.placeholder .bg-logo {
width: 300px;
height: 300px;
bottom: -80px;
right: -80px;
}
.band-gateways-alt.band-teamgateways  .gateway.placeholder p.section {font-size: 16px; line-height: 20px;}
}
@media only screen and (max-width: 1300px) and (min-width: 960px){
.social-sticky .offset-by-twelve {padding-left: 680px;}
.band-gateways-alt.band-gateways-projects .gateway h4 {font-size: 35px; line-height: 39px;}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.hide-desktop {display: none !important;} h2 {font-size: 39px; line-height: 45px;} 
h3 {font-size: 18px; line-height: 23px;}
.band-gen-text .bg-logo {width: 400px; right: -150px; bottom: -200px;}
.band.band-gateways.band-gateways-medium .gateway, 
.band-gateways-alt.band-gateways-alt-large .gateway {height: 350px;}
.band-gateways-alt .gateway p.section {font-size: 20px; line-height: 25px;}
.band-gateways-alt .gateway h4 {font-size: 27px; line-height: 31px; width: 100%;}
.band.band-gateways-alt .gateway.placeholder.hide-mobile {display: none;}
.band-twocoltext .textcol {
padding: 45px 25px;
}
.band-twocoltext .textcol h2 {
font-size: 39px;
line-height: 43px;
}
.band-twocoltext .textcol p, 
.band-twocoltext .textcol li {
font-size: 16px;
line-height: 20px;
}
.band-twocoltext.contact-locations .textcol p,
.band-twocoltext.contact-locations .textcol li,
.band-twocoltext.contact-locations .textcol a {
font-size: 18px;
line-height: 22px;		
}
.error-search form {max-width: 500px;}
.error-search input[type="text"],
.error-search input[type="text"]::placeholder {
color: #ffffff !important;
border-color: #ffffff !important;
font-size: 18px;
line-height: 22px;
}
.error-search .error-search-button {width: 25px; top: 12px;} .header-logo {width: 58px;}
.header-logo .logo-text {display: none !important;}
.header-links {width: 92%; width: calc(100% - 78px); padding-top: 6px;}
header.sticky .header-links {padding: 7px 0px 0px 0px;} .band-footer .footer-address {width: 100%; padding-left: 50px;}
.band-footer .footer-links {padding-left: 50px;} .band-homebanner h1 {font-size: 18px; line-height: 23px;}
.band-homebanner h2 {font-size: 50px; line-height: 58px;} 
.band-notice p {font-size: 18px; line-height: 22px; width: calc(100% - 136px);}
.band-notice p span {font-size: 16px;}
.band-notice .read-more a {min-width: 100px; font-size: 17px;}
.band.band-gateways .gateway {height: 300px;}
.band-gateways .gateway p.section {font-size: 18px; line-height: 23px;}
.band-gateways .gateway p.title {font-size: 35px; line-height: 39px;}
.band-expertise h2,
.band-expertise p,
.band-expertise li {max-width: 650px;} 
.band-expertise p,
.band-expertise li{
font-size: 20px; 
line-height: 24px;
}
.band-expertise .text-wrap-extra p,
.band-expertise .text-wrap-extra li {font-size: 18px; line-height: 22px;}
.band-expertise .pillar-item p:not(.pillar-desc) {font-size: 25px; line-height: 30px;}
.band-expertise .pillar-item {width: 160px;}
.band-expertise .plus-icon {margin: 0px 45px;}
.band-gateways-alt.band-gateways-alt-large .gateway,
.band-gateways-alt .gateway {min-height: 250px; height: auto; width: 100%;}
.band-gateways-alt:not(.band-gateways-homelocations) .gateway {width: 100%;}
.band-gateways-alt:not(.band-gateways-homelocations):not(.band-teamgateways) .gateway h4 {
position: relative; 
top: auto;
left: auto;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
padding-top: 50px;
max-width: 400px;
margin: 0px auto;
font-size: 27px; 
line-height: 31px; 
width: 85%;
}
.band-reasons .txt-wrap.margin-bottom {margin-bottom: 60px !important;}
.band-reasons .txt-wrap p {
font-size: 20px;
line-height: 24px;
max-width: 650px;
} .band-projectoverviewbanner h2 {font-size: 50px; line-height: 54px; padding-right: 200px;}
.band-projectoverviewbanner .sixteen.columns.offset-by-seven {padding-left: 240px;}
.band-projectoverviewbanner .project-filters .filter {width: 30%; margin-right: 30px;}
.band-projectoverviewbanner .project-filters .filter select, 
.band-projectoverviewbanner .project-filters .filter option {font-size: 18px; line-height: 22px;} .band-projectbanner h1 {font-size: 18px; line-height: 23px; padding-top: 100px; margin-bottom: 50px;}
.band-projectbanner h2 {font-size: 50px; line-height: 54px; padding-bottom: 50px;} 
.band-projectintro .project-icon {padding-right: 20px;}
.band-projectbody h2.margin-bottom {
font-size: 33px;
line-height: 37px;
margin-bottom: 30px;
}
.band-projectintro .text-wrap p, 
.band-projectbody .text-wrap p, 
.band-projectbody .text-wrap li, 
.band-projectbody .text-wrap a, 
.band-projectbody .social-sticky a, 
.band-projectbody .social-sticky h5 {
font-size: 18px;
line-height: 22px;
}
.social-sticky .offset-by-twelve {
padding-left: 520px;
}
.band-projectbody .social-sticky .read-more a {
font-size: 16px;
line-height: 20px;
}
.band-stats .row {margin-bottom: 40px;}
.band-stats .figure {
width: 140px;
height: 140px;
}
.band-stats .figure p {
font-size: 25px;
line-height: 30px;
}
.band-stats p.stat-desc {font-size: 18px; line-height: 22px;}
.band-map {height: 350px;}
.band-projecttimeline .timeline-inner-wrap p.date {margin-bottom: 10px;}
.band-projecttimeline .timeline-inner-wrap p.desc {min-height: 40px; margin-bottom: 10px;}
.band-projecttimeline .timeline-inner-wrap .vertical-line {height: 100px;}
.band-projecttimeline .dashed-line {width: 83%;}
.images-onecol .image-col,
.images-twocol .image-col,
.images-threecol .image-col {height: 300px;}
.band-progressslider .slider-item .image-wrap {height: 300px;}
.band-externallinks .bg-logo-cw {
width: 300px;
height: 300px;
bottom: -50px;
right: -80px;
} .band-contactbanner {overflow: hidden;}
.band-contactbanner h1 {padding-top: 25px; margin-bottom: 50px;}
.band-contactbanner .bg-logo {width: 400px; bottom: -100px; opacity: 0.3;}
.band-contactform .form-wrap {max-width: 700px;}
.band-contactform .form-wrap form {padding-left: 100px;}
.band-mapcols .mapinner {height: 300px;}
.band-mapcols .read-more {text-align: center; width: 250px;} .band-gateways .gateway p.title {
font-size: 25px;
line-height: 30px;
}
.band-generalbanner.band-bannernewslink:not(.h1-refactor) h1 {margin-bottom: 50px; padding-top: 0px;}
.band-generalbanner.band-bannernewslink:not(.h1-refactor) h2 {padding-bottom: 20px;} .band-generalbanner:not(.h1-refactor) h2,
.band-generalbanner.h1-refactor h1 {
font-size: 35px; 
line-height: 41px;
width: 90%;
width: calc(100% - 200px);
} .search-results .row {display: block; margin-bottom: 0px;}
.search-results .row .one-third.column {width: 70%; margin: 0px auto 20px auto; float: none; display: block;}
.search-results .search-item {margin-bottom: 20px;}
.search-results .search-item h2 {font-size: 20px; line-height: 24px;}
.search-results .search-item h3,
.search-results .search-item p {font-size: 18px; line-height: 22px;} .band-generalbanner.band-generalbanner-large.band-banner-subnav h1 {padding-top: 0px;}
.band-gateways.band-aboutteam .gateway {height: 100%;}
.band-generalbanner.band-aboutbanner h2 {width: calc(100% - 100px);}
.band-gateways.band-aboutteam .gateway p.title {font-size: 35px; line-height: 40px;} 
.team-text .bg-logo {width: 300px;}
.band-expertise .pillar-item p.pillar-desc {font-size: 18px; line-height: 22px;}
.band-reasons p.reason-title {font-size: 39px; line-height: 44px;}
.band-reasons p.reason-desc {font-size: 20px; line-height: 24px;}
.band-expertise .text-wrap-extra p.extra-title {
font-size: 25px;
line-height: 30px;
} .band-generalbanner.band-generalbanner-large h2 {font-size: 50px; line-height: 59px;}
.band-generalbanner.band-generalbanner-large h1 {margin-bottom: 100px;}
.band-generalbanner.band-generalbanner-large h2 {padding-bottom: 100px;}
.band-generalbanner.band-generalbanner-large.band-banner-nosubtitle h2 {padding-top: 80px;} 
.band-culture .text-wrap p {font-size: 20px; line-height: 24px;}
.band-testimonials cite {font-size: 18px; line-height: 22px;}
.band-vacancies .accordian-wrap {width: 100%;}
.band-vacancies .accordian-heading p.heading {font-size: 20px; line-height: 24px;}
.band-vacancies .accordian-heading p.location {font-size: 19px; line-height: 24px;} .band-gateways-alt.band-teamgateways .gateway {width: 50%;}
.member-info .info-inner {
width: 768px;
padding: 0px 10px;
margin: 0px auto;
}
.member-popup {max-height: none;}
.member-popup .member-name .container {position: static;}
.member-popup .popup-close {
top: 25px;
right: 25px;
}
.member-popup .member-name {padding-bottom: 20px;}
.member-popup .member-name .fifteen.columns.offset-by-two {
padding: 0px 80px;
text-align: center;
width: 100%;
}
.member-popup h2 {
font-size: 35px;
line-height: 40px;
padding-top: 20px;
}
.member-popup .member-image {
width: 100%;
padding: 0px 80px;
}
.member-popup .email-link,
.member-popup .member-bio .email-link  {
width: 182px;
margin: 0px auto !important;;
float: none !important;
}
.member-popup .member-bio .email-link {margin-top: 20px !important;}
.member-popup .email-link img {
width: 75px;
bottom: 10px;
right: 104px;
}
.member-popup .email-link p {
font-size: 18px;
line-height: 23px;
}
.member-popup .member-bio {
text-align: center;
padding: 40px 80px 0px 80px;
width: 100%;
}
.member-popup .member-bio p,
.member-popup .member-bio li { 
font-size: 20px;
line-height: 24px;
}
}
@media only screen and (min-width: 767px) {
body header .container .sixteen.columns .header-links {display: block !important;}
.band.band-submenu ul {display: block !important;}
} @media only screen and (max-width: 767px) {
.hide-desktop {display: block !important;}
.hide-mobile {display: none !important;} .anchor {position: relative; top: -90px}
.band .margin-bottom {margin-bottom: 30px;}
h2 {font-size: 30px; line-height: 35px;}
h3 {font-size: 18px; line-height: 22px;}
input[type="text"], 
input[type="tel"], 
input[type="email"], 
input[type="number"], 
select, 
textarea {font-size: 18px; line-height: 22px;}
input[type="submit"] {font-size: 20px; line-height: 20px;}
body .featherlight-content span.featherlight-previous, 
body .featherlight-content span.featherlight-next {
width: 40px;
height: 40px !important;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
top: auto !important;
bottom: 20px;
opacity: 0.5;
}
body .featherlight-content span.featherlight-previous {
left: 40% !important;
left: calc(47% - 40px) !important;
}
body .featherlight-content span.featherlight-next {
right: 40% !important;
right: calc(47% - 40px) !important;
}
.featherlight .featherlight-close-icon {
width: 40px !important;
height: 40px !important;
font-size: 21px !important;
line-height: 26px !important;
border-width: 2px !important;
opacity: 0.5;
}
body .featherlight-content span.featherlight-previous:hover, 
body .featherlight-content span.featherlight-next:hover,
.featherlight .featherlight-close-icon:hover {
opacity: 1;
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
} .band-gen-text .sixteen.columns .text-wrap {padding-left: 50px;}
.band-gen-text p, 
.band-gen-text li {font-size: 18px; line-height: 22px;}
.band-gen-text .bg-logo {width: 300px; right: -150px; bottom: -200px;}
.band-gen-text .text-wrap.margin-bottom,
.band-gen-text .sixteen.columns.offset-by-five.margin-bottom {margin-bottom: 10px !important;} 
.band-gateways .gateway p.section,
.band-gateways-alt .gateway p.section {font-size: 18px; line-height: 22px;}
.band-gateways .gateway p.title,
.band-gateways-alt .gateway h4 {
font-size: 25px; 
line-height: 29px; 
}
.band-gateways-alt:not(.band-gateways-homelocations) .gateway h4,
.band-gateways .gateway p.title {
position: relative; 
top: auto;
left: auto;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
padding-top: 50px;
max-width: 400px;
margin: 0px auto;
}
.band-gateways-alt.band-gateways-homelocations .gateway h4 {
padding-top: 0px;
position: absolute;
top: 50%;
left: auto;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
width: 90%;
}
.band-gateways-alt.band-gateways-alt-large .gateway,
.band-gateways-alt .gateway,
.band-gateways .gateway {padding: 30px;}
.press-logos{ flex-direction: column !important;} .band.band-gateways .gateway,
.band.band-gateways-alt .gateway {width: 100%; min-height: 220px; height: auto;}
.band.band-gateways-alt .gateway.placeholder.hide-mobile {display: none;}
.band-twocoltext .row {display: block;}
.band-twocoltext .textcol {width: 100%; padding: 50px 20px;}
.band-twocoltext .textcol h2 {font-size: 30px; line-height: 34px;}
.band-twocoltext .textcol p, 
.band-twocoltext .textcol li {font-size: 16px; line-height: 20px;}
.band-twocoltext.contact-locations .textcol p,
.band-twocoltext.contact-locations .textcol li,
.band-twocoltext.contact-locations .textcol a,
.band-twocoltext.mobile-location .textcol p,
.band-twocoltext.mobile-location .textcol li,
.band-twocoltext.mobile-location .textcol a {
font-size: 18px;
line-height: 22px;		
}
.error-search form {max-width: 500px;}
.error-search input[type="text"],
.error-search input[type="text"]::placeholder {
color: #ffffff !important;
border-color: #ffffff !important;
font-size: 18px;
line-height: 22px;
}
.error-search .error-search-button {width: 25px; top: 12px;} header {padding: 15px 0px;}
header.sticky {padding: 10px 0px;}
.header-logo .logo-shape,
header.sticky .header-logo .logo-shape {width: 48px; height: 48px;}
.header-logo {width: auto;} .header-logo .logo-text,
header.sticky .header-logo .logo-text {
width: 180px;
height: 25.14px;
margin-left: 14px;
margin-top: 16px;
opacity: 1 !important;
display: block !important;
}
.header-links {
width: 100%;
position: relative;
float: none;
text-align: center; display: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.header-links ul li {margin-left: 0px;}
.header-links ul li,
.header-links ul li a {display: block; text-align: center;}
.header-links ul li a {padding: 10px 0px; font-size: 20px; line-height: 20px;}
.header-links ul:first-child li:first-child a {padding-top: 0px;}
.header-links ul.bottom-header-links {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.header-links ul.bottom-header-links li { display: inline-block; }
.header-links ul.bottom-header-links li.read-more {padding: 2px 10px; margin-right: 8px;}
.header-links ul.bottom-header-links li.search {width: auto; position: static; margin-right: 0px;}
.header-links ul.bottom-header-links li.search:hover {
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.header-links ul.bottom-header-links li a {font-size: 18px; line-height: 18px;}
.header-links ul.bottom-header-links li.search p {
text-transform: uppercase;
padding: 10px 0px;
font-size: 18px;
line-height: 18px;
display: inline-block;
margin-bottom: 0px;
}
.header-links ul.bottom-header-links li.search svg {width: 22px; margin-left: 5px; display: inline-block; margin-bottom: -4px;}
.header-links ul.bottom-header-links li.search svg circle,
.header-links ul.bottom-header-links li.search svg 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;
}
.header-links ul.bottom-header-links li.search:hover svg circle,
.header-links ul.bottom-header-links li.search:hover svg line {stroke: #012639;}
.band.band-submenu {margin-top: 78px; padding: 0px;}
.band.band-submenu.sticky {margin-top: 74px;}
.band.band-submenu.csr,
.band.band-submenu.csr.sticky {margin-top: 0px;}
.band.band-submenu .dropdown-submenu { padding: 18px 0px 16px 0px; cursor: pointer;}
.band-submenu ul {display: none; padding-bottom: 15px;}
.band.band-submenu.bg-grey ul li {
display: block;
margin: 0px 0px 10px 0px;
text-align: left;
}
.band-submenu p.active-tab,
.band-submenu ul li a { font-family: 'nue-haas-unica', sans-serif; font-size: 18px;
line-height: 22px;
}
.band-submenu p.active-tab span {
display: inline;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}
.band-submenu p.active-tab {color: #ffffff; margin-bottom: 0px; float: left;}
.band-submenu ul li a {color: #ffffff !important;}
.band.band-submenu .dropdown-arrow {
width: 25px;
float: right;
position: relative;
top: -1px;
right: 3px;
-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-submenu.open .dropdown-arrow {
transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);;
-moz-transform: rotate(-180deg);
}
.band.band-submenu .dropdown-arrow svg {display: block;}
.header-links li.search {height: auto;} .band-footer .footer-logo {margin-bottom: 40px;}
.band-footer .footer-logo img {margin: 0px auto;}
.band-footer .address-wrap {margin-bottom: 10px;}
.band-footer .footer-address {width: 100%;}
.band-footer .social-link {float: none; display: inline-block;}
.band-footer .footer-bottom ul {padding-top: 0px;}
.band-footer .copyright {padding-top: 40px;}
.band-footer .footer-bottom {margin-top: 20px;}
.band-footer .footer-bottom li {display: block; margin-right: 0px;} .band-homebanner {padding-top: 50px; height: 100vh;}
.band-homebanner .banner-bottom {padding-bottom: 100px;}
.band-homebanner {min-height: 600px;}
.band-homebanner h1 {font-size: 17px; line-height: 21px;}
.band-homebanner .homebannerlogo-inner .banner-logo {
width: 120px;
}
.band-homebanner  .homebannerlogo-inner h1 {
font-size: 19px;
line-height: 23px;
width: 400px !important;
}
.band-homebanner .banner-image-wrap .banner-image {height: 100vh; min-height: 600px; filter: grayscale(20%);}
.band-homebanner h2 {font-size: 35px; line-height: 44px; width: 100%; margin: 0px;}
.band-homebanner h2 br {display: none;}
.band-homebanner .arrow-left, 
.band-homebanner .arrow-right {display: none;}
.band-homebanner .banner-overlay {background: rgba(0,0,0,0.5); mix-blend-mode: hard-light;}
.band-notice .sixteen.columns {
text-align: center;
display: block;
}
.band-notice p,
.band-notice .read-more {
float: none;
margin: 0px;
width: 100%;
max-width: 
}
.band-notice p {font-size: 18px; line-height: 22px; margin-bottom: 20px;}
.band-notice p span {
font-size: 16px;
display: block;
margin-bottom: 10px;
}
.band-notice .read-more {
min-width: auto;
width: auto;
font-size: 17px;
line-height: 22px;
display: inline-block;
}
.band-expertise h2 {margin-bottom: 30px;}
.band-expertise p,
.band-expertise li,
.band-expertise .text-wrap-extra p, 
.band-expertise .text-wrap-extra li {font-size: 18px; line-height: 22px;}
.band-expertise .pillars-wrap {margin: 0px 0px;}
.band-expertise .pillar-item {width: 100%;}
.band-expertise .pillar-item, 
.band-expertise .plus-icon {display: block;}
.band-expertise .pillar-item img, 
.band-expertise .pillar-item svg {width: 110px;}
.band-expertise .pillar-item p:not(.pillar-desc) {
font-size: 25px;
line-height: 30px;
margin: 20px 0px 40px 0px;
}
.band-expertise .plus-icon {top: 0px; margin: 0px 0px 40px 0px;}
.band-reasons .txt-wrap.margin-bottom {margin-bottom: 30px !important;}
.band-reasons .txt-wrap p {
font-size: 18px;
line-height: 22px;
} .band-projectoverviewbanner h1 {margin-bottom: 30px; padding-top: 70px;}
.band-projectoverviewbanner h2 {
font-size: 40px;
line-height: 45px;
padding-right: 0px;
}
.band-projectoverviewbanner .project-filters .filter {
width: 100%;
padding-left: 50px;
max-width: 330px;
margin-bottom: 10px;
margin-right: 0px;
float: left;
}
.band-stats .row {display: block;} .band-projectbanner h1 {font-size: 17px; line-height: 21px; padding-top: 70px; margin-bottom: 50px;}
.band-projectbanner h2 {font-size: 35px; line-height: 39px; padding-bottom: 50px; width: 100%;} 
.band-projectintro .text-wrap p, 
.band-projectintro .text-wrap li,
.band-projectbody .text-wrap p, 
.band-projectbody .text-wrap li, 
.band-projectbody .text-wrap a, 
.band-projectbody .social-sticky a, 
.band-projectbody .social-sticky h5,
.band-projectbody .social-sticky p {font-size: 18px; line-height: 22px;}
.band-projectintro .project-icon {width: 90%; max-width: 300px; margin-bottom: 30px;}
.band-projectintro h2 {margin-bottom: 30px;}
.band-projectbody .social-sticky.fixed, 
.band-projectbody .social-sticky.fadeout
.band-projectbody .social-sticky.fixed.fadeout {
position: static;
top: 120px;
opacity: 1 !important;
display: block !important;
width: auto;
margin: 0px auto;
padding-left: 0px;
padding-top: 20px;
}
.band-projectbody .social-sticky.fixed .sixteen.columns.offset-by-twelve, 
.band-projectbody .social-sticky.fadeout.offset-by-twelve
.band-projectbody .social-sticky.fixed.fadeout.offset-by-twelve {
padding-left: 50px;
}
.band-projectbody h4 {font-size: 22px; line-height: 26px;}
.band-projectintro .text-wrap,
.band-projectbody .text-wrap {padding-left: 50px;}
.band-projectbody .text-wrap {padding-right: 0px;}
.band-projectbody h2.margin-bottom {
font-size: 26px;
line-height: 30px;
margin-bottom: 30px;
}
.band-projectbody h3:not(.section-title) {font-size: 25px; line-height: 29px;}
.band-projectbody h4 {font-size: 22px; line-height: 26px;}
.band-stats .row {margin-bottom: 0px;}
.band-stats .stat-item {width: 100%; margin-bottom: 50px;}
.band-stats .figure {
margin-bottom: 25px;
width: 100px;
height: 100px;
border-width: 2px;
}
.band-stats .figure p {font-size: 25px; line-height: 30px;}
.band-stats p.stat-desc {font-size: 18px; line-height: 22px;}
.images-onecol .image-col,
.images-twocol .image-col,
.images-threecol .image-col,
.band-progressslider .slider-item .image-wrap {width: 100%; height: 275px;}
.band-map {height: 300px;}
.band-projecttimeline .timeline-inner-wrap {
width: 88%;
float: right;
text-align: left;
padding-left: 50px;
}
.band-projecttimeline .timeline-inner-wrap .vertical-line {display: none;}
.band-projecttimeline .timeline-inner-wrap .timeline-item,
.band-projecttimeline .timeline-inner-wrap-nav .timeline-item {min-height: 130px;}
.band-projecttimeline .timeline-inner-wrap p.date {margin-bottom: 5px;}
.band-projecttimeline .timeline-inner-wrap p.desc {margin-bottom: 50px;}
.band-projecttimeline .timeline-inner-wrap-nav {
width: 12%;
float: left;
}
.band-projecttimeline .dashed-line-vertical {
height: 80%;
height: calc(100% - 150px); width: 1px;
background: #ffffff;
background-size: cover;
position: absolute;
top: 120px; left: 26px;
}
.band-projecttimeline .timeline-inner-wrap-nav .spacer {
width: 25px;
height: 41px;
top: -8px;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
}
.band-projecttimeline .arrow.arrow-left {
left: auto; 
right: 0px;
bottom: 0px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);;
-moz-transform: rotate(90deg);
}
.band-projecttimeline .arrow.arrow-right {
right: 50px;
bottom: 0px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);;
-moz-transform: rotate(90deg);
}
.band-progressslider .container {
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%);
height: 40px;
z-index: 3;
width: 420px;
}
.band-progressslider .arrow.arrow-left,
.band-progressslider .arrow.arrow-right {
top: 0px;
left: auto;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.band-progressslider .arrow.arrow-left {left: 0px;}
.band-progressslider .arrow.arrow-right {right: 0px;}
.band-progressslider .arrow.arrow-left:hover,
.band-progressslider .arrow.arrow-right:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-progressslider .arrow circle {fill: #79dea8; stroke: #79dea8;}
.band-progressslider .arrow path {fill: #313e48;}
.band-video .video-slider {width: 100%;}
.band-video {padding-bottom: 100px;}
.band-video .arrows-wrap {
width: 90px;
position: absolute;
top: auto;
bottom: -20px;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
}
.band.band-gateways.band-gateways-medium .gateway {
min-height: 220px;
height: auto;
}
.band-gateways.band-gateways-medium .gateway p.title {
padding: 50px 20px 0px 20px;
}
.band-gateways .gateway .bg-logo {width: 80%; max-width: 250px;}
.band-externallinks .bg-logo-cw {
width: 200px;
height: 200px;
bottom: -30px;
right: -60px;
} .band-contactbanner {overflow: hidden;}
.band-contactbanner h1 {padding-top: 0px; margin-bottom: 30px;}
.band-contactbanner h2 {font-size: 40px; line-height: 44px;} 
.band-contactbanner p {padding-left: 50px;}
.band-contactbanner .bg-logo {width: 300px; bottom: -50px; opacity: 0.2;}
.band-contactform {padding: 50px 0px;}
.band-contactform .form-wrap {max-width: 700px; margin: 0px;}
.band-contactform .form-wrap form {padding-left: 50px; margin-bottom: 0px;}
.band-contactform .form-wrap input[type="submit"] {margin-bottom: 0px;}
.band-mapcols .mapinner {height: 300px;}
.band-contactbanner p {font-size: 18px; line-height: 22px;}
.band-mapcols .mapcol {width: 100%; height: 300px;}
.band-mapcols .read-more {text-align: center; width: 250px;} .band-generalbanner.band-bannernewslink {padding: 50px;}
.band-generalbanner.band-bannernewslink .container,
.band-generalbanner.band-bannernewslink .container .sixteen.columns {
width: 100%;
}
.band-gateways.band-newsgateways .gateway {padding: 50px; height: auto;}
.band-gateways .gateway p.title span, 
.band-bannernewslink h2 span {margin-top: 20px;}
.band-gateways.band-newsgateways .gateway p.section,
.band-gateways .gateway p.title span, 
.band-bannernewslink h2 span {
font-size: 17px; 
line-height: 21px;
}
.band-gateways.band-newsgateways .gateway p.title {
width: 100%;
position: relative;
top: auto;
left: auto;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none; padding-top: 0px;
margin: 25px auto 0px auto;
}
.band-generalbanner.band-bannernewslink:not(.h1-refactor) h1 {
margin-bottom: 25px;
padding-top: 0px;
}
.band-gateways.band-newsgateways .gateway p.title,
.band-generalbanner.band-bannernewslink:not(.h1-refactor) h2 {
font-size: 25px;
line-height: 29px;
max-width: 400px;
} .band-generalbanner:not(.h1-refactor) h1,
.band-generalbanner.h1-refactor h2 {
margin-bottom: 30px; 
max-width: 300px;
font-size: 17px;
line-height: 21px;
padding-top: 70px;
}
.band-generalbanner:not(.h1-refactor) h2,
.band-generalbanner.h1-refactor h1 {
font-size: 30px; 
line-height: 35px;
width: 100%;
padding-bottom: 0px;
}
.band-bodycopy {padding: 50px 0px;}
.band-bodycopy .sixteen.columns {padding: 0px 25px;}
.band-bodycopy h3 {font-size: 26px line-height: 30px;}
.band-bodycopy h4,
.band-bodycopy cite {font-size: 22px; line-height: 26px;}
.band-bodycopy blockquote,
.band-bodycopy blockquote p,
.band-bodycopy blockquote::before, 
.band-bodycopy blockquote::after {font-size: 25px; line-height: 29px;}
.band-bodycopy blockquote::before {left: -10px;}
.band-bodycopy p, 
.band-bodycopy li, 
.band-bodycopy cite {
font-size: 18px;
line-height: 22px;
} .band-generalbanner.band-generalbanner-large.band-banner-subnav h1 {padding-top: 0px;}
.band-generalbanner.band-generalbanner-large.band-aboutbanner h2 {max-width: 350px}
.band.band-aboutmain {padding: 50px 0px;}
.about-content.container.container-extended {width: 420px; margin: 0px auto; padding: 0px 0px;}
.about-content .intro-wrap {width: 100%; margin-left: 0px; padding: 0px 0px; margin-bottom: 20px}
.about-content img {position: static; width: 100%; margin: 0px 0px 40px 0px;}
p.image-caption {margin-top: 45px; font-size: 14px; line-height: 18px;}
.band-expertise.band-aboutexpertise {padding-bottom: 70px;}
.band-expertise.band-aboutexpertise .pillars-wrap {display: block;}
.band-expertise.band-aboutexpertise .pillar-item {
width: 100%; 
margin-bottom: 0px;
float: none;
}
.band-expertise.band-aboutexpertise .plus-icon {
margin: 60px 00px;
float: none;
top: 0;
}
.band-expertise .pillar-item p.pillar-desc {font-size: 18px; line-height: 22px; max-width: 350px;}
.band-expertise .text-wrap-extra img {width: 110px;}
.band-expertise .text-wrap-extra p.extra-title {
font-size: 25px;
line-height: 30px;
}
.band-aboutapproach .eleven.columns h2 {margin-bottom: 30px !important;} 
.band-aboutapproach .eleven.columns {padding-right: 0px;}
.band-aboutapproach img {position: static; width: 100%; margin-top: 40px;}
.band-gateways.band-aboutteam .gateway,
.band-gateways.band-aboutteam .team-text {position: relative;}
.band-gateways.band-aboutteam .gateway p.title {
font-size: 35px;
line-height: 40px;
padding-top: 40px;
}
.band-gateways.band-aboutteam .team-text {padding: 50px 0px; overflow: hidden; width: 100%; float: left;}
.band-gateways.band-aboutteam .team-text .team-text-inner {width: 420px; margin: 0px auto;}
.team-text .text-wrap {margin-bottom: 30px;}
.team-text .text-wrap p,
.team-text .text-wrap li,
.team-text .text-wrap strong,
.team-text .text-wrap a:not(.box-link) {font-size: 18px; line-height: 22px; text-align: center;}
.team-text .more-link {margin: 0px auto;}
.team-text .more-link svg {margin: 0px;}
.team-text .bg-logo {width: 250px;}
.band-reasons .reasons-inner .reason-item {padding-bottom: 0px;}
.band-reasons .reason-heading {padding: 25px 0px; background: none !important;}
.band-reasons .reason-content {padding: 0px 0px 25px 0px;}
.band-reasons .reason-button {right: 0px; top: 27px;}
.band-reasons p.reason-title {
font-size: 27px;
line-height: 33px; }
.band-reasons p.reason-desc {font-size: 18px; line-height: 22px; width: 100%; padding-bottom: 0px;}
.band-reasons img.fadeout-gradient {max-width: none; width: 200%;}
.band-reasons .bg-logo {left: -200px;}
.band-expertise .text-wrap.text-wrap-extra {padding-top: 70px;} .band-generalbanner.band-generalbanner-large h1 {margin-bottom: 50px;}
.band-generalbanner.band-generalbanner-large h2 {font-size: 35px; line-height: 42px; padding-bottom: 25px;}
.band-generalbanner.band-generalbanner-large.band-banner-nosubtitle h2 {padding-top: 50px; padding-bottom: 50px;} 
.band-culture .text-wrap p {font-size: 18px; line-height: 22px;}
.band-culture .row {margin: 0px; display: block;}
.band-culture .culture-item {
float: none;
margin: 0px auto 40px auto;
width: 90%;
max-width: 300px;
position: relative;
right: -20px;
}
.band-culture .row:first-child {margin-top: 20px;}
.band-culture .row:last-child .culture-item:last-child {margin-bottom: 0px;}
.band-culture .culture-item .tick {
margin-bottom: 7px;
float: left;
width: 40px;
height: 47px;
margin: 0px 25px 0px 0px;
}
.band-culture .culture-item p {
max-width: none;
width: 80%;
width: calc(100% - 65px); 
font-size: 20px; 
line-height: 25px;
float: left;
text-align: left;
margin-top: 6px;
}
.band-testimonials .testimonial-slider-outer {padding-bottom: 90px;}
.band-testimonials .testimonial-slider-inner {
max-width: none;
width: 100%;
}
.band-testimonials .arrows-wrap {
width: 100px;
height: 40px;
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
}
.band-testimonials .arrows-wrap .arrow.arrow-left,
.band-testimonials .arrows-wrap .arrow.arrow-right {
top: 0%;
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
.band-testimonials .arrows-wrap .arrow:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.band-testimonials blockquote {
font-size: 25px;
line-height: 30px;
padding: 0px;
}
.band-testimonials cite {font-size: 16px; line-height: 20px;}
.band-vacancies .accordian-wrap {width: 100%;}
.band-vacancies .accordian-heading {
display: block; 
position: relative;
padding: 20px;
}
.band-vacancies .accordian-heading p.heading,
.band-vacancies .accordian-heading p.location {
width: 100%;
padding-right: 70px;
text-align: left;
float: none;
}
.band-vacancies .accordian-heading p.heading {
margin-bottom: 10px;
font-size: 17px;
line-height: 21px;
}
.band-vacancies .accordian-heading p.location {font-size: 16px; line-height: 20px;}
.band-vacancies .accordian-heading p.heading span {border: none !important;}
.band-vacancies .accordian-button {
width: 30px;
position: absolute;
top: 20px;
right: 0%;
}
.band-vacancies .accordian-heading:hover .accordian-button {
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
} .band-gateways-alt.band-teamgateways .gateway:not(.placeholder) h4 {
padding: 70px 0px;
font-size: 32px;
line-height: 36px;
width: 100% !important;
}
.band-gateways-alt.band-teamgateways .gateway.placeholder h4 {font-size: 32px; line-height: 36px;}
.band-gateways-alt.band-teamgateways .gateway h4 {padding: 0px;}
.band-gateways-alt.band-teamgateways .gateway.placeholder {height: 280px;}
.band-gateways-alt.band-teamgateways .gateway.placeholder .circle-border {height: 100%; background-size: cover;}
.member-info .info-inner {
width: 420px;
padding: 0px 10px;
margin: 0px auto;
}
.member-popup {max-height: none;}
.member-popup .popup-close {top: -22px;} 
.member-popup .member-name {padding-bottom: 10px;}
.member-popup .member-name .container {position: static;}
.member-popup .popup-close {
top: 25px;
right: 25px;
}
.member-popup .member-name .fifteen.columns.offset-by-two {
padding: 0px 0px;
text-align: center;
width: 100%;
}
.member-popup h2 {
font-size: 27px;
line-height: 31px;
padding-top: 40px;
}
.member-popup .member-image {
width: 100%;
padding: 0px 0px;
}
.member-popup .email-link,
.member-popup .member-bio .email-link  {
width: 182px;
margin: 0px auto !important;;
float: none !important;
}
.member-popup .member-bio .email-link {margin-top: 20px !important;}
.member-popup .email-link img {
width: 75px;
bottom: 10px;
right: 104px;
}
.member-popup .email-link p {
font-size: 18px;
line-height: 23px;
}
.member-popup .member-bio {
text-align: center;
padding: 40px 0px 0px 0px;
width: 100%;
}
.member-popup .member-bio p,
.member-popup .member-bio li { 
font-size: 18px;
line-height: 22px;
} .search-results .row {display: block; margin-bottom: 0px;}
.search-results .search-item {margin-bottom: 20px;}
.search-results .search-item h2 {font-size: 20px; line-height: 24px;}
.search-results .search-item h3,
.search-results .search-item p {font-size: 18px; line-height: 22px;}
.band-footer {text-align: center !important;} .band-gen-text.band-projectoverviewbanner .bg-logo {bottom: -200px;}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.band-projectbody .text-wrap h2 {margin-left: -50px;}
.band-aboutapproach .eleven.columns p,
.band-aboutapproach img,
.about-content .intro-wrap,
.about-content img {padding-left: 50px;} } @media only screen and (max-width: 479px) {
.header-logo .logo-text,
header.sticky .header-logo .logo-text {
width: 150px;
height: 20.95px;
margin-left: 12px;
margin-top: 16px;
}
.band-homebanner h2 {font-size: 30px; line-height: 39px;}
.band-homebanner  .homebannerlogo-inner h1 {width: 280px !important;}
.band.band-gateways .gateway, 
.band.band-gateways-alt .gateway,
.band-gateways .gateway {min-height: 200px;}
.band-gateways .gateway p.title,
.band-gateways-alt .gateway h4 {
font-size: 22px; 
line-height: 26px; 
}
.band-gateways-alt .gateway h4,
.band-gateways .gateway p.title {
padding-top: 20px;
max-width: 400px;
}
.band-gateways-alt.band-gateways-projects .gateway h4 {padding-top: 30px;}
.band-gen-text .sixteen.columns .text-wrap,
.band-projectintro .text-wrap,
.band-projectbody .text-wrap,
.band-contactform .form-wrap form,
.band-contactbanner p  {padding-left: 0px;}
.band-projecttimeline .dashed-line-vertical {left: 18px;}
.band-progressslider .arrow.arrow-left {left: 0px;}
.band-progressslider .arrow.arrow-right {right: 0px;}
.band-progressslider .container {width: 300px;}
.band-twocoltext .textcol p, 
.band-twocoltext .textcol li {font-size: 13px; line-height: 17px;}
.band-bodycopy .sixteen.columns {padding: 0px;}
.band-bodycopy blockquote,
.band-bodycopy cite,
.band-bodycopy img,
.band-bodycopy .video-wrapper {
width: 100%;
max-width: 100%;
margin: 20px 0px;
}
.band-bodycopy .video-wrapper {padding-bottom: 56.25%;}
.band-generalbanner h2 {font-size: 25px; line-height: 29px;} 
.band-bodycopy h4,
.band-bodycopy cite {font-size: 20px; line-height: 24px;}
.band-projectoverviewbanner h2 {font-size: 34px; line-height: 38px;}
.band-projectoverviewbanner .sixteen.columns.offset-by-seven.margin-bottom {margin-bottom: 10px;}
.band-projectoverviewbanner .project-filters .filter {padding-left: 0px;}
.band-projectbody .social-sticky.fixed .sixteen.columns.offset-by-twelve, 
.band-projectbody .social-sticky.fadeout .sixteen.columns.offset-by-twelve,
.band-projectbody .social-sticky.fixed.fadeout .sixteen.columns.offset-by-twelve {padding-left: 0px;}
.band-generalbanner.band-bannernewslink {padding: 50px 30px;}
.band-culture .culture-item {right: 0px;}
.about-content.container.container-extended,
.band-gateways.band-aboutteam .team-text .team-text-inner {width: 300px;}
.band-gateways.band-aboutteam .gateway p.title {padding-top: 30px;}
.band-gateways.band-aboutteam .gateway {padding: 70px 0px;}
.band-gateways-alt.band-teamgateways .gateway:not(.placeholder) h4 {
padding: 80px 0px;
font-size: 27px;
line-height: 31px;
}
.band-gateways-alt.band-teamgateways .gateway.placeholder h4 {font-size: 27px; line-height: 31px;}
.member-info .info-inner {width: 300px;}
.band-reasons p.reason-title {font-size: 23px; line-height: 27px;}
.band-reasons .bg-logo {left: -150px;}
} @media (-webkit-min-device-pixel-ratio: 1.5) {} @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.band-gateways-alt.band-gateways-alt-large.band-gateways-projects .gateway:hover .bg-image {
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
select::-ms-expand {
display: none;
}
.band-projectoverviewbanner .project-filters .filter select
} @supports (-ms-ime-align:auto) {} .slick-loading .slick-list{background:#fff url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/slick/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/stylesheets-1280/fonts/slick.eot);src:url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/slick/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/slick/fonts/slick.woff) format('woff'),url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/stylesheets-1280/fonts/slick.ttf) format('truetype'),url(//colewaterhouse.co.uk/wp-content/themes/cole-waterhouse/stylesheets-1280/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:.5}.slick-dots li button:before{font-family:slick;font-size:8px;line-height:20px;position:absolute;top:0;left:0;width:15px;height:20px;content:'•';text-align:center;opacity:1;color:#cccccd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#b88656}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
.related-projects {
background-color: #377e58;
padding-bottom: 70px;
}
.related-projects h2 {
font-size: 42px;
color: white;
}
.related-projects .eight {
overflow: hidden;
}
.project-wrap {
display: flex;
justify-content: space-between;
}
.related-projects .related-title {
padding: 20px;
}
.related-projects .related-title .location {
font-size: 16px;
color: #79dea8;
text-transform: uppercase;
margin-bottom: 10px;
}
.related-projects .related-title .project-name {
font-size: 28px;
font-weight: 600;
margin: 0;
}
.band-projectoverviewbanner {
background-color: #ffd3c7;
} #residential-header {
color: #377e58;
font-size: 70px;
line-height: 80px;
font-family: "Tiempos Medium";
font-weight: normal;
text-transform: none;
letter-spacing: normal;
}
.residential-hero-wrapper {
margin-bottom: 20px;
margin-top: 65px;
display: flex;
align-items: end;
}
.residential-hero {
margin-bottom: 140px;
}
.hero-image-1 {
position: absolute;
top: 100px;
right: 360px;
}
.hero-image-2 {
position: absolute;
top: 190px;
right: 65px;
} .residential-eda-wrapper {
display: flex;
align-items: end;
margin-bottom: 70px; }
h2.eda-header {
color: #377e58;
font-size: 18px;
line-height: 10px;
font-family: neue-haas-unica, sans-serif;
}
h2.eda-header-2 {
color: #377e58;
font-size: 42px;
padding: 10px 0px 20px 0px;
}
li {
list-style-type: circle;
margin-left: 25px;
}
.eda-list-wrapper li {
font-size: 18px;
list-style-type: disc;
}
.eda-list-wrapper li::marker {
color: #a17d23;
}
.residential-eda-wrapper .eda-button-wrapper {
display: flex;
justify-content: flex-end;
}
.eda-button-wrapper {
height: 100%;
}
.eda-button-wrapper a {
display: flex;
width: 228px;
height: 50px;
background: transparent;
border: solid 1px #377e58;
bottom: 0%;
border-radius: 0px;
font-size: 18px;
cursor: pointer;
color: #377e58;
text-decoration: none;
align-items: center;
justify-content: space-evenly;
transition: 0.4s;
}
.eda-button-wrapper a:hover {
background-color: #377e58;
color: white;
}
#Line_362,
#Line_363 {
transition: 0.4s;
}
.eda-button-wrapper a:hover #Line_362,
.eda-button-wrapper a:hover #Line_363 {
stroke: white;
}
.eda-video {
width: 100%;
max-height: 1877px;
display: block;
}
.band.band-new-video {
padding-bottom: 0px;
} .band-track-record {
background-color: #377e58;
}
.track-record-columns {
padding-left: 40px;
}
.band-track-record img {
width: 100%;
}
.track-record-section .header1 {
font-size: 18px;
color: white;
opacity: 0.6;
line-height: 1.25;
margin-bottom: 20px;
font-family: neue-haas-unica, sans-serif;
}
.track-record-section .header2 {
font-size: 42px;
color: white;
width: 50%;
line-height: 1.25;
margin-bottom: 20px;
}
.track-record-section p {
color: white;
font-size: 18px;
line-height: 1.25;
margin-bottom: 60px;
width: 90%;
}
.track-record-button-wrapper a {
display: flex;
width: 179px;
height: 50px;
background: transparent;
border: solid 1px white;
bottom: 0%;
border-radius: 0px;
font-size: 18px;
cursor: pointer;
color: white;
text-decoration: none;
align-items: center;
justify-content: space-around;
transition: 0.4s;
}
.track-record-button-wrapper a:hover {
background-color: white;
color: #377e58;
}
.track-record-button-wrapper a:hover #Line_362,
.track-record-button-wrapper a:hover #Line_363 {
stroke: #377e58;
}
.track-record-dec {
width: 429px;
position: absolute;
bottom: -2%;
left: -7%;
} .band-our-approach {
background-color: white;
}
.band-our-approach h2 {
color: #377e58;
margin-bottom: 30px;
font-size: 80px;
}
.band-our-approach li {
color: #ffd3c7;
list-style-type: disc;
}
.band-our-approach ul {
width: 70%;
}
.band-our-approach span {
font-size: 22px;
}
.approach-sub-section h2 {
color: #a17d23;
font-size: 42px;
margin-top: 30px;
line-height: 1.25;
}
.approach-sub-section ul {
width: 80%;
}
.approach-sub-section span {
font-size: 18px;
}
.approach-sub-section p {
font-size: 18px;
width: 80%;
} .band-how-why {
background-color: #012639;
}
.band-how-why h2 {
color: #79dea8;
font-size: 42px;
margin-bottom: 30px;
}
.band-how-why p {
color: white;
font-size: 22px;
width: 95%;
}
#second-how-why-p {
font-size: 18px;
}
.band-how-why li {
color: white;
list-style-type: none;
font-size: 18px;
margin-bottom: 0px;
}
.band-how-why ul {
margin-top: 95px;
}
.band-how-why img {
height: 71px;
width: auto;
}
.how-why-ul {
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
} .band-employees h2 {
font-size: 42px;
margin-bottom: 30px;
color: #323e48;
}
.employee-grid-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 60px 60px;
margin-bottom: 30px;
width: 100%;
}
.band-employees {
background-color: #ffd3c7;
}
.employee-img {
width: 100%;
}
.employee-wrapper {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
}
.employee-content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 188px;
}
p.employee-name {
font-size: 30px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 10px;
}
p.employee-position {
font-size: 20px;
}
.employee-button-wrapper a {
display: flex;
width: 140px;
border: solid 1px #012639;
height: 50px;
background: transparent;
bottom: 0%;
border-radius: 0px;
font-size: 18px;
cursor: pointer;
color: #012639;
align-items: center;
justify-content: space-evenly;
transition: 0.4s;
}
.employee-button-wrapper a:hover {
background-color: #012639;
color: white;
}
.employee-button-wrapper a:hover #Line_362,
.employee-button-wrapper a:hover #Line_363 {
stroke: white;
} .band-testimonials {
background-color: #012639;
}
.band-testimonials .testimonial-item div {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.band-testimonials .testimonial-item blockquote {
color: #ffd3c7;
font-size: 36px;
line-height: 1.2;
}
.band-testimonials .slick-dots button {
border: 1px solid white;
}
.band-testimonials .slick-dots .slick-active button {
background: white;
} .band-contact-residential {
background-color: white;
}
.band-contact-residential h2 {
padding-bottom: 20px;
color: #377e58;
}
.contact-residential {
background-color: #ffd3c7;
}
.contact-residential input {
border: none;
background: transparent;
border-bottom: solid 1px black;
}
.contact-beginning {
display: flex;
justify-content: space-evenly;
} .band-contact-residential form {
padding: 50px;
}
.band-contact-residential form textarea {
min-height: 125px;
height: 125px;
}
.band-contact-residential form textarea::placeholder {
color: #012639;
}
.band-contact-residential form {
color: #012639;
}
.band-contact-residential form input::placeholder {
color: #012639;
}
.band-contact-residential form input[type="submit"] {
color: #012639;
} .band-projectoverviewbanner.industrial {
background-color: #b1eaf7;
} .bandcustompaddingtop {
padding-top: 5px !important;
}
.bandcustompaddingbottom {
padding-bottom: 5px !important;
}
#industrial-header {
color: #2e5eaa;
font-size: 70px;
line-height: 80px;
font-family: "Tiempos Medium";
font-weight: normal;
text-transform: none;
letter-spacing: normal;
}
.industrial-hero-wrapper {
margin-bottom: 169px;
margin-top: 65px;
display: flex;
align-items: end;
}
.industrial-hero {
margin-bottom: 140px;
}
.industrial-hero p {
color: #012639;
} .industrial-wrapper {
display: flex;
align-items: end;
margin-bottom: 60px;
margin-top: 65px;
}
h2.industrial-header {
color: #2e5eaa;
font-size: 18px;
line-height: 10px;
font-family: neue-haas-unica, sans-serif;
}
h2.industrial-header-2 {
color: #2e5eaa;
font-size: 42px;
padding: 10px 0px 20px 0px;
}
.industrial-wrapper .industrial-button-wrapper {
display: flex;
justify-content: flex-end;
}
.industrial-button-wrapper {
height: 100%;
}
.industrial-button-wrapper a {
display: flex;
width: 148px;
height: 50px;
background: transparent;
border: solid 1px #012639;
bottom: 0%;
border-radius: 0px;
font-size: 18px;
cursor: pointer;
color: #012639;
text-decoration: none;
align-items: center;
justify-content: space-evenly;
transition: 0.4s;
}
.industrial-button-wrapper a:hover {
background-color: #012639;
color: white;
}
#Line_362,
#Line_363 {
transition: 0.4s;
}
.industrial-button-wrapper a:hover #Line_362,
.industrial-button-wrapper a:hover #Line_363 {
stroke: white;
}
.industrial-content-wrapper p {
color: #012639;
} .band-track-record.industrial {
background-color: #2e5eaa;
}
.industrial-record-columns {
padding-left: 40px;
}
.industrial-record-section .header1 {
font-size: 18px;
color: white;
opacity: 0.6;
line-height: 1.25;
margin-bottom: 20px;
font-family: neue-haas-unica, sans-serif;
}
.industrial-record-section .header2 {
font-size: 42px;
color: white;
line-height: 1.25;
margin-bottom: 20px;
}
.industrial-record-section p {
color: white;
font-size: 20px;
line-height: 1.25;
margin-bottom: 60px;
width: 90%;
}
.industrial-record-button-wrapper a {
display: flex;
width: 179px;
height: 50px;
background: transparent;
border: solid 1px white;
bottom: 0%;
border-radius: 0px;
font-size: 18px;
cursor: pointer;
color: white;
text-decoration: none;
align-items: center;
justify-content: space-around;
transition: 0.4s;
}
.industrial-record-button-wrapper a:hover {
background-color: white;
color: #2e5eaa;
}
#Line_362,
#Line_363 {
transition: 0.4s;
}
.industrial-record-button-wrapper a:hover #Line_362,
.industrial-record-button-wrapper a:hover #Line_363 {
stroke: #2e5eaa;
} .band-our-approach.industrial {
background-color: white;
padding-top: 100px;
padding-bottom: 100px;
}
.industrial-approach h2 {
color: #2e5eaa;
margin-bottom: 30px;
font-size: 80px;
}
.industrial-approach p {
font-size: 22px;
color: #012639;
} .band-how-why {
background-color: #012639;
margin-top: 50px;
margin-bottom: 50px;
}
.band-how-why li br {
display: none;
} .band-employees.industrial {
background-color: #b1eaf7;
padding-top: 80px;
}
.band-employees.industrial .employee-button-wrapper a:hover {
background-color: #012639;
color: white;
}
#Line_362,
#Line_363 {
transition: 0.4s;
}
.band-employees.industrial .employee-button-wrapper a:hover #Line_362,
.band-employees.industrial .employee-button-wrapper a:hover #Line_363 {
stroke: white;
} .related-projects.industrial {
background-color: #2e5eaa;
padding-bottom: 70px;
}
.related-projects a img {
transition: 0.4s ease-in-out;
}
.related-projects a:hover img {
transform: scale(1.1);
}
.related-project-img-wrap {
overflow: hidden;
} .band-testimonials.industrial .testimonial-item blockquote {
color: #b1eaf7;
font-size: 36px;
line-height: 1.2;
}
.band-testimonials .slick-dots button {
border: 1px solid white;
}
.band-testimonials .slick-dots .slick-active button {
background: white;
} .band-contact-residential.industrial h2 {
color: #2e5eaa;
}
.band-contact-residential.industrial .contact-residential {
background-color: #b1eaf7;
} @media screen and (min-width: 1300px) and (max-width: 1640px) {
.industrial-record-button-wrapper a {
margin-top: -35px;
}
.band-how-why li br {
display: block;
}
}
@media only screen and (max-width: 1640px) {
.hero-image-1 {
top: 100px;
right: 300px;
}
.hero-image-2 {
top: 150px;
right: 5px;
}
.hero-image-1.logistics {
top: 100px;
right: 300px;
}
.hero-image-2.logistics {
top: 150px;
right: 5px;
}
}
@media only screen and (max-width: 1300px) { .hero-image-1 {
top: 100px;
right: 220px;
}
.hero-image-2 {
top: 150px;
right: 65px;
}
.hero-image-1.logistics {
top: 100px;
right: 220px;
}
.hero-image-2.logistics {
top: 150px;
right: 65px;
}
.residential-hero-wrapper img {
width: 200px;
}
.residential-hero {
margin-bottom: 40px;
}
.industrial-hero-wrapper img {
width: 200px;
}
.industrial-hero {
margin-bottom: 40px;
} .employee-grid-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 960px) { .hero-image-1 {
top: 100px;
right: 150px;
}
.hero-image-2 {
top: 150px;
right: 10px;
}
.hero-image-1.logistics {
top: 100px;
right: 150px;
}
.hero-image-2.logistics {
top: 150px;
right: 10px;
} .residential-hero-wrapper {
padding-bottom: 0px;
}
.industrial-hero-wrapper {
padding-bottom: 0px;
}
.residential-hero-wrapper img {
width: 180px;
}
.industrial-hero-wrapper img {
width: 180px;
} h2.eda-header-2 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 768px) { .band-projectoverviewbanner h1 {
padding-top: 40px;
}
#residential-header {
font-size: 60px;
line-height: 70px;
}
#industrial-header {
font-size: 60px;
line-height: 70px;
}
.hero-image-1 {
top: 625px;
right: 250px;
}
.hero-image-2 {
top: 650px;
right: 50px;
}
.hero-image-1.logistics {
top: 450px;
right: 250px;
}
.hero-image-2.logistics {
top: 475px;
right: 50px;
}
.residential-hero-wrapper {
padding-bottom: 330px;
}
.industrial-hero-wrapper {
padding-bottom: 300px;
}
.residential-hero-wrapper img {
width: 150px;
}
.industrial-hero-wrapper img {
width: 150px;
} .eda-list-wrapper {
width: 420px;
}
.residential-eda-wrapper {
display: flex;
flex-direction: column;
}
.industrial-wrapper {
display: flex;
flex-direction: column;
}
.eda-button-wrapper {
padding-top: 50px;
}
.industrial-button-wrapper {
padding-top: 50px;
} .track-record-columns {
padding-left: 0px;
}
.industrial-record-columns {
padding-left: 0px;
}
.track-record-section .header1 {
margin-top: 20px;
}
.industrial-record-section .header1 {
margin-top: 20px;
}
.track-record-section .header2 {
width: 100%;
}
.industrial-record-section .header2 {
width: 100%;
} .band-our-approach h2 {
line-height: 0.8;
margin-bottom: 40px;
}
.band-our-approach ul {
width: 100%;
}
.approach-sub-section p {
width: 100%;
}
.industrial-approach p {
line-height: 1.1;
} .band-how-why h2 {
margin-bottom: 40px;
line-height: 1.1;
}
.band-how-why ul {
margin-top: 40px;
}
.how-why-ul {
flex-direction: column;
}
.band-how-why li {
margin-top: 20px;
margin-left: 0px;
}
.band-how-why img {
margin-top: 20px;
}
.band-how-why p {
line-height: 23px;
} .employee-grid-wrapper {
grid-template-columns: 1fr;
width: 100%;
overflow: hidden;
}
.band-employees .columns {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.band-employees h2 {
margin-bottom: 50px;
font-size: 32px;
} .related-projects h2 {
margin-bottom: 50px;
line-height: 1;
}
.related-projects .container .columns {
margin-bottom: 20px;
} .band-testimonials .testimonial-item blockquote {
font-size: 18px;
}
.band-testimonials.industrial .testimonial-item blockquote {
font-size: 22px;
}
.band-contact-residential form {
padding: 20px;
}
.band-contact-residential form .five {
width: 80% !important;
}
.band-contact-residential form .ten {
width: 80% !important;
}
.arrow.arrow-left.slick-arrow svg,
.arrow.arrow-right.slick-arrow svg {
width: 15px;
}
}
@media only screen and (max-width: 480px) { #residential-header {
font-size: 40px;
line-height: 40px;
}
#industrial-header {
font-size: 40px;
line-height: 40px;
}
.hero-image-1 {
top: 450px;
right: 160px;
}
.hero-image-2 {
top: 475px;
right: 10px;
}
.hero-image-1.logistics {
top: 375px;
right: 160px;
}
.hero-image-2.logistics {
top: 400px;
right: 10px;
}
.residential-hero-wrapper img {
width: 125px;
}
.industrial-hero-wrapper img {
width: 125px;
}
.residential-hero-wrapper {
padding-bottom: 230px;
}
.industrial-hero-wrapper {
padding-bottom: 240px;
} h2.industrial-header {
margin-bottom: 10px;
}
.eda-list-wrapper {
width: 300px;
} .band-our-approach h2 {
font-size: 60px;
}
.approach-sub-section h2 {
font-size: 42px;
line-height: 1.1;
} .band-how-why li br {
display: block;
}
}html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}