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

/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0TIpQlx3QUlC5A4PNr4AzpYeyDzW0.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0OIpQlx3QUlC5A4PNr4ARCQ_k.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0TIpQlx3QUlC5A4PNr4AydZ-yDzW0.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0TIpQlx3QUlC5A4PNr4AzlZeyDzW0.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0NIpQlx3QUlC5A4PNjThZVZNyB.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0IIpQlx3QUlC5A4PNr5TRA.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0NIpQlx3QUlC5A4PNjOhBVZNyB.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v32/o-0NIpQlx3QUlC5A4PNjQhJVZNyB.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+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}
/* 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: 'Noto Sans', 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;}
/****************************************** 
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:1150px;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%}
.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 dotted #49548A;}
.hr-medium{width: 60%;max-width: 700px;margin: 30px 0}
.offer{font-weight:700;font-size:1.3em;line-height:1.3em;margin:20px 0}
.spacer{height: 50px}
.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: #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;}

@media (max-width: 530px) {.btnA{min-width: 245px}}
.btnA{display: inline-block;font-size:18px;text-align:center;font-weight:400;color:#fff;padding:10px 35px;border: 1px solid rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.2);}
.btnA:hover{border: 1px solid rgba(255,255,255,0.9); -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: inline-block;font-size:16px;text-align:center;font-weight:400;color:#fff;padding:8px 18px;background-color: #49548A;border-radius:6px}
.btnC:hover{background-color:#5CB4B5;-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;}

.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: #49548A;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;}
.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;}
/****************************************** 
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:#313753}
.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%;}
/****************************************** 
Navigation
******************************************/
#toggleButton{display:none;position:absolute;z-index:99;top:10px;right:20px;width:35px;height:35px;}
/* RESPONSIVE */
@media (min-width: 960px) {
.activeLink{font-weight: 600!important;}
.nav-submenu-item .activeLink:hover{color:#fff!important}
#sideNav{position: relative; text-align: right; height:auto; width:100%;padding:0;top: 80px;}
#main-menu{display: inline-block;width:auto;font-size:18px;padding:0;margin:auto;font-weight:400;text-align:right;}
.nav a{color:#313753;font-size:0.9rem;font-weight:400;letter-spacing: 1px}
.nav ul{line-height:2.2em;padding:0;margin:0;list-style-type:none;background-color:#313753 }
.nav-list{text-align:left}
.nav-item{float:left;display:inline;position:relative}
.nav-item a,.nav-item a:visited{color:#313753;padding:0 0.6vw 22px 0.6vw;text-decoration: none;}
.nav-item a:hover{color:#5CB4B5}
.nav-item:hover .nav-submenu{display:block}
.nav-submenu{display:none;position:absolute;left:0;width:280px;list-style-type:none!important;line-height:20px;padding:0 0 15px 0!important;margin:0;z-index: 9}
.nav-submenu li{padding:0;margin:0;line-height:50px;list-style-position:outside;overflow:hidden;border-bottom: 1px solid #0E0325}
.nav-submenu-item a{display:block;padding:5px 15px;margin:0 10px 0 10px;font-size:80%}
.nav-submenu-item a:hover{background-color:#4A4676;color: #fff}
.cl-effect-4 a::after{position:absolute;top:100%;left:0;width:100%;height:10px;background:#5CB4B5;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:10px;opacity:1;-webkit-transform:translateY(9px);-moz-transform:translateY(9px);transform:translateY(9px);}
}
@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: 'Noto Sans', 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: 10px solid #5aacb0;width: 95%;padding-left: 1.5vw}
.contentBlock{border-left: 12px solid #fff;width: 95%;padding-left: 1.5vw}
.contentBlock h1{width: 80%;}
@media screen and (max-width:960px) {
.contentBlock{width: 100%;}
.leftBorder, .contentBlock{border-left:none;padding-left: 0;width: 100%;}
.contentBlock h1{width: 90%;}
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 10px;color: #313753;font-weight:500;line-height: 100%}
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: 930px;text-align: center;padding:40px 10px;color: #fff;}
#container-2 p, #container-2 .h1 {color: #fff;text-shadow: 2px 2px 6px #000000;font-weight: 300}
#container-2 .hvr-ripple-out{color: #000}
/****************************************** 
HEADER
******************************************/
#headerContacts .row{width:100%;margin:0 auto;padding: 0;max-width:1500px;}
#headerContacts .btnB{font-size:14px;text-align:center;font-weight:400;background-color:#4B1765;color:#fff;height: 50px;display: inline-block;padding: 0 20px;margin:0}
#headerContacts .btnB:hover{background-color:#E63163;-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;}
#headerContacts .btnB a{color: #fff}
#headerContacts{background-color:#fff; height: 50px;line-height: 50px;text-align: right;}
#headerContacts .contactsBox{width: auto;display: inline-block;height: 50px}
#headerContacts a{color:#4B1765 }
.headerIcons{width: 25px;height:25px;vertical-align: middle;padding: 0;overflow: hidden;margin: auto;text-align: center}
.contactsBox{background-color: #f3f6fb;text-align: center;padding: 0 1vw;}
.header .row{width:90%;max-width:1400px;margin:0 auto;padding: 0;}

#headerContacts{font-size:1.2em;font-weight: 400}
@media(max-width:1300px){
#headerContacts .contactsBox{margin-right: 0;display: inline-block;}
#headerContacts .appLink{display: none}
#headerContacts .appText{display: none}
}
@media(max-width:960px){
#headerContacts .appText{display: none}
#headerContacts .appLink{display: none}
#headerContacts .btnB{margin-right: 75px}
.headerIcons{width: 25px;height:25px;margin: 0 10px 0 15px}
.header .row{width:100%;}
}
@media(max-width:420px){
#headerContacts .btnB{padding: 0 15px;font-size: 90%}
#headerContacts .btnB span{display: none}
.headerIcons{width: 25px;height:25px;margin-right: 10px;}
}

.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; top: 0; line-height:1.4em;font-size:.8em;width:100%;height:190px;z-index:10;color:#000;background-color: #fff;border-bottom: 10px solid #313753}
#header .row{min-height: 130px;position: relative}
#logo{width:100%;height: auto;max-width: 340px; position: absolute;top:5px;left: 20px}
/* RESPONSIVE */
@media (max-width: 700px) {
#logo{width:100%;height: auto;max-width: 280px; position: absolute;top:30px;left: 20px}
}

.jobTitle{font-weight: 600;font-size: 110%;color: #49548a}
.qualifications{color:#313753;font-size: 90%;font-weight: 600}
#consultantProfile{width: 60%;height: auto;max-width: 280px; float: right}
@media (max-width: 700px) {
#consultantProfile{width: 100%;max-width: 60%; float: none;margin: 0 0 30px 0}
}

.feedBack div{padding: 10px 0;background-color: #fff;margin: 20px 0 10px}
.feedBack p{font-size: 120%;font-weight: 300}
.feedBack hr{border-bottom: 2px solid #F5F6F7;width: 70%;text-align: left;float: left}

/* splash*/
.splash{height: 70vh;max-height: 1000px;min-height:780px;position: relative;}
.splash2{height: 60vh;min-height:750px ;overflow: hidden;position: relative;}
.splash .row, .splash2 .row{position: relative;width: 100%}
.splash .h1, .splash2 .h1{color: #fff; font-weight:400;margin-bottom:20px;text-shadow:5px 5px 5px rgba(0,0,0,0.1);font-size: min(max(2.6rem, 3vw), 3.0rem); line-height:110%;}
.splash p, .splash2 p{font-weight:300;font-size: min(max(1.1rem, 3vw), 1.2rem);max-width:600px;margin-bottom: 20px;line-height: normal}
.splash .splash--splash-text{position: relative;top:min(max(250px, 20vh), 300px);left:0; width: 85%;max-width: 700px;padding: 20px 20px 40px 20px;color: #fff;overflow: hidden;text-shadow:4px 4px 8px rgba(0,0,0,0.4);}
.splash2 .splash--splash-text{position: relative;top:min(max(250px, 20vh), 300px);left:0; width: 85%;max-width: 900px;padding: 20px 20px 40px 20px;color: #fff;overflow: hidden;}
.splash .btnA{margin: 0 10px 10px 0}
.splash .defaultList{margin:5px 0 30px 1em}
/* splash header*/
.parallax-splash-1{background-image: url("../images/splash.webp");background-position: 70% 10%}/* horizontal - vertical*/
.parallax-splash-2{background-image: url("../images/splash2.webp");background-position: 70% 0}
.parallax-splash-3{background-image: url("../images/splash3.webp");background-position: 70% 50%}
.parallax-splash-4{background-image: url("../images/splash4.webp");background-position: 75% 50%}
.parallax-splash-5{background-image: url("../images/splash7.webp");background-position: 70% 50%}
.parallax-splash-6{background-image: url("../images/splash6.webp");background-position: 70% 50%}
.parallax-splash-7{background-image: url("../images/splash7.webp");background-position: 70% 50%}
.splashFooter{width:100%;background-color: #3f445d}

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

/****************************************** 
Overview
******************************************/
.overview {display: grid;grid-template-columns: 1fr 1fr 1fr;margin:auto;max-width: 1000px;color: #fff;}
.overview a{color: #fff;}
.overview .item{padding: 30px 25px 35px 25px}
.overview .item1{background-color:#313753;}
.overview .item1:hover{background-color:#4b1765;top:10px;-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;}
.overview  a:hover .item1 .textContent{transition: all 100ms ease;}
.overview .item2{ background-color:#197c7d;}
.overview  .item2:hover{ background-color:#4b1765;-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;}
.overview  a:hover .item2 .textContent{transition: all 100ms ease;}
.overview .item3{background-color:#5ab0b3;}
.overview .item3:hover{background-color:#4b1765;-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;}
.overview  a:hover .item3 .textContent{transition: all 100ms ease;}
.overview .overviewTitle{font-weight: 600}
.overview .overviewText{font-weight: 300;font-size: min(max(7.0rem, 2vw), 0.9rem);line-height: normal}
@media screen and (max-width:960px) {
.overview {display: none}
}


/****************************************** 
Grids
******************************************/
.grid1 {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-row-gap: 50px;grid-column-gap:0;position: relative;}
.grid1 .item {background-color: #f5f6f7;display: flex;position: relative;padding: 40px;}
.grid1 .content{text-align: left;min-height: 300px;}
.grid1 h1 {font-size: min(max(1.5rem, 3vw), 1.7rem);line-height: normal;}
.grid1 p {font-size: min(max(1rem, 3vw), 1.1rem);line-height:normal;}
#content1{background-image: url("../images/bg-device.png");background-repeat: no-repeat;background-size: 160px; background-position: 100% 100%}
#item1{background-image: url("../images/grid/image1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item2{background-image: url("../images/grid/image2.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item3{background-image: url("../images/grid/image3.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item4{background-image: url("../images/grid/image4.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item5{background-image: url("../images/grid/image5.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}


@media screen and (max-width:960px) {
.grid1 {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
}

/****************************************** 
RightBlock
******************************************/
.rightBlock{background-color:#f2f5f5;}
.rbHeader{background-color:#0B4225;color:#fff;padding: 10px;text-align: center}
.rightBlock a{color:#0b4225;}
.rightBlock a:hover{color:#939393;}
.rbText{margin: 20px 0 30px; padding: 0 20px 30px;}
.rbText p{margin:0 0 10px;font-size: min(max(0.6rem, 2vw), 0.8rem);line-height: normal;color:#0b4225}
.pubListShort{margin:0 0 20px 0;padding:0;width:90%;font-size: 80%}
.pubListShort li{margin: 5px 0 10px; list-style-position:outside;padding:0 0 0 30px;list-style-type: none;background-image: url("../images/pdf.png");background-repeat: no-repeat;background-position:left 8px;background-size: 20px}
.pubListShort hr {border: 0; border-bottom: 1px dotted #0b4225;width:60%;max-width: 300px;display: inline-block;height: 10px;background-color:#f2f5f5;}

/****************************************** 
Main
******************************************/
.main{margin-top:60px}
article{margin-top: 40px}
.introText {font-weight:400;font-size: min(max(1.3rem, 2vw), 1.5rem); line-height:normal;text-align: center}
.introText h1{font-size: min(max(1.6rem, 3vw), 2.2rem);}
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;}
/****************************************** 
Partners
******************************************/
#partners .h5{text-align: center;color: #939393;margin: 0}
.partners{display: flex;  justify-content: center; align-self: center;margin: 50px 0 60px}
.partners img{width:20%;height: auto; max-width: 200px;}
.partners img:hover{opacity: 60%}
/****************************************** 
Insights
******************************************/
#insights {background-color: #fff;padding: 35px 0;margin-top: 60px}
.insights {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-row-gap:4vw; grid-column-gap: 2vw;width: 100%;margin: auto;padding: 15px 0}
.insights__item {display: flex;color: #313753;}
.insights__content{text-align: left;width: 100%}
.insights__image{height: 230px;background-repeat: no-repeat;background-size: cover;background-position: center;border: 5px solid #fff}
.insights__item:hover .insights__image{opacity: 0.5;}
.insights__item:hover{color: #939393;}
.insights__item:hover .h4{color: #939393;}
.insights .h4 {font-size: 1.0rem; margin: 10px 0 5px 0;color: #313753;font-weight: 600}
.insights p  {font-size: 0.8rem;  margin: 0;}
.insights__1 .image1{background-image: url("../images/insights/box1.webp");background-position: top}
.insights__1 .image2{background-image: url("../images/insights/box2.webp")}
.insights__1 .image3{background-image: url("../images/insights/box3.webp");background-position: top}
/****************************************** 
Icon links
******************************************/
.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: 40px 0 80px 0;}
.standards__item {transition-duration: 0.2s; width: min(max(250px, 15vw), 380vw);overflow: hidden;position: relative;border:  1px solid #F4F1F1;background-color: #FDFDFD;border-radius: 6px;box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);padding: 20px 0}
a:hover .standards__item {opacity: 0.4;}
.standards__item img{width: auto;height: 60px;margin: 0 auto 10px auto}
.standards .item-content{padding: min(max(0px, 3vw), 20px);color: #666;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(8.0rem, 2vw), 1.0rem); line-height:normal;margin:0;font-weight: 400;color: #333}
@media screen and (max-width:960px) {
.standards__item {width: min(max(250px, 80vw), 600vw);}
}

/****************************************** 
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}
/****************************************** 
More
******************************************/
.more{display: none;}
.read{font-size:16px;margin: 10px 0 50px 0;display: block;background-color: #49548A;color: white;border:none;outline: none;padding: 8px 18px;text-transform: capitalize;cursor: pointer;border-radius: 6px;}
.read:hover{background-color:#5CB4B5;-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;}

.greyBox, .formBox{width:100%;background-color: #F5F6F7;border-radius: 20px;position: relative;z-index: 2;margin-bottom: 60px}
.greyBoxContent{padding:40px 0;margin:auto;width:85%;display:block;}
 .greyBoxContent h4{font-size: min(max(1.0rem, 2vw), 1.2rem);font-weight: 600;margin-bottom: 10px;text-decoration: underline}

/* FORMS */
.heading{font-size: min(max(1.2rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem);color: #313753;font-weight: 400}
#Cform{padding:40px 0 0;margin:auto;width:85%;display:block;}
#contactForm{margin:0;padding:0;text-align:left;width:100%;}
#contactForm input,textarea{color:#000}
#nameField{width:100%;margin-bottom:4px;border:1px solid #ccc;}
#emailField{width:100%;margin-bottom:4px;border:1px solid #ccc;}
#telField{width:100%;margin-bottom:4px;border:1px solid #ccc;}
#addressField{width:100%;height:100px;border:1px solid #ccc;}
#messageField{width:100%;height:100px;border:1px solid #ccc;}
#botField{width:70px;margin-bottom:15px;border:1px solid #ccc;}
#sendMessage{color:#fff!important;background-color:#5CB4B5;border:none;font-size:25px;line-height:25px;padding:12px 70px;margin:20px 0 0 0;}
#sendMessage:hover{background-color:#49548A;}
#form-messages{font-size: 100%;line-height: normal;padding: 30px 0}
.success{color:#05CB02;font-weight:400}
.error{color:#e30613;font-weight:400}
label{font-weight:400; margin:2px 0 0 0;}
@media screen and (max-width:960px) {#Cform{margin-top: 50px;}}

.doubleLine{width: 30%;margin: 40px auto 100px auto}
.leftLine{height: 6px;background-color: #49548A}
.rightLine{height: 6px;background-color:#5CB4B5 }
@media(max-width:960px){
.doubleLine .oneHalf{width: 50%}
}


/****************************************** 
Quotes
******************************************/
.flexBox{display: flex;align-content: center;align-items: center;  justify-content: center;min-height: 120px;width: 100%;flex-direction: row;}
.flexBox div{width: 100%}
.quoteBlock .topQuotes{display: none;}
.quoteBlock{width: 90%;max-width: 1400px;font-size:1.3rem;text-align: center;margin: auto;border-bottom: 5px dotted #313753;padding-bottom: 30px;}
.quoteBlock .topQuotes p{width: 90%;margin: 5px auto 5px 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}
.quoteBlock .oneThird{width: 33.33%;text-align: center;height: 70px;padding-top: 20px}
.quoteBlock .bg-quote{background-image: url("../images/bg-quotes.png");background-repeat: no-repeat;background-position: center;background-size: 50%}
.quoteBlock .column .dotted{height: 10px;border-bottom:5px dotted #49548A;}
.quoteBlock .column .dotted{height: 10px;border-bottom:5px dotted #49548A;}

/****************************************** 
Footer
******************************************/
.footer{font-size: 0.9em; padding-top: 40px; color: #fff;background: rgb(90,172,176);background: -moz-linear-gradient(324deg, rgba(90,172,176,1) 0%, rgba(74,90,140,1) 85%);background: -webkit-linear-gradient(324deg, rgba(90,172,176,1) 0%, rgba(74,90,140,1) 85%);background: linear-gradient(324deg, rgba(90,172,176,1) 0%, rgba(74,90,140,1) 85%);}
.footer a{color: #fff}
.footer a:hover{color: #fff}
.footer img{width: 80%;height: auto}
.footer .row{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-row-gap: 0;grid-column-gap:0;	grid-template-areas: 'footerCol-4 footerCol-1 footerCol-2 footerCol-3'; /*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) {.footer .row{grid-template-columns:1fr 1fr; /* column widths */grid-row-gap: 60px;grid-template-areas: 'footerCol-1 footerCol-2' 'footerCol-3 footerCol-4'; }}
@media screen and (max-width:650px) {.footer .row{grid-template-columns:100%; /* column widths */grid-row-gap: 30px;grid-template-areas: 'footerCol-1' 'footerCol-2' 'footerCol-3' 'footerCol-4';}}
#footer .navigation ul{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: 600;color: #fff}
.footer .row .flex-content {display: flex;}
.footer--footer{text-align: center;font-size: 80%;margin-top: 80px;background-color: #313753;height: 50px;line-height: 50px}
.footer .navigation ul{padding:0;margin:0;border-left:none}



/****************************************** 
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);}
}
.footer .navigation ul{padding:0;margin:0;border-left:none}
@media (min-width: 960px) {article {column-count: 2; }}
@media (max-width: 420px) {
p{padding-right:0;width: 100%}
}