@charset "utf-8";
/* CSS Document */
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwft.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: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAXC-q.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: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.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: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.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: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.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: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.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}
@-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;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;}

/****************************************** 
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:1100px;margin:0 auto}
@media (min-width: 1921px) {
.row{max-width:1300px}
}
.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 1em;padding:0;width:90%}
.defaultList 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}
.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{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}
.asTable{display:table}
.asCell{display:table-cell;vertical-align:middle;}
.breadCrumbs{margin: 10px  0 20px;font-weight:400;}
.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;margin-top: 20px}
.btn a{background-color:#27154C;color:#fff!important;padding:12px 15px;border-radius: 4px;}
.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;letter-spacing: 1px;border-radius: 2px;text-shadow:2px 2px 5px rgba(0,0,0,0.5);}
@media (max-width: 530px) {.btnA, .btnB {min-width: 245px}}
.btnA{display: inline-block;font-size:18px;text-align:center;font-weight:400;background-color:#CD7A14;color:#fff;padding:15px 25px;}
.btnB{display: inline-block;font-size:18px;text-align:center;font-weight:400;background-color:#4A4676;color:#fff;padding:15px 25px}
.btnA:hover, .btnB:hover{background-color:#27154C;-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;border: 1px solid #fff;background-color: #27154C}
.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}
.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: #4A4676;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:#130829}
.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--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;position:absolute;z-index:99;top:20px;right:20px;width:35px;height:35px;background-color:#CD7A14;border-radius:2px;overflow: hidden}
#toggleButton svg{margin:6px 0 0 5px}
/* RESPONSIVE */
@media (min-width: 960px) {
.activeLink{color:#CD7A14!important}
.nav-submenu-item .activeLink:hover{color:#fff!important}
#sideNav{position: relative; text-align: right; height:40px; width:100%;padding:0;top: 90px}
#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:0.9rem;font-weight:400;letter-spacing: 1px}
.nav ul{line-height:2.5em;padding:0;margin:0;list-style-type:none;background-color:#27154C }
.nav-list{text-align:left}
.nav-item{float:left;display:inline;position:relative}
.nav-item a,.nav-item a:visited{color:#fff;padding:3px 0.6vw;text-decoration: none}
.nav-item a:hover{color:#CD7A14}
.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:20px;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: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);}
.nav-item-boxed{background-color: #CD7A14;margin-left: 20px}
.nav-item-boxed:hover{background-color: #4A4676;-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;}
.nav-item-boxed a{color: #fff;}
.nav-item-boxed a:hover{color: #fff}
.nav-item-boxed .activeLink{color: #fff!important}
}
@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:#04aad9}
a:hover{text-decoration:none;color:#3D879C}
p{margin:0 0 20px;font-size: min(max(9.0rem, 3vw), 1.0rem);line-height: normal}
.contentBlock{width: 90%;min-height: 400px}
@media(max-width:960px){
.contentBlock{width: 100%;}
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 10px 0;color:#333;font-weight:500;line-height: normal}
h1,.h1{font-size: min(max(1.9rem, 3vw), 2.2rem);}
h2,.h2{font-size: min(max(1.7rem, 3vw), 2.0rem);}
h3,.h3{font-size: min(max(1.6rem, 3vw), 1.9rem);}
h4,.h4{font-size: min(max(1.5rem, 3vw), 1.8rem);}
h5,.h5{font-size: min(max(1.4rem, 3vw), 1.7rem);}
h6,.h6{font-size: min(max(1.5rem, 3vw), 1.6rem);}
#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*/
.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:140px;z-index:10;color:#fff;background:linear-gradient(to right,rgba(14,3,37,1.0) 4%,rgba(20,14,73,1.0) 34%,rgba(39,21,76,1.0) 42%,rgba(14,3,37,1.0) 64%,rgba(14,3,37,1.0) 89%)}
#header .row{min-height: 130px;position: relative}
.headSpace{height: 140px;background-color: #2e2e5b}
.headerText{padding: 60px 0 10px 0;background-color:#E8E8E8;text-align: left;}
.headerText p{width: 100%;max-width: 700px}
#logo{width:100%;height: auto;max-width: 175px;position: absolute;top:10px;left: 0;}
/* splash*/
.splash{height: 80vh;min-height: 750px;overflow: hidden;position: relative;}
.splash2{height: 60vh;min-height:750px ;overflow: hidden;position: relative;}
.splash .row{position: relative;width: 100%}
.splash .h1{color: #fff; font-weight:400;margin-bottom:0;text-shadow:2px 2px 5px rgba(0,0,0,1);font-size: min(max(1.6rem, 3vw), 3.0rem); line-height:normal;}
.splash .h2{color: #fff; font-weight:400;margin-bottom:15px;text-shadow:2px 2px 5px rgba(0,0,0,1);font-size: min(max(1.4rem, 2vw), 2.5rem);overflow: hidden;display: inline-flex}
.splash--splash-text ul {margin:0;padding:0;display:inline;overflow: hidden;height:1.2em;}
.splash--splash-text .slide > li {list-style: none;list-style-position:outside;margin:0;padding: 0 0 0 6px;}
.splash p{font-weight:300;font-size: min(max(1.1rem, 3vw), 1.2rem);max-width:500px;text-shadow:4px 4px 11px rgba(0,0,0,1);margin-bottom: 30px}
.splash--splash-text{position: relative;top:300px;left:0; width: 100%;max-width: 900px;padding: 20px 20px 40px 20px;/*background-color: rgba(0, 0, 0, 0.4);border-radius: 6px;*/color: #fff;overflow: hidden;}
/* splash header*/
.parallax-splash-1{background-image: url("../images/splash.jpg");background-position: 50% 0}
.parallax-splash-2{background-image: url("../images/splash2.jpg");}
.splashFooter{position: absolute;background-color: rgba(0, 3, 56, 0.2);bottom:0;z-index: 9;width:100%;height: 25px}
@media screen and (max-width:960px) {
/* splash header*/
.splash{height: 750px;}
}
/****************************************** 
Main
******************************************/
.main{padding-bottom:120px;margin-top:30px}
article{margin-top: 40px}

/****************************************** 
Intro
******************************************/
#intro{background-color: #E8E8E8;}
#introWork{background-color: #E8E8E8;padding-top: 130px}
.introText{padding:60px 0;text-align: center}
.introText .outline{width: 100%;padding-bottom: 50px}
.outlineShort{width: 95%}
.introText h1{font-weight:300;font-size: min(max(1.7rem, 3vw), 2.1rem); line-height: min(max(2.0rem, 3vw), 2.5rem)}
.introText p{padding:0;color: #333;width: 70%;max-width: 700px;margin:0 auto 20px auto}
.introText hr{margin: 50px auto 0 auto; width: 60%;max-width: 700px}
.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;}
/****************************************** 
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);}
}

/****************************************** 
Table styles
******************************************/
.updated{font-size: 80%}
.leagueTable{width: 100%;border: 1px solid #ccc;margin-bottom: 30px}
.leagueTable .order{padding-right: 5px;font-weight: 400;padding-top: 10px}
.leagueTable .cellTitle{padding-right: 5px;padding-left: 5px;padding-top: 10px}
.leagueTable td{padding:20px}
.leagueTable tr:nth-child(even) {background: #f8f8f9;border: 1px dotted #ccc}
.leagueTable tr:nth-child(odd) {background: #FFF;border: 1px dotted #ccc}
.leagueTable tr:hover{background-color:#faf1db}
.leagueTable ol{list-style-type: lower-alpha;margin: 0;padding: 0}
.leagueTable ol li{margin-bottom: 8px;padding: 2px;line-height: normal}
.leagueTable ul{margin: 20px 0;padding: 0 0 0 1em;}
.leagueTable ul li{margin: 0;padding: 0 0 10px 0;list-style-position: outside;line-height: normal}
@media(max-width:960px){
.leagueTable thead, .leagueTable tbody, .leagueTable th, .leagueTable td, .leagueTable tr{display:block}
.leagueTable {margin:0;width: 100%}
.leagueTable th{display: none}
.leagueTable .order{padding-right: 5px;font-weight: 400;float: left}
.leagueTable td{padding: 0 20px 20px 20px}
}

/****************************************** 
Officials
******************************************/
.officialsGrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-row-gap: 2vw;grid-column-gap: 2vw;position: relative;}
.officialsGrid .postHolder{font-size: 120%;font-weight: 700;}
.officialsGrid .leagueTable{width: auto}
.officialsGrid .role{font-size: 160%;margin-bottom: 6px;font-weight: 300}
.officialsGrid .role span{font-size: 70%;display: inline}
.officialsGrid .holderBlock{background: #fff;padding: 20px 20px 20px 20px;overflow: hidden;}
.officialsGrid .item {background-color: #f8f8f9;display: block;position: relative;padding: 10px 20px 30px 20px;color: #000;box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); border:  1px solid #F4F1F1; border-radius: 8px}
.officialsGrid .itemContent{text-align: left;min-height: 100px;}
.officialsGrid span{display: block}
@media (max-width: 960px) {
.officialsGrid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-row-gap: 60px;}
}
/****************************************** 
Clubs
******************************************/
.clubs .map-responsive{background-color: #f8f8f9}
.clubs{width: 100%;max-width: 1000px;  border:  1px solid #F4F1F1; border-radius: 8px;background-color: #fff;padding: 20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);margin-bottom: 40px;}
.clubs h2 {color: #fff;background-color: #4A4676;padding: 6px 15px 6px 15px;font-weight: 700;margin-bottom: 30px}
.clubs svg{vertical-align: middle}
.clubs th{background-color:#fff;color: #000033;padding: 3px;font-weight: 400}
.clubTable{width: 100%;border: 1px solid #ccc;margin: 50px 0}
.clubs p{padding: 0;max-width: 90%;}
.clubTable p{margin: 0;padding: 0}
.clubTable td{padding:4px}
.clubTable tr:nth-child(even) {background: #f8f8f9;border: 1px dotted #ccc}
.clubTable tr:nth-child(odd) {background: #FFF;border: 1px dotted #ccc}
.clubTable tr:hover{background-color:#faf1db}
@media(max-width:660px){
.clubTable thead, .clubTable tbody, .clubTable th, .clubTable td, .clubTable tr{display:block}
.clubTable p span{display: block}
}

/****************************************** 
News
******************************************/
.newsItem{padding-bottom: 10px;}
.newsItem .smallText{font-size: 90%;}
.newsItem h3{font-size: min(max(1.5rem, 3vw), 1.6rem);}
.newsItem h4{font-size: min(max(1.0rem, 3vw), 1.1rem);}
.newsItem .hr-medium{display: block;height: 1px; width: 60%;border: 0;border-bottom: 1px dotted #ccc;background: #fff;margin: 10px 0}
.newsDescription{width: 100%;max-width: 600px}

/****************************************** 
Footer
******************************************/
.footer{padding-top: 40px;color: #fff;background:linear-gradient(to right,rgba(14,3,37,1.0) 4%,rgba(20,14,73,1.0) 34%,rgba(39,21,76,1.0) 42%,rgba(14,3,37,1.0) 64%,rgba(14,3,37,1.0) 89%)}
.footer a{color: #9da9cd}
.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-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-4' 'footerCol-3';}}
#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: 700;color: #fff}
.footer .row .flex-content {display: flex;}
.footer--footer{text-align: center;font-size: 80%;margin-top: 30px;background-color: #0E0325;height: 50px;line-height: 50px}

/****************************************** 
Media queries
******************************************/
/* RESPONSIVE */
@media (max-width: 960px) {
.threeQuarters{width:100%}
.oneHalf{width:100%;}
.oneThird{width:100%}
.twoThirds{width:100%}
.oneQuarter{width:100%}
#header .row{width: 100%;}
#toggleButton{display:block}
#logo{left: 2vw;}
#header{box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.0);}
.splash--splash-text{position: relative;top:200px;}
}
.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%}
}