@charset "utf-8";
/* CSS Document */

/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, 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}
/* 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;}
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;line-height: 1.5;font-family: 'Manrope', 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; color: #666	}
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;}
/****************************************** 
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}
.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%}
.sixty{width:60%}
.forty{width:40%}
.columns img, .row img, .row__grid-2col img{max-width:100%;height:auto}
/* Utility classes*/
.defaultList{margin:0 0 15px 1em;padding:0;width:90%;font-size: min(max(0.9rem, 3vw), 1.0rem);line-height: 1.7rem}
.defaultList li{list-style-position:outside;margin:0;padding:0}
.pubList{margin:0 0 30px 0;padding:0;width:90%;}
.pubList li{min-height:50px; margin: 5px 0 20px; list-style-position:outside;padding:0 0 0 50px;list-style-type: none;background-image: url("../images/pdf.png");background-repeat: no-repeat;background-position:left 8px;background-size: 30px}
.centerMe{text-align:center;margin:auto;}
hr {border: 0;border-bottom: 2px solid #49548A;}
.hr-medium{width: 20%;max-width: 300px;margin: 30px auto;border-bottom: 3px solid #424143}
.offer{font-weight:700;font-size:1.3em;line-height:1.3em;margin:20px 0}
.spacer{height: 50px}
.floatRight{float:right!important}
.alignRight{text-align: right}
.floatLeft{float:left!important}
.clearAll{clear:both}
.largeText{font-size:120%}
.smallText{font-size:70%;line-height: 0.9rem;margin-top: 10px}
.midText{font-size:80%;line-height: 1.0rem;margin-top: 10px}
.redText{color: #0171bb}
a[href^="mailto:"] {color: #04aad9;}
.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, b{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:none}
.asTable{display:table}
.asCell{display:table-cell;vertical-align:middle;}
.breadCrumbs{margin: 0  0 20px;font-weight:400;text-align: right;width: 95%;font-size: min(max(0.8rem, 2vw), 1.0rem);line-height: normal}
.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:#6929B0;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;}
.bgWhite{background-color: #fff}

.btnA{margin-top: 10px; display: inline-block;font-size:18px;text-align:center;font-weight:400;color:#fff;padding:15px 25px;background-color: #000;border: 1px solid #fff;min-width: 260px}
.btnA:hover{background-color:#0171bb;-o-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-webkit-transition:background 0.2s ease-in;transition:background 0.2s ease-in;}

.btnB{margin-right: 10px;display: inline-block;font-size:18px;text-align:center;font-weight:600;color:#000;padding:15px 25px;background-color: #fff;text-shadow:none; border:1px solid #000;min-width: 260px}
.btnB:hover{color: #fff; background-color:#0171bb;-o-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-webkit-transition:background 0.2s ease-in;transition:background 0.2s ease-in;}

.btnC{display: inline-block;font-size:16px;text-align:center;font-weight:400;color:#fff;padding:15px 25px;background-color: #000;}
.btnC:hover{color: #fff; background-color:#0171bb;-o-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-webkit-transition:background 0.2s ease-in;transition:background 0.2s ease-in;}

/*.btnCN{font-size:18px;text-align:center;font-weight:400;color:#212123;padding:12px 26px;display: inline-block; background-color:rgba(255, 255, 255, 0.6);text-shadow: none;border: 1px solid #fff;margin-top: 20px}
.btnCN:hover{background-color:rgba(255, 255, 255, 1)}*/
.CNsvg{height:25px;width:25px;margin:0 6px 0 0;display:inline-block;position:relative;clear:both;vertical-align: middle}
.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}
.orangeText{color: #CD7A14}
#sitemap .headSpace{margin-bottom: 0}
/* SVG icons*/
.newsFiles{display: inline-block;text-align: center;padding: 4px 4px;border: 1px solid #F1F1F1;margin-right: 4px;margin-bottom: 10px}
 .newsFiles:hover{border: 1px solid #ccc}
.newsFiles  .fileIcon{width: 100%;height: auto;max-width: 30px;display: inline-block;}
.fileSize{text-align: center;font-size: 0.7em;display: block}
#sticky {padding-top: 20px;bottom: 120px;right:0; width:40px;height:100px;display:none;position:fixed;background: #0171bb;box-shadow: 0 0 6px #000;text-align: center;vertical-align: middle;border-radius: 8px 0  0 8px;z-index: 20;}
#arrowDown{position: absolute;left: 0;right: 0;margin: auto;bottom: 30px;display: inline-block;width: 100px;height: 100px; 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-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;}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:0 0 20px 0;width: 95%}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.map-location{width: 50px;height: auto;}
/****************************************** 
APPS styles
******************************************/
/*--- ScrollFade Specific ---*/
.scrollFade {opacity: 1}
.scrollFade--hidden {opacity: 0}
.scrollFade--visible {opacity: 1}
.scrollFade--animate {transition: opacity 0.6s ease-in-out;}
/****************************************** 
Navigation
******************************************/

.NavCol{background-color: #f2f2f2;}
.NavCol .row{max-width: 1400px;background-color: #f2f2f2;}
#toggleButton{display:none;position:absolute;z-index:99;top:10px;right:10px;width:35px;height:35px;}
.nav-item .contactButton{background-color:#0171bb;color: #fff!important;border: 2px solid #0171bb}
/* RESPONSIVE */
@media (min-width: 960px) {
.activeLink{font-weight: 600!important;}
.nav-submenu-item .activeLink:hover{color:#000!important}
#sideNav{position: relative; text-align: right; height:60px; width:100%;padding:0;top: 0;background-color: #f2f2f2;}
#main-menu{display: inline-block;width:auto;padding:0;margin:auto;font-weight:400;text-align:right;border-right: 1px solid #ccc}
.nav a{color:#313753;font-size:0.85rem;font-weight:400;letter-spacing: 1px}
.nav ul{line-height:3.6em;padding:0;margin:0;list-style-type:none;background-color:#f3f2f2 }
.nav-list{text-align:left}
.nav-item{float:left;display:inline;position:relative;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #fff}
.nav-item a,.nav-item a:visited{color:#313753;text-decoration: none;padding: 20px 1vw}
.nav-item a:hover{color:#0171bb}
.nav-item:hover .nav-submenu{display:block}
.nav-submenu{display:none;position:absolute;left:0;width:340px;list-style-type:none!important;line-height:20px;padding:0 0 15px 0!important;margin:0;z-index: 9;border-top: 1px solid #ccc}
.nav-submenu li{padding:0;margin:0;line-height:40px;list-style-position:outside;overflow:hidden;border-bottom: 1px solid #ccc}
.nav-submenu-item a{display:block;padding:5px 15px;margin:0 10px 0 10px;}
.nav-submenu-item a:hover{background-color:#fff;color: #0171bb}
.cl-effect-4 a::after{position:absolute;top:100%;left:0;width:100%;height:10px;background:#0171bb;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:8px;opacity:1;-webkit-transform:translateY(1px);-moz-transform:translateY(1px);transform:translateY(1px);}
}
@media (max-width: 960px) {
.nav-item .contactButton{background-color:#fff;color:#424143!important;border:none}
.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: 'Manrope', sans-serif;font-size: 1em;background-color: #fff;color: #313753;}
/*text*/
a,a:visited{text-decoration:none;color:#04aad9}
a:hover{text-decoration:none;color:#3D879C}
p{margin:0 0 20px;font-size: min(max(0.9rem, 3vw), 1.0rem);line-height: normal}
/* content blocks */
.leftBorder{border-left: 5px solid #212123;width: 95%;padding-left: 1.5vw}
@media screen and (max-width:960px) {
.leftBorder{border-left:none;padding-left: 0;width: 100%;}
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 10px;color: #313753;font-weight:500;line-height: 100%;font-family: 'Quicksand', sans-serif;}
h1,.h1{font-size: min(max(1.5rem, 2vw), 1.9em);}
h2,.h2{font-size: min(max(1.4rem, 2vw), 1.8em);}
h3,.h3{font-size: min(max(1.3rem, 2vw), 1.7em);}
h4,.h4{font-size: min(max(1.2rem, 2vw), 1.6em);}
h5,.h5{font-size: min(max(1.1rem, 2vw), 1.5em);}
h6,.h6{font-size: min(max(1.0rem, 2vw), 1.4em);}
#container-2 .content-center{margin: 0 auto;width: 100%;max-width: 1230px;text-align: center;padding:40px 10px;color: #fff;}

/****************************************** 
HEADER
******************************************/
.headerContacts{position:absolute;top:80px;right:0;text-align:right;line-height:1.3rem;font-size:1.2rem;font-weight:500}
.headerContacts a{color:#6DAEB6;font-weight:500}
.headerIcons{width: 18px;height:18px;vertical-align: middle;padding: 0;overflow: hidden;margin: auto;text-align: center}
@media (max-width: 780px) {
.headerContacts{display:none}
}
.header .row{width:90%;max-width:1400px;margin:0 auto;padding: 0;}
#headerContacts{font-size:1.2em;font-weight: 400}
@media(max-width:700px){
.header .row{width:100%;}
}
#header{position: relative; top: 0; line-height:1.4em;font-size:.8em;width:100%;height:150px;z-index:10;color:#000;background-color: #fff;border-bottom: 1px solid #ccc}
#header .row{position: relative}
#logo{width:100%;height: auto;max-width: 230px; position: absolute;top:20px;left:0}
.strapline{position: absolute;top: 120px;font-size: 17px;color: #0171bb}
/* RESPONSIVE */
@media (max-width: 700px) {
#logo{width:100%;height: auto;max-width: 200px; position: absolute;top:30px;left: 20px}
.strapline{position: absolute;top: 120px;left: 20px;font-size: 15px;color: #0171bb}
}

/****************************************** 
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:#fff}
.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%;}
.flex-block-container--fuller {height: 60vh;min-height: 800px;}

/****************************************** 
Splash
******************************************/
.splash .row, .splash2 .row{max-width: 1400px}
.splash{height: 60vh;max-height: 1000px;min-height:600px;position: relative;}
.splash2{height: 60vh;min-height:700px ;overflow: hidden;position: relative;}
.splash .row, .splash2 .row{position: relative;width: 100%}
.splash .h1, .splash2 .h1{color: #fff; font-weight:700;font-size: min(max(2.8rem, 3vw), 3.3rem); line-height:110%;}
.splash .redText{color: #0171bb;font-weight: 700}
.splash p, .splash2 p{font-weight:500;font-size: min(max(1.3rem, 3vw), 1.4rem);max-width:500px;margin-bottom: 20px;line-height:normal;}
.splash .splash--splash-text{position: relative;top:min(max(60px, 15vh), 100px);left:0; width: 60%;max-width: 850px;padding: 20px 20px 40px 4vw;color: #fff;overflow: hidden;text-shadow:4px 4px 8px rgba(0,0,0,0.4);}
.splash2 .splash--splash-text{position: relative;top:min(max(60px, 15vh), 100px);left:0; width: 60%;max-width: 850px;padding: 20px 20px 40px 4vw;color: #fff;overflow: hidden;text-shadow:4px 4px 8px rgba(0,0,0,0.4);}
.splash .btnA{margin: 0 10px 10px 0}
.splash .defaultList{margin:5px 0 30px 1em}
/* splash header*/
.parallax-splash-1{background-image: url("../images/splash3.webp");background-position: 20% 50%}/* horizontal - vertical*/
.parallax-splash-2{background-image: url("../images/splash15.webp");background-position: 30% 50%}
.parallax-footer-1{background-image: url("../images/splash-footer.webp");background-position:25% 50%}
.parallax-splash-3{background-image: url("../images/splash18.webp");background-position: 20% 50%}
.parallax-splash-4{background-image: url("../images/splash4.webp");background-position: 55% 50%}
.parallax-splash-5{background-image: url("../images/splash17.webp");background-position: 60% 10%}

.parallax-splash-7{background-image: url("../images/splash7.webp");background-position: 20% 50%}
.parallax-splash-8{background-image: url("../images/splash13.webp");background-position: 30% 50%}
.parallax-splash-9{background-image: url("../images/splash3.webp");background-position: 30% 50%}
.parallax-splash-10{background-image: url("../images/splash10.webp");background-position: 30% 50%}
.parallax-splash-11{background-image: url("../images/splash11.webp");background-position: 30% 50%}
.parallax-splash-12{background-image: url("../images/splash12.webp");background-position: 40% 50%}
.parallax-splash-13{background-image: url("../images/splash16.webp");background-position: 50% 50%}
.parallax-splash-14{background-image: url("../images/splash19.webp");background-position: 15% 0}
.parallax-splash-15{background-image: url("../images/splash15.webp");background-position:50% 50%}
.splashFooter{width:90%;position: relative;margin: auto}

@media screen and (max-width:960px) {
/* splash header*/
.splash{height: 80vh;position: relative;}
.splash2{height: 80vh;overflow: hidden;position: relative;}
.splash .splash--splash-text{position: relative;top:40px;width: 90%}
.splash2 .splash--splash-text{position: relative;top:40px;width: 90%}
.vail{position: absolute;left:0;right: 0;margin: auto;top: 0;bottom: 0; background-image: url("../images/splash-gradient.png");background-repeat: no-repeat;background-size: cover}
}

/****************************************** 
Overview
******************************************/
.overview {display: grid;grid-template-columns: 1fr 1fr 1fr;margin:auto;max-width: 1000px;grid-row-gap:2vw;grid-column-gap:2vw;position: absolute; top: -130px;margin: auto;left: 0;right: 0}
.overview .textContent{padding: 15px 30px 25px 30px;}
.overview img{width: 100%;height: auto}
.overview .item{-webkit-box-shadow: 0px 42px 80px -48px rgba(0,0,0,0.29);-moz-box-shadow: 0px 42px 80px -48px rgba(0,0,0,0.29); box-shadow: 0px 42px 80px -48px rgba(0,0,0,0.29);}
.overview .item1 a{background-color:#fff;color: #424143}
.overview .item1{border:3px solid #fff}
.overview .item2 a{ background-color:#fff;color: #424143}
.overview .item2{border:3px solid #fff}
.overview .item3{background-color:#424143;padding: 20px;color: #fff}
.overview .item3 a{color: #0cd5f5;text-decoration: none}
.overview .item3 a:hover{color: #0171bb}
.overview .item3 .overviewTitle{color: #fff}
.overview .item3 img{max-width: 200px;margin: auto}
.overview .overviewTitle{font-weight: 500;font-size: 1.3rem;color: #212123}
.overview .overviewText{font-weight: 300;font-size: min(max(7.0rem, 2vw), 0.9rem);line-height: normal}
.overview .defaultList{line-height: 1.2rem;margin-bottom: 30px}

@media screen and (max-width:960px) {
.overview {display: none;visibility: hidden}
}

/****************************************** 
Grids
******************************************/
.grid1 {display: grid;grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));grid-row-gap: 5px;grid-column-gap:5px;position: relative;margin: auto;max-width: 1920px;width: 100%;}
.grid1 .item {background-color: #f2f2f2;display: flex;position: relative;padding:3vw;min-height: 600px; align-items: center;justify-content : center;  /*horizontal alignment*/}
.grid1 .content{text-align: left;width: 100%;max-width: 700px;}
.grid1 h2 {font-size: min(max(1.5rem, 3vw), 1.7rem);line-height: normal;}
.grid1 p {font-size: min(max(1rem, 3vw), 1.1rem);line-height:1.7rem;text-align: justify}
/*.grid1 .floatL{float: right}
.grid1 .floatR{float: left}*/
/* home */
#item1{background-image: url("../images/grid/image2.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item2{background-image: url("../images/grid/image42.webp");background-repeat: no-repeat;background-size: cover;background-position: 100% 50%}
#item3{background-image: url("../images/grid/image3.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
/* sectors */
#item4{background-image: url("../images/grid/image11.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item6{background-image: url("../images/grid/image9.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item7a{background-image: url("../images/grid/image6.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
/* about */
#item7{background-image: url("../images/grid/image4.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item8{background-image: url("../images/grid/image27.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item10a{background-image: url("../images/grid/image24.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
/* services */
#item9{background-image: url("../images/grid/image8.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item10{background-image: url("../images/grid/image9.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item11{background-image: url("../images/grid/image10.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
/* fencing*/
#item30{background-image: url("../images/grid/image26.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item31{background-image: url("../images/grid/image35.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item32{background-image: url("../images/grid/image36.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item33{background-image: url("../images/grid/image34.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
/* projects */
#itemp1{background-image: url("../images/grid/image12.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#itemp2{background-image: url("../images/grid/image13.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#itemp3{background-image: url("../images/grid/image15.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#itemp4{background-image: url("../images/grid/image16.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#itemp5{background-image: url("../images/grid/image17.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#itemp6{background-image: url("../images/grid/image18.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}

@media screen and (max-width:1000px) {
.grid1 {grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));grid-template-areas: 'item__a' ' item__b' 'item__d' 'item__c' 'item__e' 'item__f';margin: auto;grid-row-gap:0}
.grid1 .item {padding:5vw;min-height:60vw;}
.grid1 .item__a {grid-area: item__a;}
.grid1 .item__b {grid-area: item__b;}
.grid1 .item__c {grid-area: item__c;}
.grid1 .item__d {grid-area: item__d;}
.grid1 .item__e {grid-area: item__e;}
.grid1 .item__f {grid-area: item__f;}
}

@media screen and (max-width:600px) {
.grid1 {grid-template-columns:100%;}
.grid1 .content{min-height:0;}
.grid1 .item {padding:15vw 6vw}
.grid1 p {text-align: left}
}

/****************************************** 
Main
******************************************/
.main{margin-top:60px}
article{margin-top: 40px}
.introText {text-align: center;}
.introText p {font-weight:400;font-size: min(max(1.3rem, 2vw), 1.5rem); line-height:normal}
.introText h1{font-size: min(max(1.6rem, 3vw), 2.2rem);}
@media screen and (max-width:960px) {
.introText {text-align: center;margin-top:20px}
}
h2 span{font-size: 16px;float: left;}
/* Inline Banner */
.inlineBanner{border: 2px solid #135762;margin: 80px 0}
.inlineBanner div{display: flex;  justify-content: center; align-self: center;padding: 30px;text-align: center;width: 100%;max-width: 800px;margin: auto}
.inlineBanner .h1{font-weight: 600;}

/****************************************** 
Services
******************************************/
.services__1 {display: grid;grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));grid-row-gap:1.5vw; grid-column-gap: 1.5vw;width: 100%;margin: auto;}
.services__2 {display: grid;grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));grid-row-gap:1.5vw; grid-column-gap: 1.5vw;width: 100%;margin: auto;}
.services__item {display: flex;color: #000;}
.services__content{text-align: left;width: 100%}
.services__1 .services__image{height: 280px;background-repeat: no-repeat;background-size: cover;background-position: center}
.services__2 .services__image{height: 400px;background-repeat: no-repeat;background-size: cover;background-position: center}
.services h2{font-size: min(max(1.4rem, 2vw), 1.6em);margin-top: 20px}
.services p  {font-size: 0.8rem;  margin: 0;line-height: 1.5em;min-height: 56px}
.services hr{width: 50%;margin: 30px 0 20px;border-bottom:3px solid #424143}
.services a:hover{opacity: 0.5;}
@media screen and (max-width:500px) {
.services {grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));grid-row-gap:0; grid-column-gap:0;width: 100%}
}
/* services 1*/
.services .image1{background-image: url("../images/services/image1.webp")}
.services .image2{background-image: url("../images/services/image2.webp")}
.services .image9{background-image: url("../images/services/image14.webp")}
.services .image4{background-image: url("../images/grid/image1.webp")}
.services .image5{background-image: url("../images/services/image9.webp")}
.services .image7{background-image: url("../images/services/image7.webp")}
/* projects */
.services .image8{background-image: url("../images/grid/image14.webp")}
.services .image9{background-image: url("../images/grid/image15.webp")}
.services .image10{background-image: url("../images/grid/image17.webp")}
.serviceLinkColumn{text-align: center;width: 100%;padding-top: 50px}
#serviceList{margin:auto;text-align: center; font-size:110%;width: 90%;max-width: 900px;padding: 0}
#serviceList li{list-style: none;list-style-position: inside;display: inline;padding: 0;margin: 0}
#serviceList a{color: #0EA4BC!important;text-decoration: none;}

/****************************************** 
Partners
******************************************/
#partners .h5{text-align: center;color: #939393;margin: 0}
.partners{display: flex;  justify-content: center; align-self: center;margin: 90px 0 100px}
.partners img{width:100%;height: auto;max-width: 1216px}

/****************************************** 
Contact pop box
******************************************/
#contactDiv{position:absolute;bottom:0;text-align:left;height:100%;width:100%;padding:0;z-index:3000!important;display:none;background-color:rgba(255,255,255,0.9);color: #000}
.contactPopBox .headerTitle{font-size: 1.8rem;font-weight: 300;margin-bottom: 10px;}
.contactPopBox .headerLocation{font-size: 0.9rem;font-weight: 600;text-decoration: underline}
.contactPopBox .headerCompany{font-size: 1.3rem;font-weight: 500;}
.contactPopBox{border-radius: 20px;-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:5vh;left:0;right:0;width:90%;max-width:1000px;margin:0 auto;background-color:#fff;padding:2.5vw;-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}

/****************************************** 
page intro
******************************************/
.pageIntro{margin-bottom: 50px;}
.pageIntro .oneQuarter{padding-right: 1vw;text-align: center}
.pageIntro .oneHalf{ border-left: 5px solid #000}
.quote{color: #313753;font-size: min(max(1.4rem, 3vw), 1.6rem); line-height: min(max(1.8rem, 3vw), 2.1rem);font-family:Times, "Times New Roman", "serif"; text-indent: -0.45em;padding-left: 2.0vw}
@media screen and (max-width:960px) {
quote{padding-left:0}
}

/****************************************** 
Quotes
******************************************/
.flexBox{display: flex;min-height: 100px;width: 100%;}
.flexBox div{width: 100%}
.quoteBlock .topQuotes{display: none}
.quoteBlock{width: 100%;max-width: 1400px;font-size:1.3rem;text-align: left;left: auto;}
.quoteBlock .topQuotes p{width: 90%;margin:auto;padding: 0;color: #313753;font-size: min(max(1.4rem, 3vw), 1.6rem); line-height: min(max(1.8rem, 3vw), 2.1rem);font-family:Times, "Times New Roman", "serif"}
.quoteBlock .topQuotes .credit{font-size: 70%;font-weight:700;line-height: normal}

/****************************************** 
Footer
******************************************/
.footer{font-size: 0.9em; padding-top: 40px; color: #fff;background-color: #212122;background-image: url("../images/bg-tile-3.png")}
.footer a{color: #fff}
.footer a:hover{color: #0171bb}
.footer img{width: 80%;height: auto}
.footer .row{display: grid;grid-template-columns: 1fr 1fr;grid-row-gap: 0;grid-column-gap:0;	grid-template-areas: 'footerCol-1 footerCol-2'; /*column layout*/}
#footerCol-1{grid-area: footerCol-1;}
#footerCol-2{grid-area: footerCol-2;}
@media screen and (max-width:960px) {.footer .row{grid-template-columns:100%; /* column widths */grid-row-gap: 30px;grid-template-areas: 'footerCol-1' 'footerCol-2';}}
#footer .navigation ul{margin:0;border-left: 1px solid #fff;padding-left: 15px}
#footer .navigation li{list-style-position:outside;margin:0;padding:0;list-style: none}
.navigation--header{font-size: 110%;margin-bottom: 5px;font-weight: 600;color: #0171bb}
.footer .row .flex-content {display: flex;}
.footer--footer{text-align: center;font-size: 80%;margin-top: 80px;background-color: #212122;height: 50px;line-height: 50px}
#container-2 p, #container-2 .h4 {margin-top: 50px; color: #fff;text-shadow: 2px 2px 6px #000000;font-weight: 400;font-size: min(max(1.8rem, 2vw), 2.2rem); line-height: min(max(2.2rem, 3vw), 3rem);font-family:Times, "Times New Roman", "serif"}
.boxContainer{width: 100%;max-width: 380px;text-align: left;background-color:  rgba(0,0,0,0.4);padding: 40px;margin-top: 30px;background-image: url("../images/tickBox.png");background-position: 95% top;background-repeat: no-repeat;background-size: 60px }
.boxContainer .h5{color:#fff;font-weight: 700}

/****************************************** 
Media queries
******************************************/
/* RESPONSIVE */
@media (max-width: 960px) {
.threeQuarters{width:100%}
.oneHalf{width:100%;}
.oneThird{width:100%}
.twoThirds{width:100%}
.oneQuarter{width:100%}
.sixty{width:100%}
.forty{width:100%}
#toggleButton{display:block}
#header{box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.0);}
}

@media (min-width: 960px) {article {column-count: 2; }}
@media (max-width: 420px) {
p{padding-right:0;width: 100%}
#footer .navigation ul{padding:0;margin:0;border-left:none}
}