@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:100;src:local('Lato Hairline'),local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-s.woff)format('woff')}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHw.woff)format('woff')}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWA.woff)format('woff')}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHw.woff)format('woff')}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:100;src:local('Lato Hairline'),local('Lato-Hairline'),url(https://fonts.gstatic.com/s/lato/v13/GtRkRNTnri0g82CjKnEB0Q.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v13/EsvMC5un3kjyUhB9ZEPPwg.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face{font-family:'Lato';font-display:auto;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
/* latin-ext */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v10/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH80g7s_xPE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v10/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH80jbs_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v10/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHQEj6M7.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sortsmillgoudy/v10/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHoEjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/****************************************** 
Transitions
******************************************/
.hidden{opacity: 0;}
.visible{opacity: 1;}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown {
0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
0%{opacity:0;-o-transform:translateY(-20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft {
0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft {
0%{opacity:0;-o-transform:translateX(-20px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft {
0%{opacity:0;transform:translateX(-20px)}
100%{opacity:1;transform:translateX(0)}
}
/* Ripple Out */
@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
.hvr-ripple-out {display: inline-block;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background-color:#fff;padding:8px 20px;border-radius:4px;opacity:0.8;}
.hvr-ripple-out:before {border-radius:4px;content: '';position: absolute;border: #fff solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
/*Reset*/
*, *:before, *:after {box-sizing: border-box;}
/** {transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;}*/
html {scroll-behavior: smooth;  -webkit-text-size-adjust: none; text-size-adjust: none;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {margin: 0;}
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;font-family: Arial, Helvetica, sans-serif;}
h1,.h1{font-size:2.1rem}
h2,.h2{font-size:2.0rem}
h3,.h3{font-size:1.9rem}
h4,.h4{font-size:1.8rem}
h5,.h5{font-size:1.7rem}
h6,.h6{font-size:1.6rem}
a {text-decoration-skip-ink: auto;}
a:active,a:hover{outline:0}
img,picture {max-width: 100%;display: block;border:0}
input,button,textarea,select {font: inherit;line-height:normal}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
td{vertical-align:top}
pre{max-width: 50%;overflow: hidden}
label {padding: 6px 6px 6px 0;display: inline-block;}
input[type="text"], input[type="password"],  input[type="email"],select, textarea {width: 100%;padding: 12px; border: 1px solid #ccc;border-radius: 4px;resize: vertical;background-color: #fff;	}
input[type="button"], input[type="submit"], input[type="reset"] {background-color: #333;border: none;border-radius: 4px;color: white;padding: 10px 32px;text-decoration: none;margin: 4px 2px;cursor: pointer;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color: #666;}
input[type="file"]::file-selector-button {border: 2px solid #ccc;color: #666;padding: 8px;border-radius: 4px;background-color: #ffffff;}
input[type="file"]::file-selector-button:hover {background-color: #ccc;}
input[type="file"]::-webkit-file-upload-button {border: 2px solid #666;color: #666;padding: 8px;border-radius: 4px;background-color: #ffffff;}
input[type="file"]::-webkit-file-upload-button:hover {background-color: #ccc;}
input[type="checkbox"] {position: relative;cursor: pointer;}
input[type="checkbox"]:before {content: "";display: block;position: absolute;width: 16px;height: 16px;top: 0;left: 0;border: 1px solid #666;border-radius: 3px;background-color: white;}
input[type="checkbox"]:checked:after {content: "";display: block;width: 5px; height: 10px;border: solid black;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
.r-section {;padding-left: 50px;}
.r-section input[type="radio"]{display: none;}
.r-container {margin-bottom: 10px;}
.r-container label {position: relative;}
.r-container span::before,
.r-container span::after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
.r-container span.radio:hover {cursor: pointer;}
.r-container span.radio::before {left: -52px;width: 45px;height: 25px;background-color: #ccc;border-radius: 50px;}
.r-container span.radio::after {left: -49px;width: 17px;height: 17px;border-radius: 10px;background-color: #fff;transition: left .25s, background-color .25s;}
input[type="radio"]:checked + label span.radio::after {left: -27px;background-color: #EBFF43;}
/****************************************** 
Responsive framework
******************************************/
.container{width:100%;padding:0;margin:0 auto;}
.container .column{float:left;display:inline;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.row{width:90%;max-width:1300px;margin:0 auto}
@media (min-width: 1921px) {
.row{max-width:1500px}
}
.row::after {content: "";display: block; clear: both;}
/* grid*/
.row__grid-2col{display: grid;grid-template-columns: 2fr 1fr;grid-row-gap: 10px;grid-column-gap:40px;}
@media screen and (max-width:960px) {.row__grid-2col{grid-template-columns:1fr; grid-row-gap: 10px}}
.summaryCol-1{grid-area: summaryCol-1;}
.summaryCol-2{grid-area: summaryCol-2;}
.threeQuarters{width:75%}
.fullWidth{width:100%}
.oneHalf{width:50%;}
.oneThird{width:33.33%}
.twoThirds{width:66.66%}
.oneQuarter{width:25%}
.columns img, .row img, .row__grid-2col img{max-width:100%;height:auto}
/* Utility classes*/
.defaultList{margin:0 0 30px 20px;padding:0;width:90%}
.defaultList li{list-style-position:outside;margin:0;padding:0}
ol{margin:0 0 30px 20px;padding:0;width:90%}
ol li{list-style-position:outside;margin:0;padding:0}
.centerMe{text-align:center;margin:auto;}
hr {border-top: 1px solid #000;background: #fff;}
.offer{font-weight:700;font-size:1.3em;line-height:1.3em;margin:20px 0}
.hr-medium{margin:0 auto 0 auto; width: 60%;max-width: 700px}
.hr-short{margin:0 auto 0 auto; width: 60%;max-width: 500px;float: left}
.floatRight{float:right!important}
.floatLeft{float:left!important}
.clearAll{clear:both}
.largeText{font-size:120%}
.smallText{font-size:70%;line-height: 0.9rem;margin-top: 10px}
a[href^="mailto:"] {color: #42ACCA;}
.activeWebLink{font-weight:700}
.outer-box-shadow{-webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);-moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);}
.inner-box-shadow{-webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;-moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;}
.boldText,.bold{font-weight:600}
.callText{color: #3D879C;font-weight: 300;font-size: min(max(1.5rem, 3vw), 2.0rem); line-height: min(max(2.0rem, 3vw), 2.4rem);clear: both;text-align: center;padding:40px 0}
.opacity{opacity: 0.5;}
.displayNone{display:none}
.iFrame{border:0}
iframe{border:0}
.asTable{display:table}
.asCell{display:table-cell;vertical-align:middle;}
.breadCrumbs{margin: 0 0 20px 0;font-weight:400;font-size:80%;padding-top: 20px;text-align: right;word-spacing: 3px}
.voidLink a{cursor:default}
.paddingTop{padding-top:20px}
.paddingBottom{padding-bottom:40px}
.marginTop{margin-top:30px}
.marginBottom{margin-bottom:60px}
.btn{font-size:16px;font-weight:400;line-height:18px;display:inline-block;color: #fff}
.btn a{background-color:#339DDC;color:#fff!important;padding:12px 15px}
.btn a:hover{background-color:#f36;-o-transition:background 0.5s ease-in;-ms-transition:background 0.5s ease-in;-moz-transition:background 0.5s ease-in;-webkit-transition:background 0.5s ease-in;transition:background 0.5s ease-in;}
.btnA, .btnB {display: inline-block;margin: 10px 5px;border: 1px solid #26282C}
.btnA{display: inline-block;font-size:16px;text-align:center;font-weight:400;background-color:rgb(255,255,255);color:#26282C;padding:8px 18px;}
.btnB{display: inline-block;font-size:16px;text-align:center;font-weight:400;background-color:rgb(38,40,44);color:#fff;padding:8px 18px}
.btnA:hover, .btnB:hover{background-color:#D6BC76;-o-transition:background 0.5s ease-in;-ms-transition:background 0.5s ease-in;-moz-transition:background 0.5s ease-in;-webkit-transition:background 0.5s ease-in;transition:background 0.5s ease-in;}
.btnC{display:block;font-size:16px;text-align:center;font-weight:400;color:#fff;padding:4px 8px;border: 1px solid #fff;max-width: 150px;margin-top: 15px}
.btnC:hover{background-color:rgba(255,255,255,0.2)}
.numbers{font-family:Arial,Helvetica,sans-serif;color:#000;line-height:30px;border-radius:100%;height:30px;width:30px;border:1px solid #000;display:block;text-align:center;background-color:#fff;font-size:16px;margin:6px 15px 0 0}
.headSpace{height: 135px;background-color: #2e2e5b}
#sitemap .headSpace{margin-bottom: 0}
/* SVG icons*/
#sticky {padding-top: 20px;bottom: 120px;right:0; width:40px;height:100px;display:none;position:fixed;background: #9EBDD5;box-shadow: 0 0 6px #000;text-align: center;vertical-align: middle;border-radius: 8px 0  0 8px;z-index: 20;}
#arrowDown{display: inline-block;width: 100px;height: 100px; text-align: center}
.smallarrowDown svg{display: inline-block;width: 60px;height: 60px; text-align: center}
.chevron-compact-down svg{display:inline-block;width: 100px;height: 100px}
.chevron-compact-up svg{display:inline-block;width: 100%;height: auto}
/*.chevron-compact-left{display:inline-block;aspect-ratio: 1/1;min-width: 16px; min-height: 16px;background-image: url("../svg/chevron-compact-left.svg"); background-size:100%;mask-image: url("../svg/chevron-compact-down.svg");background-repeat: no-repeat}
.chevron-compact-right{display:inline-block;aspect-ratio: 1/1;min-width: 16px; min-height: 16px;background-image: url("../svg/chevron-compact-right.svg"); background-size:100%;mask-image: url("../svg/chevron-compact-down.svg");background-repeat: no-repeat}
*/
.chevron-compact-up {will-change: transform;transition: transform 450ms;} 
.chevron-compact-up:hover {transition: transform 125ms;transform: translateY(-10px) }
.chevron-compact-down {will-change: transform;transition: transform 450ms;} 
.chevron-compact-down:hover {transition: transform 125ms;transform: translateY(10px) }
.w-25{width: 25px;height: auto}
.w-35{width: 35px;height: auto}
.w-40{width: 40px;height: auto}
.w-50{width: 50px;height: auto}
.w-100{width: 100px;height: auto;}
.fill-white{ filter: invert(1);}
/* responsive containers*/
.video-container{width:100%; margin:20px 0} 
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;background-color: #26282C}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
/* homepage video*/

@media(min-width:961px){ 
#desktopVideo{display: block}
#mobileVideo{display: none;visibility: hidden}
}
@media(max-width:960px){ 
#desktopVideo{display: none;visibility: hidden}
#mobileVideo{display: block}
}
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.map-location{width: 50px;height: auto;}
.locationIconBox{display: inline-flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;text-align: center;padding: 10px;height: 130px;width: 130px;margin-top: 30px;}
.flex-container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;text-align: center;column-gap: 1rem;}
.flex-content {}/* optimised for multiple odd/even components eg lists*/
.grid-auto{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) )}	/* use flex to position the content */
.grid-3c {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 10px; grid-column-gap: 10px } /* three columns responsive components*/
.item {background-color: #fff;display: flex;padding: 20px;}
.item.content{text-align: left;min-height: 300px;}
@media screen and (max-width:960px) { .grid-3c{grid-template-columns: 100%;}} /* breakpoint for columns */
@media(max-width:420px){table,thead,tbody,th,td,tr{display:block}table{margin:0;}th{display: none}} /* breakpoint for tables */
/****************************************** 
APPS styles
******************************************/
/*--- ScrollFade Specific ---*/
.scrollFade {opacity: 1;pointer-events: all;}
.scrollFade--hidden {opacity: 0;pointer-events: none;}
.scrollFade--visible {opacity: 1;pointer-events: all;}
.scrollFade--animate {transition: opacity 0.6s ease-in-out;}
/****************************************** 
Parallax styles
******************************************/
.parallax__container {clip: rect(0, auto, auto, 0);height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;z-index: -100;background-color:#27282c}
.parallax {background-position: center;background-repeat: no-repeat;background-size: cover;position: fixed;top: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;width: 100%;}
 .parallax .vail{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9;background-color: rgba(0,0,0,0.2);}
 /* Pallax Wrappers using Flex*/
.flex-block-container {-webkit-align-items: center;align-items: center;display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-align: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;position: relative;width: 100%;}
.flex-block-container--full {height: 80vh;min-height: 800px;}
.flex-block-container--fuller {height: 100vh;min-height: 800px;}
.flex-block-container--medium {height: 65vh;min-height: 600px;}
.flex-block-container--small {height: 40vh;min-height: 300px;}
.flex-block-container .content-center {margin: 0 auto;width: 100%;max-width: 730px;text-align: center;}
.flex-block-container .content-left {margin: 0 auto;width: 90%;max-width: 730px;text-align: left;}
/****************************************** 
Navigation
******************************************/
#toggleButton{display:none;}
#toggleButton svg{margin:6px 0 0 5px}
/* RESPONSIVE */
@media (min-width: 960px) {
.activeLink{color:#9EBDD5!important}
.nav-submenu-item .activeLink:hover{color:#fff!important}
#sideNav{position: relative; text-align: right; height:40px; width:100%;padding:0;top: 86px}
#main-menu{display: inline-block;left: 20px;right: 0; width:auto;min-width:590px;font-size:18px;padding:0;margin:auto;font-weight:400;text-align:right;}
.nav a{color:#000;font-size:1rem;font-weight:400}
.nav ul{line-height:2.6em;padding:0;margin:0;list-style-type:none;background:rgba(38,38,38,0.8);-moz-box-shadow:0 5px 12px rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.3);box-shadow:0 5px 12px rgba(0,0,0,0.3)}
.nav-list{text-align:left}
.nav-item{float:left;display:inline;position:relative}
.nav-item a,.nav-item a:visited{color:#fff;padding:3px 10px;text-decoration: none}
.nav-item a:hover{color:#9EBDD5}
.nav-item:hover .nav-submenu{display:block}
.nav-submenu{display:none;position:absolute;left:0;width:320px;list-style-type:none!important;line-height:20px;padding:0 0 0 0!important;margin:0;z-index: 9}
.nav-submenu li{padding:0;margin:0;line-height:20px;list-style-position:outside;overflow:hidden;}
.nav-submenu-item a{display:block;padding:5px 15px;margin:0 10px 0 10px;font-size:80%}
.nav-submenu-item a:hover{background-color:#7D98AD;color: #fff}
.cl-effect-4 a::after{position:absolute;top:100%;left:0;width:100%;height:1px;background:#DDB865;content:'';opacity:0;-webkit-transition:height 0.3s,opacity 0.3s,-webkit-transform 0.3s;-moz-transition:height 0.3s,opacity 0.3s,-moz-transform 0.3s;transition: height 0.3s, opacity 0.3s,transform 0.3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px);}
.cl-effect-4  a:hover::after,.cl-effect-4 a:focus::after{height:3px;opacity:1;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px);}
}
@media (max-width: 960px) {
.activeLink{font-weight:700}
#toggleButton{display:inline-block;}
#sideNav{position:absolute;top:0;left:0;text-align:left;height:100%;min-height:900px;width:clamp(320px, 80vw, 100vw); padding:0;z-index:50;display:none;background-color:#fff;-webkit-box-shadow: 0px 9px 9px -4px rgba(0,0,0,0.23); box-shadow: 0px 9px 9px -4px rgba(0,0,0,0.23);overflow: hidden}
.nav{padding:0;margin:0;height:100%;min-width:400px;text-align: left}
.nav a{font-size:16px;line-height:2em;}
.nav li{width:100%;display:block;padding:0;margin:0}
.nav-submenu{display:block;padding:0!important;}
.nav-submenu li{display:block;padding:0}
.voidLink a{color:#2684bb!important}
.plus{display:none}
.voidLink a{cursor:default}
.nav-list{padding: 0 0 0 20px}
.nav ul{line-height:20px;}
.nav-submenu-item a{display:block}
.nav-submenu-item li{line-height:20px}
.nav-item a,.nav-item a:visited{color:#000;padding:0}
.nav-submenu-item a:hover{background-color:transparent!important;outline : none;}
#voidServices{display:none}
.cl-effect-4 a::after{background:#fff}}
/****************************************** 
PAGE Styles
******************************************/
/* body */
html{width: 100%;height: 100%;}
body {animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes fadeInAnimation {0% {opacity: 0;}100% {opacity: 1;}}
body {font-family:'Lato',Helvetica,Arial,sans-serif;font-size: 1em;background-color: #fff;color: #000}
/*text*/
a,a:visited{text-decoration:none;color:#5F7586}
a:hover{text-decoration:none;color:#9EBDD5}
p{margin:0 0 20px;font-size: min(max(1.1rem, 3vw), 1.05rem); line-height: min(max(1.45rem, 3vw), 1.6rem);padding-right: 2vw;}
#document h1 {font-weight:400;font-family:'Lato',Helvetica,Arial,sans-serif;font-size: min(max(1.5rem, 3vw), 1.8rem); line-height: min(max(2.0rem, 3vw), 2.2rem)}
#document h2 {font-weight:400;font-family:'Lato',Helvetica,Arial,sans-serif; font-size: min(max(1.4rem, 3vw), 1.7rem); line-height: min(max(1.9rem, 3vw), 2.1rem)}
#document h3{font-weight:400;font-family:'Lato',Helvetica,Arial,sans-serif; font-size: min(max(1.5rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem)}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 10px 0;color:#333;font-weight:400;font-family: 'Sorts Mill Goudy', serif;}
h1,.h1{font-size: min(max(1.9rem, 3vw), 2.2rem); line-height: min(max(2.2rem, 3vw), 2.5rem)}
h2,.h2{font-size: min(max(1.7rem, 3vw), 2.0rem); line-height: min(max(2.1rem, 3vw), 2.4rem)}
h3,.h3{font-size: min(max(1.6rem, 3vw), 1.9rem); line-height: min(max(2.1rem, 3vw), 2.4rem)}
h4,.h4{font-size: min(max(1.5rem, 3vw), 1.8rem); line-height: min(max(2.0rem, 3vw), 2.2rem)}
h5,.h5{font-size: min(max(1.4rem, 3vw), 1.7rem); line-height: min(max(1.9rem, 3vw), 2.1rem)}
h6,.h6{font-size: min(max(1.5rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem)}
#container-2 .content-center{margin: 0 auto;width: 100%;max-width: 930px;text-align: center;padding:100px 10px;color: #fff;}
#container-2 p, #container-2 .h1 {color: #fff;text-shadow: 2px 2px 6px #000000;font-weight: 400;font-size: min(max(1.9rem, 3vw), 2.8rem); line-height: min(max(2.2rem, 3vw), 3rem)}
#container-2 .hvr-ripple-out{color: #000}
/* header*/
.header{-webkit-box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.71); box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.71)}
#header{position: absolute; line-height:1.4em;font-size:.8em;width:100%;height:135px;z-index:10;color:#fff;background:rgba(38,38,38,0.7)}
.basicPage #header{background:rgba(38,38,38,0.9)}
#header .row{min-height: 130px;position: relative}
#logo{width:30%;height: auto;max-width: 350px;position: absolute;top:15px;left: 0;}
#headerContacts{text-align: right; position: absolute;right: 10px; top:30px;font-size: min(max(1.3rem, 2vw), 1.5rem);line-height: min(max(1.3rem, 2vw), 1.5rem);font-family: 'Sorts Mill Goudy', serif;}
#headerContacts a{font-family:serif;}
.spacer{height: 135px;background-image: url("../images/bg-head-spacer.jpg");background-repeat: no-repeat;background-size: cover}
#headerContacts a{color: #fff}
#header-utility{display: none}
.utility-icon{width: 25px; height: 25px; margin-right: 10px; overflow: hidden;float: left;line-height: 1.4em;}
.locationIcon{width: 25px;height: 25px;}
.telicon{width: 25px;height: 25px;}
.instagramIcon{width: 25px;height: 25px;}
.facebookIcon{width: 25px;height: 25px;}
/* splash*/
.splash{height: 85vh;min-height: 750px;overflow: hidden;position: relative;text-align: center;}
.splash .row{position: relative;width: 100%}
.splash--splash-text .h1{color: #fff; font-weight:400;text-shadow:2px 2px 5px rgba(0,0,0,1);font-size: min(max(2.1rem, 4vw), 2.5rem); line-height: min(max(2.3rem, 4vw), 2.7rem);margin: 0}
.splash--splash-text p{font-weight:700;font-size:1.4rem;line-height: normal;text-shadow:4px 4px 11px rgba(0,0,0,1);text-align: center;margin: 0 auto 0 auto;padding:0}
.splash--splash-text{position: absolute;top:65vh;width: 100%;max-width: 1200px;padding: 20px 20px 40px 20px;color: #fff;overflow: hidden;z-index: 9;margin: auto;left: 0;right: 0;text-align: center}
/* splash header*/
.parallax-splash-1{background-image: url("../images/splash/bg-24.jpg");background-position: 50% 50%}/* horizontal vertical*/
.parallax-splash-2{background-image: url("../images/splash/bg-2.jpg");background-position: 25% 50%}
.parallax-splash-3{background-image: url("../images/splash/bg-4.jpg"); background-position: 50% 50%}
.parallax-splash-4{background-image: url("../images/splash/bg-3.jpg"); background-position: 50% 50%}
.parallax-splash-5{background-image: url("../images/splash/bg-5.jpg"); background-position: 50% 50%}
.parallax-splash-6{background-image: url("../images/splash/bg-22.jpg"); background-position: 50% 50%}
.parallax-splash-7{background-image: url("../images/splash/bg-20.jpg"); background-position: 50% 50%}
.parallax-splash-8{background-image: url("../images/splash/bg-21.jpg"); background-position: 0 50%}
.parallax-splash-9{background-image: url("../images/splash/bg-9.jpg"); background-position: 50% 50%}
.parallax-splash-10{background-image: url("../images/splash/bg-10.jpg"); background-position: 50% 50%}
.parallax-splash-11{background-image: url("../images/splash/bg-19.jpg"); background-position: 50% 50%}
.parallax-splash-12{background-image: url("../images/splash/bg-12.jpg"); background-position: 50% 50%}
.parallax-splash-13{background-image: url("../images/splash/bg-13.jpg"); background-position: 50% 50%}
.parallax-splash-14{background-image: url("../images/splash/bg-14.jpg"); background-position: 50% 50%}
.parallax-splash-15{background-image: url("../images/splash/bg-15.jpg"); background-position: 50% 50%}
.parallax-splash-16{background-image: url("../images/splash/bg-16.jpg"); background-position: 50% 50%}
.parallax-splash-17{background-image: url("../images/splash/bg-26.jpg"); background-position: 50% 50%}
.parallax-splash-18{background-image: url("../images/splash/bg-18.jpg"); background-position: 50% 50%}
.parallax-splash-19{background-image: url("../images/splash/bg-8.jpg"); background-position: 50% 50%}
.parallax-splash-20{background-image: url("../images/splash/bg-25.jpg"); background-position: 50% 50%}
.parallax-splash-21{background-image: url("../images/splash/bg-23.jpg"); background-position: 50% 50%}
.parallax-splash-22{background-image: url("../images/splash/bg-12.jpg"); background-position: 50% 50%}
.parallax-splash-23{background-image: url("../images/splash/bg-27.jpg"); background-position: 50% 50%}
.parallax-splash-24{background-image: url("../images/splash/bg-28.jpg"); background-position: 55% 50%}
.parallax-splash-25{background-image: url("../images/splash/bg-29.jpg"); background-position: 50% 50%}


/* splash footer*/
.parallax-footer-1{background-image: url("../images/splash/bg-4.jpg")}
@media screen and (max-width:960px) {
/* splash header*/
.splash{height: 100vh;}
.parallax-splash-1{background-image: url("../images/splash/bg-24-M.jpg");}
.parallax-splash-2{background-image: url("../images/splash/bg-2-M.jpg");}
.parallax-splash-3{background-image: url("../images/splash/bg-4-M.jpg");background-position: 30% 100%}
.parallax-splash-4{background-image: url("../images/splash/bg-3-M.jpg"); background-position: 50% 50%}
.parallax-splash-5{background-image: url("../images/splash/bg-5-M.jpg"); background-position: 50% 50%}
.parallax-splash-6{background-image: url("../images/splash/bg-22-M.jpg"); background-position: 50% 50%}
.parallax-splash-7{background-image: url("../images/splash/bg-20-M.jpg"); background-position: 50% 100%}
.parallax-splash-8{background-image: url("../images/splash/bg-21-M.jpg"); background-position: 20% 50%}
.parallax-splash-9{background-image: url("../images/splash/bg-9-M.jpg"); background-position: 20% 0}
.parallax-splash-10{background-image: url("../images/splash/bg-10-M.jpg"); background-position: 50% 50%}
.parallax-splash-11{background-image: url("../images/splash/bg-19-M.jpg"); background-position: 50% 50%}
.parallax-splash-12{background-image: url("../images/splash/bg-12-M.jpg"); background-position: 50% 50%}
.parallax-splash-13{background-image: url("../images/splash/bg-13-M.jpg"); background-position: 50% 50%}
.parallax-splash-14{background-image: url("../images/splash/bg-14-M.jpg"); background-position: 50% 50%}
.parallax-splash-15{background-image: url("../images/splash/bg-15-M.jpg"); background-position: 50% 50%}
.parallax-splash-16{background-image: url("../images/splash/bg-16-M.jpg"); background-position: 50% 50%}
.parallax-splash-18{background-image: url("../images/splash/bg-18-M.jpg"); background-position: 40% 30%}
.parallax-splash-19{background-image: url("../images/splash/bg-8-M.jpg"); background-position: 50% 50%}
.parallax-splash-20{background-image: url("../images/splash/bg-25-M.jpg"); background-position: 50% 50%}
.parallax-splash-17{background-image: url("../images/splash/bg-26-M.jpg"); background-position: 50% 50%}
.parallax-splash-21{background-image: url("../images/splash/bg-23-M.jpg"); background-position: 50% 50%}
.parallax-splash-22{background-image: url("../images/splash/bg-12-M.jpg"); background-position: 50% 50%}
.parallax-splash-23{background-image: url("../images/splash/bg-27-M.jpg"); background-position: 50% 50%}

/* splash footer*/
.parallax-footer-1{background-image: url("../images/splash/bg-4-M.jpg")}
}

/* main*/
.main{padding:0;}
#intro{background-color: #26282c;background-image: url("../images/bg-tile.jpg");background-repeat: repeat-x}
.introText{padding:20px 0 50px 0;color: #b2b1b1;text-align: center;}
.introText h1{font-weight:300;font-size: min(max(1.2rem, 3vw), 1.4rem); line-height: min(max(2.0rem, 3vw), 2.5rem);color: #b2b1b1;margin: 10px 0 0 0;text-transform: uppercase}
.introText p{padding:0;width: 90%;margin: auto;max-width: 900px}
.hawk{width: 80px;height: auto;margin: 5px auto 0 auto}
/* page summary*/
#summary {background-color:#e8e8e8;padding: 60px 0; }
#summary .row{display: grid;grid-template-columns: 2fr 1fr;grid-row-gap: 0;grid-column-gap:0;	grid-template-areas: 'summaryCol-1 summaryCol-2';}
@media screen and (max-width:960px) {#summary .row{grid-template-columns:1fr; grid-row-gap: 10px;grid-template-areas: 'summaryCol-2' 'summaryCol-1'; }}
.summaryCol-1{grid-area: summaryCol-1;}
.summaryCol-2{grid-area: summaryCol-2;}
/* partners */
.partners {width: 100%;margin-bottom:min(max(30px, 3vw), 80px);margin-top:min(max(100px, 5vw), 1500px)}
.partners img{width: 100%;height: auto}
/* highlights*/
.highlight * {transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;}
.highlight__grid-container {width: 100%;max-width: 1700px; margin:80px auto 80px auto; display: grid;grid-template-columns: 1fr 1fr 1fr; /* column widths */grid-template-rows: minmax(400px, auto); /* column heights */column-gap: 1vw;row-gap: 20px;background-color: #fff;grid-template-areas: 'highlight-item__a highlight-item__b highlight-item__c'; /*column layout*/}
.highlight-item {display: flex;position: relative;padding: 20px;color: #fff}
.highlight-item__a {grid-area: highlight-item__a;background-image: url("../media/template/bg-litePackage.jpg");background-repeat: no-repeat;background-size: cover;}
.highlight-item__b {grid-area: highlight-item__b;background-image: url("../images/highlights//image2.jpg");background-repeat: no-repeat;background-size: cover;}
.highlight-item__c {grid-area: highlight-item__c;background-image: url("../images/highlights//image3.jpg");background-repeat: no-repeat;background-size: cover;}
.highlight-item__content {display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 9;background-color: rgba(0,0,0,0.3);}
.highlight-item__content:hover {background-color: rgba(0,0,0,0.6)}
.highlight-item__content:hover section {padding-bottom: 100px}
.highlight-item__content section {display: block;position: absolute;bottom: 0;padding: 40px;}
.highlight-item__content h3 {margin: 0;color: #fff;font-size: min(max(1.5rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem)}
.highlight-item__content p {margin-top: 0;padding-right:10px }
@media screen and (max-width: 900px) {
.highlight__grid-container {grid-template-columns: 100%;
/* column widths */
grid-template-rows: minmax(400px, auto) minmax(400px, auto) minmax(400px, auto);/* column heights */
grid-template-areas: 'highlight-item__a' 'highlight-item__b' 'highlight-item__c'  /*column layout*/}
}
/* highlights end*/
.strap{text-align: center}
.strap img{margin:0 auto 10px auto;}
.strap p{text-align: center;width: 100%;max-width: 700px; margin: auto}
/* project*/
.project {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-row-gap:2vw; grid-column-gap: 2vw;width: 100%;max-width: 1500px;margin: 40px 0;}
.project__item {display: flex;color: #000;}
.project__content{text-align: left;width: 100%}
.project__image{height: 280px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.project h4 {font-size: 1.4rem; margin: 10px 0 0 0;color: #5F7586}
.project p  {font-size: 1rem; line-height: normal; margin: 0;width: 100%;padding: 0;}
.project a:hover {color: #000;}
.project a  {color: #5F7586;}
@media screen and (max-width: 380px) {
.project {grid-template-columns: repeat(auto-fit, minmax(290px, 1fr))}
}
/* project 1*/
.project__1 .image1{background-image: url("../images/projects/project-1.jpg")}
.project__1 .image2{background-image: url("../images/projects/project-2.jpg")}
.project__1 .image3{background-image: url("../images/projects/project-3.jpg")}
.project__1 .image4{background-image: url("../images/projects/project-4.jpg")}
.project__1 .image5{background-image: url("../images/projects/project-5.jpg")}
.project__1 .image6{background-image: url("../images/projects/project-6.jpg")}
.project__1 .image7{background-image: url("../images/projects/project-7.jpg")}
.project__2 .image1{background-image: url("../images/projects/project-11.jpg")}
.project__2 .image2{background-image: url("../images/projects/project-13.jpg")}
.project__2 .image3{background-image: url("../images/projects/project-14.jpg")}
.project__2 .image4{background-image: url("../images/projects/project-15.jpg")}
.project__2 .image5{background-image: url("../images/projects/project-12.jpg")}
.project__2 .image6{background-image: url("../images/projects/project-16.jpg")}
/* spotlights*/
.gCards h2{margin:80px 0 20px  0;text-align: center}
.gCards__grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(46%, auto));grid-row-gap:3vw;grid-column-gap: 3vw;margin-bottom: 60px}
@media screen and (max-width: 700px) {
.gCards__grid {grid-template-columns: repeat(auto-fit, minmax(auto, 100vw));}
.project p  {margin-bottom: 10px}
}
.gCards__grid .cellWrapper {display: flex;	justify-content: center;align-items: center;text-align: center;}
.gCards__grid .innerCell h3{color: #fff;margin:0 auto 10px auto;line-height: 1.5rem;width: 80%;}
.gCards__grid .innerCell p{color: #fff;margin: 0 auto 20px auto;line-height: normal;width: 80%;text-align: center}
.gCards__grid .innerCell {color:#fff;font-size: 18px; line-height: normal;width:100%;}
.gCards__grid .boxCell{position:relative;aspect-ratio: 1/1;padding-top: 100%}
.gCards__grid .boxCell .cellWrapper{position: absolute;bottom: 0;left: 0;right: 0;background-color:rgba(38,40,44,0.5);overflow: hidden;width: 100%;height: 0;transition: .5s ease;}
.gCards__grid .boxCell:hover .cellWrapper{height: 100%;-webkit-box-shadow: 0px 21px 13px -7px rgba(0,0,0,0.48);-moz-box-shadow: 0px 21px 13px -7px rgba(0,0,0,0.48);box-shadow: 0px 21px 13px -7px rgba(0,0,0,0.48);}
.cellWrapper .innerCell .btnD{display: inline-block;padding:10px;border: 1px solid #fff}
.cellWrapper .innerCell a .btnD{color: #fff}
.cellWrapper .innerCell .btnD:hover{background-color:rgba(255,255,255,0.2);-o-transition:background 0.5s ease-in;-ms-transition:background 0.5s ease-in;-moz-transition:background 0.5s ease-in;-webkit-transition:background 0.5s ease-in;transition:background 0.5s ease-in;}
#gCards__homepage #cellOne{width: 100%;background:url( "../images/cards/box-32b.jpg") no-repeat;background-position:50% 50%; background-size:cover}
#gCards__homepage #cellTwo{width: 100%;background:url( "../images/cards/box-2.jpg") no-repeat;background-position:50% 50%; background-size:cover;}
#gCards__homepage #cellThree{width: 100%;background:url( "../images/cards/box-3.jpg") no-repeat;background-position:50% 50%; background-size:cover;}
#gCards__homepage #cellFour{width: 100%;background:url( "../images/cards/box-1.jpg") no-repeat;background-position:50% 50%; background-size:cover}
/* cards end*/
/* PAGE CONTENT */
.page__section .oneHalf{width:50%;margin-bottom: 4%}
.page__section .pageText, .page__section .pageText2{width:50%;margin-bottom: 4%}
.pageSlide{width:50%;margin-bottom: 1%}
.imageBlock{width: 96%;padding-top: 96%}
#slider1{width: 100%;}
.rslides_container {position: relative;float: right;width: 96%; }
.pageText h2, .pageText2 h2{text-transform: uppercase }
.pageText h3, .pageText2 h3{text-transform: uppercase }
	@media (max-width: 1350px) {
.page__section .oneHalf{width:100%;margin-bottom: 4%}
.imageBlock{width: 100%}
.page__section .pageText{width:50%;margin-bottom: 4%}
.page__section .pageText2{width:100%;margin-bottom: 4%}
.pageSlide{width:50%;margin-bottom: 1%}
}
@media (max-width: 900px) {
/* set under 1000px */
.page__section .pageText, .page__section .pageText2{width:100%;margin-bottom: 4%}
.pageSlide{width:100%;}
.rslides_container {width: 100%!important; }
}
#page__commercial #imageBlock-1 {background:url( "../images/cards/box-5.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__commercial #imageBlock-2 {background:url( "../images/cards/box-6.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__commercial #imageBlock-3 {background:url( "../images/cards/box-7.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__architects #imageBlock-1 {background:url( "../images/cards/box-8.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__architects #imageBlock-2 {background:url( "../images/cards/box-1.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__architects #imageBlock-3 {background:url( "../images/cards/box-9.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__about #imageBlock-1 {background:url( "../images/cards/box-12.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__about #imageBlock-2 {background:url( "../images/cards/box-10.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__about #imageBlock-3 {background:url( "../images/cards/box-11.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__steel #imageBlock-1 {background:url( "../images/cards/box-13.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__steel #imageBlock-2 {background:url( "../images/cards/box-36.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__steel #imageBlock-3 {background:url( "../images/slides/steel/slide-6.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__bronze #imageBlock-1 {background:url( "../images/cards/box-37.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__bronze #imageBlock-2 {background:url( "../images/cards/box-38.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__bronze #imageBlock-3 {background:url( "../images/cards/box-39.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__sash #imageBlock-1 {background:url( "../images/cards/box-46.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__sash #imageBlock-2 {background:url( "../images/cards/box-45.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__sash #imageBlock-3 {background:url( "../images/cards/box-44.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__secondary #imageBlock-1 {background:url( "../images/cards/box-47.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__secondary #imageBlock-2 {background:url( "../images/cards/box-2.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__secondary #imageBlock-3 {background:url( "../images/cards/box-48.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-1 {background:url( "../images/cards/box-49.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__mirror #imageBlock-2 {background:url( "../images/cards/box-50.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-3 {background:url( "../images/cards/box-56.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-4 {background:url( "../images/cards/box-57.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-5 {background:url( "../images/cards/box-58.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-6 {background:url( "../images/cards/box-59.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-7 {background:url( "../images/cards/box-60.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-8 {background:url( "../images/cards/box-61.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__mirror #imageBlock-9 {background:url( "../images/cards/box-62.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__restoration #imageBlock-2 {background:url( "../images/cards/box-40.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__restoration #imageBlock-3 {background:url( "../images/cards/box-14.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__shakespears #imageBlock-2 {background:url( "../images/cards/box-21.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__shakespears #imageBlock-3 {background:url( "../images/cards/box-29.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__glass #imageBlock-1 {background:url( "../images/cards/box-22.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__glass #imageBlock-2 {background:url( "../images/cards/box-55.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__glass #imageBlock-3 {background:url( "../images/cards/box-25.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__knowledge #imageBlock-2 {background:url( "../images/cards/box-28.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__knowledge #imageBlock-3 {background:url( "../images/cards/box-25.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__joinery #imageBlock-1 {background:url( "../images/cards/box-41.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__joinery #imageBlock-2 {background:url( "../images/cards/box-42.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__joinery #imageBlock-3 {background:url( "../images/cards/box-43.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__haseley #imageBlock-1 {background:url( "../images/cards/box-17.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1;}
#page__haseley #imageBlock-2 {background:url( "../images/cards/box-17.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__haseley #imageBlock-3 {background:url( "../images/cards/box-24.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__broadway #imageBlock-2 {background:url( "../images/slides/broadway/slide-8.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__broadway #imageBlock-3 {background:url( "../images/slides/broadway/slide-2.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__naunton #imageBlock-2 {background:url( "../images/slides/naunton/slide-1.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__naunton #imageBlock-3 {background:url( "../images/slides/naunton/slide-4.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__greenhayse #imageBlock-2 {background:url( "../images/slides/greenhayse/slide-1.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__greenhayse #imageBlock-3 {background:url( "../images/slides/greenhayse/slide-4.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__compton #imageBlock-1 {background:url( "../images/slides/compton/slide-2.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__compton #imageBlock-2 {background:url( "../images/slides/compton/slide-1.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__compton #imageBlock-3 {background:url( "../images/slides/compton/slide-2.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__survey #imageBlock-1 {background:url( "../images/cards/box-52.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
#page__estates #imageBlock-1 {background:url( "../images/cards/box-54.jpg") no-repeat;background-position:50% 50%; background-size:cover;position:relative;aspect-ratio: 1/1}
.serviceList {display: flex;flex-direction: row;flex-wrap: wrap;margin: auto;justify-content: center;align-items: center;text-align: center;column-gap:20px;grid-row-gap: 20px;margin-top: 60px}
.serviceList__item {width: min(max(320px, 21vw), 485px);overflow: hidden;position: relative;border:  2px solid #F4F1F1;background-color: #fff;border-radius:10px}
.serviceList__item svg{width: 40px;height: auto;fill: #014B60}
.serviceList .item-content{padding: min(max(0px, 3vw), 20px);color: #666;min-height: 200px}
.serviceList .item-content p{margin: 0;padding: 0; font-size: min(max(0.8rem, 3vw), 1rem); line-height: min(max(1rem, 3vw), 1.2rem);font-weight: 400}
.serviceList .item-content h6,.h6{font-size: min(max(1.1rem, 3vw), 1.4rem); line-height: min(max(1.3rem, 3vw), 1.6rem);margin:0;font-weight: 400;white-space: nowrap;color: #333}
.serviceList .item-content svg{width: 64px;height: 64px}
.logoList {display: flex;flex-direction: row;flex-wrap: wrap;margin: auto;justify-content: center;align-items: center;text-align: center;column-gap:20px;grid-row-gap: 20px;margin-top: 60px}
.logoList__item {width: min(max(320px, 21vw), 485px);overflow: hidden;position: relative;border:  2px solid #F4F1F1;background-color: #fff;border-radius:10px}
.logoList__item .item-content{padding: min(max(0px, 3vw), 20px);color: #666;min-height: 130px}
.logoList__item .item-content .viewMe {position: absolute;z-index: 99; height: 100%;width: 100%; display: none;background-image: url("../lightbox/images/search.svg");background-repeat: no-repeat;background-position: 50% 45%;background-size: 30%;}
.logoList a:hover .viewMe {display: block}
.logoList a:hover img{opacity: 0.5;transition: 0.3s;}
.standards {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;column-gap:20px;grid-row-gap: 20px;margin: 30px 0 80px 0;}
.standards__item {width: min(max(250px, 15vw), 400vw);overflow: hidden;position: relative;border:  1px solid #F4F1F1;background-color: #FDFDFD;border-radius: 6px}
.standards__item svg{width: 40px;height: auto;}
.standards .item-content{padding: min(max(0px, 3vw), 20px);color: #666;min-height: 180px;text-align: center;width: 100%}
.standards .item-content p{margin: 0;padding: 0; font-size: min(max(0.8rem, 3vw), 1rem); line-height: min(max(1rem, 3vw), 1.2rem);font-weight: 400;text-align: center;}
.standards .item-content .h5{font-size: min(max(1.1rem, 3vw), 1.4rem); line-height: min(max(1.3rem, 3vw), 1.6rem);margin:0;font-weight: 400;color: #333}
.laptop{margin: 0 auto 40px auto}
#quoteBlock{width: 90%;max-width: 1000px; text-align: center;margin: 40px auto 0 auto;border-radius: 10px;padding: 20px 0;background-color:#fbfbfb;border:1px solid #E8E8E8;overflow: hidden}
.clientQuotes{display: none;}
.thisQuote{width: 90%;margin: 0 auto 5px auto;padding: 0;font-size:1.6rem;line-height: 1.8rem; color: #333;font-weight: 300;text-align: center}
.credit{font-size: 80%;width: 400px;text-align: center;margin: auto;color: #000;padding: 0;letter-spacing: 1px}
/* Grow Shadow */
.hvr-grow-shadow {vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: box-shadow, transform;transition-property: box-shadow, transform;}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);-webkit-transform: scale(1.1); transform: scale(1.1);}
article{margin-top: 40px}
.accreditation hr{border-top: 1px dashed #ccc; margin: 50px 0;width: 60%;}
.accreditation .h5{font-size: min(max(1.2rem, 3vw), 1.5rem); line-height: min(max(1.2rem, 3vw), 1.5rem);font-weight: 300}
.accreditation .h6{font-size: min(max(1.0rem, 3vw), 1.3rem); line-height: min(max(1.0rem, 3vw), 1.3rem);font-weight: 400}
#contactDiv{position:absolute;bottom:0;text-align:left;height:100%;width:100%;padding:0;z-index:100!important;display:none;background-color:rgba(0,0,0,0.6)}
.contactPopBox{border: 1px solid #000;-webkit-box-shadow:-1px 3px 15px 9px rgba(0,0,0,0.04);-moz-box-shadow:-1px 3px 15px 9px rgba(0,0,0,0.04);box-shadow:-1px 3px 15px 9px rgba(0,0,0,0.04);font-size:100%;position:absolute;top:10%;left:0;right:0;width:90%;max-width:1000px;margin:0 auto;background-color:#edebe8;padding:2vw;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;}
.conTop{position: absolute;right:1vw;top: 1vw;z-index: 20;height:50px;width:50px;background-color: #fff;display:flex;text-align: center;  align-items: center;justify-content: center;border-radius: 100%}
.conTop svg{height:30px;width:30px;margin-top: 4px}
#Cform{width: 80%;}
#botField{width:100px}
#form-messages{width:auto; max-width:400px; margin-top: 20px; font-weight:bold}
.warning{font-weight:bold}
.success{padding:10px;background-color:#DEFCCF;border:1px solid green;border-radius:6px}
.error{padding:10px; background-color:#FBC1B6;border:1px solid red;border-radius:6px}
/* quotes widget */
.topGQuotes{display:none;margin-left: 10px;font-family:'Lato',Helvetica,Arial,sans-serif;}
#quoteTicker{color:#333;display: table; width:280px;height: auto; background-color: #fff;border: 1px solid #ccc;border-radius: 10px; position: fixed;bottom: 20px;left:20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.49);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.49);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.49);}
#quoteTicker a{text-decoration: none;color:#333 }
#quoteTicker a:hover{color:#0000EE  }
.cls-1 {fill: #fbbb00;}
.cls-2 {fill: #518ef8;}
.cls-3 {fill: #28b446;}
.cls-4 {fill: #f14336;}
#xclick{height: 20px; width: 20px;}
#google{height: 40px; width: 40px;margin:5px 10px 0 10px;}
.iconBox{width: 60px; height:auto;display: table-cell;vertical-align: middle;border-right: 1px solid #ccc;background-color: #f5f5f5;border-top-left-radius: 10px;border-bottom-left-radius: 10px}
.quoteBox{width:auto; height: 65px; display: table-cell;vertical-align: middle;}
.reviews-close{margin:5px;opacity:0.0;position: absolute;top: 0;right:0;cursor: pointer;}
#quoteTicker:hover .reviews-close {opacity:0.4}
#quoteTicker .reviews-close:hover {opacity:1}
.star{width:15px;height: 15px;}
.quoteBox p{margin: 0;font-size:0.8em;font-weight:300;line-height:18px;padding: 0}
.clientName{color: #a9a8a8}
/* accordian*/
#box1 {background-color: rgba(40, 61, 129, 0.5);}
#box2 {background-color: rgba(40, 61, 129, 0.6)}
#box3 {background-color: rgba(40, 61, 129, 0.7)}
#box4 {background-color: rgba(40, 61, 129, 0.8)}
#box5 {background-color: rgba(40, 61, 129, 0.9)}
/* review */
.review{padding-bottom: 40px;margin-top: 40px;}
.review p{font-size: 120%;color: #333;font-weight: 300;line-height: 30px}
.author{font-size: min(max(1.5rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem);font-family: 'Sorts Mill Goudy', serif;;margin-top: 10px}
.accordion h3 {color: #fff}
.accordion {width: 100%;max-width: 1300px;height: 400px;overflow: hidden;margin: auto;}
@media (min-width: 1921px) {
.accordion{max-width:1500px}
}
.accordion ul {width: 100%;display: table;table-layout: fixed;margin: 0;padding: 0;}
.accordion ul li {display: table-cell;vertical-align: bottom;position: relative;width: 16.666%;height: 350px;background-repeat: no-repeat;background-position: center center;transition: all 500ms ease;}
.accordion ul li div {display: block;overflow: hidden;width: 100%;}
.accordion ul li div a {display: block;height: 400px;width: 100%;position: relative;z-index: 3;vertical-align: bottom;padding: 15px 20px 15px 40px;box-sizing: border-box;color: #fff;text-decoration: none;font-family: Open Sans, sans-serif;transition: all 200ms ease;}
.accordion ul li div a * {opacity: 0;margin: 0;width: 100%;position: relative;z-index: 5;overflow: hidden;-webkit-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.accordion ul li div a h3 {text-overflow: clip;color: #fff;font-size: 24px;text-transform: uppercase;margin-bottom: 2px;top: 190px;}
.accordion ul li div a p {top: 190px;font-size: 13.5px;width: 60%;padding-bottom: 10px}
.accordion ul li:nth-child(1) {background-image: url("../images/accordion/image-6.jpg");background-size: cover}
.accordion ul li:nth-child(2) {background-image: url("../images/accordion/image-5.jpg");background-size: cover}
.accordion ul li:nth-child(3) {background-image: url("../images/accordion/image-3.jpg");background-size: cover}
.accordion ul li:nth-child(4) {background-image: url("../images/accordion/image-4.jpg");background-size: cover}
.accordion ul:hover li {width: 8%;}
.accordion ul:hover li:hover {width: 40%;}
.accordion ul:hover li:hover a {background: rgba(38, 40, 44, 0.7);}
.accordion ul:hover li:hover a * {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
#overview h2 {margin:80px 0 20px  0;text-align: center}
.accordion .btnC{display:inline-block;font-size:16px;text-align:center;font-weight:400;color:#fff;padding:4px 8px;border: 1px solid #fff;max-width: 150px;position: relative;top:10px;}
.accordion .btnC:hover{background-color:rgba(255,255,255,0.2)}
@media screen and (max-width: 960px) {
.accordion {height: auto;}
.accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover {position: relative;display: table;table-layout: fixed;width: 100%;-webkit-transition: none;transition: none;}
}



.flagBlock{width: 100%;height: auto;}
.flagBlock img{width: 100%;height: auto;max-width: 40px;margin-right: 8px}
.flagText{font-size: 13px;text-align: center;margin-bottom: 60px}
/* footer*/
.footerLogo{margin: 0 auto 40px auto;width: 70%;height: auto;max-width: 438px}
.footer{padding-top: 40px; background-color:rgba(0,0,0,0.6);color: #fff;position: absolute;bottom: 0}
.footer a{color: #fff}
.footer a:hover{color: #fff}
.footer .row{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-row-gap: 0;grid-column-gap:0;	grid-template-areas: 'footerCol-1 footerCol-2 footerCol-3 footerCol-4'; /*column layout*/}
#footerCol-1{grid-area: footerCol-1;}
#footerCol-2{grid-area: footerCol-2;}
#footerCol-3{grid-area: footerCol-3;}
#footerCol-4{grid-area: footerCol-4;}
@media screen and (max-width:960px) {.flex-block-container--fuller {height:auto;} .footer{position: relative} .footer .row{grid-template-columns:1fr 1fr; /* column widths */grid-row-gap: 60px;grid-template-areas: 'footerCol-1 footerCol-2' 'footerCol-4 footerCol-3'; }}
@media screen and (max-width:450px) {.footer .row{grid-template-columns:100%; /* column widths */grid-row-gap: 40px;grid-template-areas: 'footerCol-1' 'footerCol-2' 'footerCol-3' 'footerCol-4';}}
#footer .navigation ul{padding:0;margin:0;}
#footer .navigation li{list-style-position:outside;margin:0;padding:0;list-style: none}
.navigation--header{font-size: 110%;margin-bottom: 5px;font-weight: 700;color:#7D98AD }
#footer-utility{display: block;padding: 20px 0}
.footer .row .flex-content {display: flex;}
.footer--footer{text-align: center;font-size: 80%;margin-top: 30px;background-color: #292d33;height: 50px;line-height: 50px}
.utility-icon :hover{opacity: 0.6}
.footer .utility-icon {margin-top: 5px}
/* flutter*/
#flutterContainer{position: absolute;top:22vh;z-index: -1}
#flutter{width:1px;height:1px;background-color:rgba(255,51,102,0.4);position:absolute;z-index:5}
#flutter2{width:1px;height:1px;background-color:rgba(135,211,255,0.4);position:absolute;z-index:10}
#flutter3{width:1px;height:1px;background-color:rgba(135,211,255,0.4);position:absolute;z-index:10}
#flutter4{width:1px;height:1px;background-color:rgba(135,211,255,0.4);position:absolute;z-index:20}
#flutter5{width:1px;height:1px;background-color:rgba(135,211,255,0.4);position:absolute;z-index:15}
#flutter6{width:1px;height:1px;background-color:rgba(135,211,255,0.4);position:absolute;z-index:20}
#typing{font-size: 1.3rem;color: #fff;font-weight: 700;height: 70px}
.banner{width: 90%;max-width: 1000px;border: 1px solid #000;height: 120px;margin: 60px auto;background-color:#061C33 }
#responsiveRow{background-color:#E8E8E8;padding: 80px 0 20px 0;}
#great {width:85%;max-width:860px;margin:0 auto;font-weight:400;padding-bottom:50px;font-size:120%;text-align: center}
#services{margin: 20px 0 60px;}
#services .grid-3c {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap:40px; grid-column-gap: 40px } /* three columns responsive components*/
@media screen and (max-width:960px) {
#services .grid-3c{grid-template-columns: 100%; /* column widths */}
}
.services__item{background-color: #fff;padding: 20px;text-align: center;/*border-radius: 8px;border: 1px solid #cc*/}
.services__item h2{font-size: min(max(1.5rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem);margin-top: 10px}
.services__item p{text-align: left;padding: 0}
.services__item hr{width: 100px;border-bottom: 3px solid #014B60;background: #fff}
.svgIcon{width:140px;height:140px;}
.scrollDown{height: 60px;text-align: center;background-image: url("../images/bg-down.png");background-repeat: no-repeat;background-position: 50% 0;background-size: 250px}
.scrollDown .chevron-compact-down{position: relative;bottom: 70px;}
/* Slideshow container */
.miniSlider {display: none}
/*img {vertical-align: middle;}*/
.slideshow-container {position: relative;margin: auto;height: 800px;overflow: hidden}
/* Next & previous buttons */
.prev, .next {cursor: pointer;position: absolute;top: 250px;width: auto;height: 60px; padding: 16px;color: white;font-weight: normal;font-size: 60px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;line-height: 60px}
/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
#dots{position: absolute;bottom: 20px;right: 20px}
/* Caption text */
.text {display: inline-block;width: 50%;height:800px;color: #f2f2f2;font-size: 15px;padding: 5vw 0 0 40px;position: absolute;text-align: left;background-color:#061C33}
.text  p{width: 80%; font-size: 1.2em}
.text .h2{font-weight:400;font-size:2.2em;line-height:1.2em;margin:0 0 10px 0;color: #C48C3F}
.slideImage{display: inline-block;width: 50%;height: 800px;background-color: #26282C;position: relative}
/* homepage */
#sliderImg1{background-image: url("../images/web-design-1.jpg");background-repeat: no-repeat;background-size: cover;background-position: center}
#sliderImg2{background-image: url("../images/web-design-2.jpg");background-repeat: no-repeat;background-size: cover;background-position: center}
#sliderImg3{background-image: url("../images/web-design-3.jpg");background-repeat: no-repeat;background-size: cover;background-position: center}
/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
/* The dots/bullets/indicators */
.dot {cursor: pointer;height: 10px;width: 10px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #717171;}
/* Fading animation */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media(max-width:940px){
.slideshow-container {max-width: 1900px;position: relative;margin:auto;height:1000px}
.text {width: 100%;display:block;height: 100%;padding-bottom: 20px;clear: both;}
.slideImage{display: block;width: 100%}
.text  p{width: 90%; font-size: 1.1em;line-height: normal}
} 

/****************************************** 
Media queries
******************************************/
/* RESPONSIVE */
@media (max-width: 960px) {
.threeQuarters{width:100%}
.oneThird{width:100%}
.oneHalf{width:100%}
.twoThirds{width:100%}
.oneQuarter{width:100%}
#header .row{width: 100%;}
#header{background: none}
#header-utility{position: absolute;right:50px;top:15px;z-index: 120;display: block}
#headerContacts{display: none}
#toggleButton{display:block; position:absolute;z-index:99;top:10px;right:10px;width:35px;height:35px;background-color:#000;border-radius:2px;overflow: hidden}
#logo{left: 4vw;width:70%;top:20px}
#header{box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.0);}
.standards__item {width: 90vw;}
#great {width:100%;}
.outlineShort{width: 100%}
}
@media (min-width: 960px) {article {column-count: 2; }}
@media (max-width: 420px) {
p{padding-right:0;width: 100%}
.services__item p{text-align: center;padding: 0}
#largeWebPackage img, #mediumPackage img{width:100%}
#logo{left: 5vw;width:70%;top:35px}
}