.minimodal{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:100%
}
.minimodal__overlay{
    position:absolute;
    top:-8rem;
    left:0;
    width:100%;
    height:calc(100% + 16rem);
    background:rgba(0,0,0,.9)
}
.minimodal__viewport{
    position:relative;
    height:100%;
    pointer-events:none
}
.minimodal__item{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.minimodal__status{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#fff;
    text-align:center
}
.minimodal__content{
    height:100%
}
.minimodal__element{
    display:block;
    position:relative;
    top:50%;
    max-width:100%;
    max-height:100%;
    margin:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    pointer-events:auto
}
.minimodal__element--map{
    background:#fff
}
.minimodal__element--video{
    max-width:177.77778vh
}
.minimodal__element--video:before{
    display:block;
    padding-bottom:56.25%;
    background:#000;
    content:""
}
.minimodal__video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.minimodal__caption{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    color:#fff;
    pointer-events:auto
}
.minimodal__nav{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.minimodal__nav--previous{
    left:0
}
.minimodal__nav--next{
    right:0
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1,.h1-styling{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
/*Joe L updated this rule to have 0 decoration on abbr*/
abbr[title]{
    /*border-bottom:none;*/
    /*text-decoration:underline;*/
    /*-webkit-text-decoration:underline dotted;*/
    /*text-decoration:underline dotted*/
    text-decoration: none;
}

b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%;
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}

fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
:root{
    --white:#fff;
    --black:#000;
    --blue:#003552;
    --sky:#00a9e0;
    --sky-md:#009dd1;
    --sky-dk:#00779e;
    --red:#fe0015;
    --gray:#adafaf;
    --gray-lt:#f4f4f4;
    --gray-dk:#747676;
    --slate:#4d4f53;
    --transparent:transparent;
    --shadow:rgba(0,0,0,0.2);
    --serif:arno-pro,serif;
    --sans-serif:urw-din,sans-serif;
    --transition-duration:300ms;
    --transition-easing:ease;
    --transition:var(--transition-duration) var(--transition-easing)
}
@-webkit-keyframes slide-down{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes slide-down{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes hex-in-1{
    0%{
        opacity:0
    }
    to{
        opacity:.48
    }
}
@keyframes hex-in-1{
    0%{
        opacity:0
    }
    to{
        opacity:.48
    }
}
@-webkit-keyframes hex-in-2{
    0%{
        opacity:0
    }
    to{
        opacity:.8
    }
}
@keyframes hex-in-2{
    0%{
        opacity:0
    }
    to{
        opacity:.8
    }
}
*,:after,:before{
    box-sizing:inherit
}
html{
    box-sizing:border-box;
    word-wrap:break-word;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased
}
iframe{
    border:0;
    max-width:100%;
    aspect-ratio: 16 / 9;
}
img,svg{
    display:block;
    max-width:100%;
    height:auto
}
svg{
    fill:currentColor
}
button,input,optgroup,select,textarea{
    border-radius:0;
    color:inherit
}
[type=search]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:1
}
:-ms-input-placeholder{
    color:inherit;
    opacity:1
}
::-ms-input-placeholder{
    color:inherit;
    opacity:1
}
::placeholder{
    color:inherit;
    opacity:1
}
[data-whatintent=mouse] :focus,[data-whatintent=touch] :focus{
    outline:0
}
body{
    padding-top:3.75rem;
    font-family:arno-pro,serif;
    font-family:var(--serif);
    font-size:1.25rem;
    line-height:1.3
}
@media (min-width:64em){
    body{
        padding-top:0;
        padding-left:8rem
    }
}
a{
    color:#00779e;
    color:var(--sky-dk);
    -webkit-text-decoration-color:#00779e;
    text-decoration-color:#00779e;
    -webkit-text-decoration-color:var(--sky-dk);
    text-decoration-color:var(--sky-dk)
}
a:hover{
    color:inherit
}
h1,.h1-styling{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.833;
    text-transform:uppercase
}
h1.h1-normal-case,
.h1-styling.h1-normal-case {
    text-transform: none;
}

@media (min-width:48em){
    h1,.h1-styling{
        font-size:3.75rem
    }
}
h2,.h2-styling{
    margin:.5em 0 .5em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.875rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.978;
    text-transform:none
}
@media (min-width:48em){
    h2,.h2-styling{
        font-size:2.8125rem
    }
}
h3,.h3-styling{
    color:#003552;
    color:var(--blue);
    font-size:1.5625rem;
    line-height:.96
}
h3,.h3-styling,h4,.h4-styling{
    margin:1.5em 0 .75em;
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-weight:400;
    letter-spacing:normal;
    text-transform:none
}
h4,.h4-styling{
    color:#00779e;
    color:var(--sky-dk);
    font-size:1.25rem;
    line-height:1.2
}
h5,.h5-styling{
    font-size:1rem;
    letter-spacing:normal;
    line-height:1.125
}
h5,.h5-styling,h6,.h6-styling{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-weight:400;
    text-transform:none
}
h6,.h6-styling{
    font-size:.875rem;
    letter-spacing:.0125rem;
    line-height:1.286
}
ol,ul{
    padding-left:2rem
}

/*Joe L updated this to narrow lists a bit. changed from 1em 0 to .5em 0 */
li{
    margin:.5em 0
}
hr{
    margin:4rem 0;
    border:0;
    border-top:.0625rem solid #009dd1;
    border-top:.0625rem solid var(--sky-md);
    clear:both
}

/*Joe L added this to style the EAB OLG forms */
.mauticform-innerform input {
    border: solid 3px #00a9e0;
}

.svg,.video{
    display:block;
    position:relative
}
.svg:before,.video:before{
    content:"";
    display:block
}
.svg iframe,.svg svg,.svg video,.video iframe,.video svg,.video video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.svg:before{
    padding-top:100%
}
.svg--logo-text:before{
    padding-top:28.794%
}
.svg--trojan:before{
    padding-top:111.146%
}
.svg--wordmark-center:before,.svg--wordmark:before{
    padding-top:19.967%
}
.video:before{
    padding-top:56.25%
}
.text-lg{
    font-family:arno-pro,serif;
    font-family:var(--serif);
    font-size:1.5625rem;
    line-height:1.04
}
.button-list{
    padding:0;
    list-style:none
}
.button-list li{
    margin:1.5rem 0
}
.canvas{
    overflow:hidden
}
.screen-reader-text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.flickity-viewport{
    position:relative;
    overflow:hidden
}
.carousel--full .flickity-viewport,.carousel--story .flickity-viewport{
    overflow:visible
}
.carousel__container--grid .flickity-viewport{
    height:auto!important
}
.flickity-slider{
    display:flex
}
.flickity-slider>*{
    flex-shrink:0;
    position:relative!important;
    left:0!important
}
.carousel__container--grid .flickity-slider{
    flex-wrap:wrap!important;
    -webkit-transform:none!important;
    transform:none!important
}
.flickity-button{
    width:4rem;
    height:4rem;
    padding:0;
    border:.25rem solid #009dd1;
    border:.25rem solid var(--sky-md);
    border-radius:50%;
    background-color:#fff;
    background-color:var(--white);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:35% 35%
}
.flickity-button:hover{
    background-color:#009dd1;
    background-color:var(--sky-md)
}
.slider .flickity-button{
    display:none;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media (min-width:64em){
    .slider .flickity-button{
        display:block
    }
}
.splash--slider .flickity-button{
    display:none;
    position:absolute;
    bottom:2.5rem;
    width:3rem;
    height:3rem
}
@media (min-width:64em){
    .splash--slider .flickity-button{
        display:block
    }
}
.slider--quote .flickity-button{
    margin-top:4.5rem
}
.carousel .flickity-button{
    width:3rem;
    height:3rem
}
.carousel--full .flickity-button,.carousel--media .flickity-button{
    position:absolute;
    bottom:0
}
.carousel--story .flickity-button{
    position:absolute;
    top:-4.5rem
}
@media (min-width:64em){
    .carousel--story .flickity-button{
        top:auto;
        bottom:0
    }
}
.carousel__container--grid .flickity-button{
    display:none
}
.flickity-button.previous{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 4.189 4.189' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.851 2.094L2.894 0l.444.455-1.599 1.64 1.599 1.638-.444.455z'/%3E%3C/svg%3E")
}
.flickity-button.previous:hover{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 4.189 4.189' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M.851 2.094L2.894 0l.444.455-1.599 1.64 1.599 1.638-.444.455z'/%3E%3C/svg%3E")
}
.slider .flickity-button.previous,.splash--slider .flickity-button.previous{
    left:2.5rem
}
@media (min-width:80em){
    .slider .flickity-button.previous,.splash--slider .flickity-button.previous{
        left:4rem
    }
}
.carousel--full .flickity-button.previous,.carousel--media .flickity-button.previous{
    right:7rem
}
.carousel--story .flickity-button.previous{
    left:0
}
@media (min-width:64em){
    .carousel--story .flickity-button.previous{
        left:calc(50% - 5rem)
    }
}
.flickity-button.next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E")
}
.flickity-button.next:hover{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189' fill='%23fff'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E")
}
.slider .flickity-button.next,.splash--slider .flickity-button.next{
    right:2.5rem
}
@media (min-width:80em){
    .slider .flickity-button.next,.splash--slider .flickity-button.next{
        right:4rem
    }
}
.carousel--full .flickity-button.next,.carousel--media .flickity-button.next{
    right:0
}
.carousel--story .flickity-button.next{
    left:7rem
}
@media (min-width:64em){
    .carousel--story .flickity-button.next{
        left:calc(50% + 2rem)
    }
}
.flickity-button[disabled]{
    opacity:.25
}
.slider--stat .flickity-button[disabled]{
    opacity:0
}
.flickity-button-icon{
    display:none
}
.flickity-page-dots{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:0;
    padding:0 1.5rem;
    list-style:none
}
.flickity-page-dots .dot{
    width:.625rem;
    height:.625rem;
    margin:.375rem;
    border-radius:50%;
    background-color:#adafaf;
    background-color:var(--gray);
    text-indent:-999rem;
    overflow:hidden
}
.facts .flickity-page-dots .dot{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    width:auto;
    height:auto;
    margin:0 0 0 1rem;
    padding-bottom:.125rem;
    border-bottom:.125rem solid transparent;
    border-radius:0;
    background-color:transparent;
    color:#003552;
    color:var(--blue);
    text-indent:0
}
@media (min-width:48em){
    .facts .flickity-page-dots .dot{
        margin:0 0 1rem
    }
}
.facts .flickity-page-dots .dot:first-child:before{
    content:"01"
}
.facts .flickity-page-dots .dot:nth-child(2):before{
    content:"02"
}
.facts .flickity-page-dots .dot:nth-child(3):before{
    content:"03"
}
.facts .flickity-page-dots .dot:nth-child(4):before{
    content:"04"
}
.facts .flickity-page-dots .dot:nth-child(5):before{
    content:"05"
}
.facts .flickity-page-dots .dot:nth-child(6):before{
    content:"06"
}
.facts .flickity-page-dots .dot:nth-child(7):before{
    content:"07"
}
.facts .flickity-page-dots .dot:nth-child(8):before{
    content:"08"
}
.facts .flickity-page-dots .dot:nth-child(9):before{
    content:"09"
}
.flickity-page-dots .is-selected{
    background-color:#009dd1;
    background-color:var(--sky-md)
}
.facts .flickity-page-dots .is-selected{
    border-bottom-color:#00a9e0;
    border-bottom-color:var(--sky)
}
.slider .flickity-page-dots,.splash--slider .flickity-page-dots{
    position:absolute;
    bottom:3rem;
    left:0;
    width:100%
}
.splash--slider .flickity-page-dots{
    position:absolute;
    bottom:3rem;
    width:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media (min-width:64em){
    .slider--stat .flickity-page-dots{
        display:none
    }
}
.facts .flickity-page-dots{
    position:absolute;
    right:1.5rem;
    bottom:0;
    padding:0
}

/* hide flickity buttons and counter when functionality disabled */
.flickity-button[disabled] {
  display: none;  /* hide disabled nav buttons */
}

.carousel:has(.flickity-slider > *:only-child) .carousel__counter {
  display: none;
}

/* Joe L added this to make youtube embeds responsive */
.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media (min-width:48em){
    .facts .flickity-page-dots{
        display:flex;
        flex-direction:column;
        top:0;
        right:-1.75rem;
        bottom:auto
    }
}
.minimodal{
    z-index:5;
    overflow:hidden
}
.minimodal--default{
    transition:opacity .3s ease;
    transition:opacity var(--transition);
    opacity:0
}
.minimodal--default.minimodal--active{
    opacity:1
}
.minimodal--story{
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition-duration) var(--transition-easing);
    transition:transform var(--transition-duration) var(--transition-easing);
    transition:transform var(--transition-duration) var(--transition-easing),-webkit-transform var(--transition-duration) var(--transition-easing)
}
.minimodal--story.minimodal--active{
    -webkit-transform:none;
    transform:none
}
.minimodal__overlay{
    transition:opacity .3s ease;
    transition:opacity var(--transition);
    background-color:#003552;
    background-color:var(--blue);
    opacity:0
}
.minimodal--active .minimodal__overlay{
    opacity:.9
}
.minimodal__item{
    transition:-webkit-transform .6s ease;
    transition:transform .6s ease;
    transition:transform .6s ease,-webkit-transform .6s ease;
    transition:-webkit-transform calc(var(--transition-duration)*2) var(--transition-easing);
    transition:transform calc(var(--transition-duration)*2) var(--transition-easing);
    transition:transform calc(var(--transition-duration)*2) var(--transition-easing),-webkit-transform calc(var(--transition-duration)*2) var(--transition-easing)
}
.minimodal__item--added--previous,.minimodal__item--removed--next{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.minimodal__item--added--next,.minimodal__item--removed--previous{
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.minimodal--default .minimodal__content{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .minimodal--default .minimodal__content{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .minimodal--default .minimodal__content{
        padding-right:4rem;
        padding-left:4rem
    }
}
.minimodal--explore .minimodal__element{
    max-width:32rem;
    height:100%;
    margin-right:0;
    -webkit-transform:translate(100%,-50%);
    transform:translate(100%,-50%);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition);
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.minimodal--explore.minimodal--active .minimodal__item--loaded .minimodal__element{
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.minimodal--story .minimodal__element{
    height:100%
}
.minimodal__nav{
    top:auto;
    bottom:1.5rem;
    width:3rem;
    height:3rem;
    padding:0;
    border:.25rem solid #009dd1;
    border:.25rem solid var(--sky-md);
    border-radius:50%;
    -webkit-transform:none;
    transform:none;
    background-color:#fff;
    background-color:var(--white);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:35% 35%;
    text-indent:-999rem;
    overflow:hidden
}
.minimodal__nav:hover{
    background-color:#009dd1;
    background-color:var(--sky-md)
}
.minimodal__nav--previous{
    right:8.5rem;
    left:auto;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 4.189 4.189' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.851 2.094L2.894 0l.444.455-1.599 1.64 1.599 1.638-.444.455z'/%3E%3C/svg%3E")
}
.minimodal__nav--previous:hover{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 4.189 4.189' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M.851 2.094L2.894 0l.444.455-1.599 1.64 1.599 1.638-.444.455z'/%3E%3C/svg%3E")
}
.minimodal__nav--next{
    right:1.5rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E")
}
.minimodal__nav--next:hover{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189' fill='%23fff'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E")
}
.minimodal__close{
    position:absolute;
    top:0;
    right:0;
    width:4rem;
    height:4rem;
    padding:0;
    border:0;
    color: #FFF;
    background-color:var(--blue);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.458 23.458' fill='%23fff'%3E%3Cpath d='M9.029 11.729L0 2.7 2.7 0l9.029 9.029L20.757 0l2.7 2.7-9.028 9.029 9.029 9.028-2.7 2.7-9.03-9.028L2.7 23.458l-2.7-2.7z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1rem 1rem;
    text-indent:-999rem;
    overflow:hidden
}
.minimodal__counter{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    font-weight:400;
    letter-spacing:.0125rem;
    line-height:1.286;
    text-transform:none;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:4.5rem;
    bottom:1.5rem;
    width:4rem;
    height:3rem;
    margin:0;
    color:#fff;
    color:var(--white)
}
.accordion{
    margin:1rem 0;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
.accordion__toggle{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    position:relative;
    width:100%;
    margin:0;
    padding:1.75rem 5.5rem 1.75rem 2rem;
    border:0;
    background-color:transparent;
    text-align:left
}
.accordion__toggle:after{
    content:"";
    position:absolute;
    top:1.25rem;
    right:2rem;
    width:2.5rem;
    height:2.5rem;
    border:.25rem solid #00a9e0;
    border:.25rem solid var(--sky);
    border-radius:50%;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition);
    background-color:#fff;
    background-color:var(--white);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.683 4.683' fill='%2300a9e0'%3E%3Cpath d='M2.072 0v2.072H0v.54h2.072v2.072h.54V2.61h2.072v-.539H2.61V0h-.539z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1rem 1rem
}
.accordion--active .accordion__toggle:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.accordion__content{
    transition:height .3s ease;
    transition:height var(--transition);
    overflow:hidden
}
:not(.accordion--active)>.accordion__content{
    height:0!important;
    transition:height .3s ease,visibility 0s .3s;
    transition:height var(--transition),visibility 0s var(--transition-duration);
    visibility:hidden
}
.accordion__interior>:first-child{
    margin-top:0
}
.accordion__interior>:last-child{
    margin-bottom:0
}
.accordion__interior{
    padding:1.75rem 2rem
}
.actions{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    display:flex
}
@media (min-width:64em){
    .actions{
        flex-direction:column
    }
}
.actions__link{
    display:block;
    width:33.333%;
    border-left:.0625rem solid #fff;
    border-left:.0625rem solid var(--white);
    color:inherit;
    text-align:center;
    text-decoration:none
}
@media (min-width:64em){
    .actions__link{
        width:auto;
        padding:2rem 0;
        border:0;
        border-bottom:.0625rem solid #fff;
        border-bottom:.0625rem solid var(--white)
    }
}
@media (min-width:64em) and (max-height:47.999em){
    .actions__link{
        padding:1.5rem 0
    }
}
.actions__link:first-child{
    border-left:0
}
.actions__icon{
    width:1.25rem;
    margin:0 auto 1rem;
    -webkit-transform:translateY(.25rem);
    transform:translateY(.25rem);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
.actions__link:hover .actions__icon{
    -webkit-transform:none;
    transform:none
}
.alert{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    position:relative;
    padding:2rem 0;
    background-color:#000;
    background-color:var(--black);
    color:#fff;
    color:var(--white)
}
.alert__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .alert__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .alert__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
@media (min-width:64em){
    .alert__container{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding-right:4rem
    }
}
.alert__title{
    position:relative;
    padding-top:4rem
}
@media (min-width:64em){
    .alert__title{
        width:35%;
        padding-top:0;
        padding-left:4rem
    }
}
.alert__title:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:3rem;
    height:3rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 42 42' xmlns='http://www.w3.org/2000/svg' fill='%23fe0015'%3E%3Cpath d='M27.592 7.006c-.115.015-9.212 4.827-9.212 4.827H6.197C2.81 11.833 0 14.683 0 18.107s2.81 6.275 6.196 6.275H7.72l3.314 9.954a.984.984 0 0 0 .911.664h6.719c.61.005 1.11-.7.91-1.282l-3.105-9.336h1.941l8.854 4.705c.577.31 1.398-.185 1.403-.844V7.972c.005-.549-.536-1.034-1.075-.966zm9.389 2.663c-.184.015-3.865 2.775-3.865 2.775-.45.291-.592 1.016-.286 1.475.305.46.99.555 1.395.194l3.355-2.567c.347-.25.508-.761.373-1.185-.136-.424-.555-.723-.972-.692zm-10.314-.003v16.667l-7.334-3.721v-9.224zm-20.318 4H18v8.667H6.349C3.999 22.333 2 20.343 2 18c0-2.344 2-4.333 4.349-4.333zM33.553 17c-.486.024-.909.523-.886 1.047.023.523.487.977.973.952h7.419c.49.007.94-.471.94-1 0-.527-.45-1.006-.94-.998 0 0-7.477-.002-7.506 0zm.014 5.334c-.398.025-.764.343-.87.755-.104.411.06.885.39 1.123l3.355 2.567c.405.362 1.09.266 1.395-.193.305-.46.165-1.185-.286-1.475l-3.355-2.568a.924.924 0 0 0-.63-.209zm-23.567 2h4.532l2.8 8.666H12.8z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
@media (min-width:64em){
    .alert__title:before{
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
.alert__heading{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    margin:0;
    color:inherit
}
@media (min-width:64em){
    .alert__text{
        width:35%;
        margin:0 2.5rem
    }
}
@media (min-width:64em){
    .alert__cta{
        flex-shrink:0
    }
}
.alert__close{
    top:0;
    right:0;
    width:4rem;
    height:4rem;
    background-color:transparent;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.458 23.458' fill='%23fff'%3E%3Cpath d='M9.029 11.729L0 2.7 2.7 0l9.029 9.029L20.757 0l2.7 2.7-9.028 9.029 9.029 9.028-2.7 2.7-9.03-9.028L2.7 23.458l-2.7-2.7z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1rem 1rem
}
.alert__close,.alert__label{
    position:absolute;
    padding:0;
    border:0
}
.alert__label{
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.block{
    padding:3rem 0;
    border-top:.0625rem solid #00a9e0;
    border-top:.0625rem solid var(--sky);
    border-bottom:.0625rem solid #00a9e0;
    border-bottom:.0625rem solid var(--sky);
    opacity:1
}
/*
@media (min-width:64em){
    .block{
        opacity:0;
        transition:opacity 2s
    }
}
*/
@media (min-width:48em){
    .block{
        display:flex;
        justify-content:space-between
    }
}
.block+.block{
    border-top:0
}
.block--animate{
    opacity:1
}
.block--alt,.block--hex{
    margin-top:3rem;
    padding-top:0;
    border-top:0
}
@media (min-width:48em){
    .block__media{
        align-self:flex-start;
        flex-shrink:0;
        max-width:40%;
        margin-right:2rem
    }
}
@media (min-width:48em){
    .block--alt .block__media{
        max-width:25%
    }
}
@media (min-width:48em){
    .block--flip .block__media{
        order:1;
        margin-right:0;
        margin-left:2rem
    }
}
.block--hex .block__media{
    position:relative;
    margin-left:2rem
}
@media (min-width:48em){
    .block--hex .block__media{
        margin-right:2rem
    }
}
@media (min-width:80em){
    .block--hex .block__media{
        margin-right:4rem;
        margin-left:4rem
    }
}
.block--hex .block__media:after{
    content:"";
    position:absolute;
    top:50%;
    left:-4rem;
    width:8rem;
    height:8rem;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:.5
}
@media (min-width:80em){
    .block--hex .block__media:after{
        left:-5rem;
        width:10rem;
        height:10rem
    }
}
.block--hex.block--flip .block__media{
    margin-left:0;
    margin-right:2rem
}
@media (min-width:48em){
    .block--hex.block--flip .block__media{
        margin-right:2rem;
        margin-left:2rem
    }
}
@media (min-width:80em){
    .block--hex.block--flip .block__media{
        margin-right:4rem;
        margin-left:4rem
    }
}
.block--hex.block--flip .block__media:after{
    right:-4rem;
    left:auto
}
@media (min-width:80em){
    .block--hex.block--flip .block__media:after{
        right:-5rem
    }
}
.block__media img{
    -webkit-transform:scale(1);
    transform:scale(1);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
.block__media:hover img{
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}
.block__play{
    display:block;
    position:relative
}
.block__play:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:6rem;
    height:6rem;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42' fill='%23fff'%3E%3Cpath d='M21 41.914C9.402 41.914 0 32.551 0 21 0 9.45 9.402.086 21 .086S42 9.449 42 21c0 11.55-9.402 20.914-21 20.914zM32.216 21L14.08 11.256v19.488z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:6rem 6rem;
    opacity:.9;
    z-index:1
}
.block__play:hover:before{
    opacity:1
}
.block__content{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286
}
.block__content>:first-child{
    margin-top:0
}
.block__content>:last-child{
    margin-bottom:0
}
.block__content{
    margin-top:2rem
}
@media (min-width:48em){
    .block__content{
        align-self:center;
        margin-top:0
    }
}
.block--alt .block__content,.block--hex .block__content{
    font:inherit;
    line-height:inherit
}
.block__heading a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.block__heading a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.block--hex .block__heading a{
    color:#009dd1;
    color:var(--sky-md)
}
.branding{
    display:none;
    position:relative;
    margin-bottom:2rem
}
@media (min-width:64em){
    .branding{
        display:block
    }
}
.branding .logo-text__ds,.branding .logo-text__u{
    transition:fill .3s ease;
    transition:fill var(--transition)
}
.branding--light .logo-text__ds,.branding--light .logo-text__u{
    fill:#fff;
    fill:var(--white)
}
.branding--simple{
    margin:0
}
.branding--alt{
    display:block;
    height:4.8125rem
}
@media (min-width:64em){
    .branding--alt{
        height:10.9375rem;
        margin-bottom:4rem
    }
}
.branding__hex{
    position:absolute;
    top:0;
    right:0;
    width:20rem;
    pointer-events:none;
    z-index:1
}
.branding__hex path:first-child{
    -webkit-animation:hex-in-1 2s ease 1s both;
    animation:hex-in-1 2s ease 1s both
}
.branding__hex path:nth-child(2){
    -webkit-animation:hex-in-2 2s ease 1.25s both;
    animation:hex-in-2 2s ease 1.25s both
}
.branding__hex path:nth-child(3){
    -webkit-animation:hex-in-1 2s ease 1.5s both;
    animation:hex-in-1 2s ease 1.5s both
}
.branding--alt .branding__hex{
    display:none
}
@media (min-width:64em){
    .branding--alt .branding__hex{
        display:block;
        width:26rem
    }
}
.branding__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .branding__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .branding__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.branding__container{
    padding-top:2rem
}
.branding--simple .branding__container{
    display:none
}
@media (min-width:64em){
    .branding--alt .branding__container{
        padding-top:4rem
    }
}
.branding__logo{
    display:block;
    width:16rem;
    max-width:100%
}
.branding--alt .branding__logo{
    position:relative;
    width:14rem;
    margin:0 auto;
    z-index:1
}
@media (min-width:64em){
    .branding--alt .branding__logo{
        width:24rem;
        margin:0
    }
}
.branding__logo__small{
    display:none;
    transition:color .3s ease;
    transition:color var(--transition)
}
.branding--alt .branding__logo__small{
    display:block;
    color:#003552;
    color:var(--blue)
}
@media (min-width:64em){
    .branding--alt .branding__logo__small{
        display:none
    }
}
.branding--light .branding__logo__small{
    color:#fff;
    color:var(--white)
}
.branding--alt .branding__logo__large{
    display:none
}
@media (min-width:64em){
    .branding--alt .branding__logo__large{
        display:block
    }
}
.branding__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.breadcrumbs{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    color:#00779e;
    color:var(--sky-dk)
}
.breadcrumbs--white{
    color:#fff;
    color:var(--white)
}
@media (min-width:64em){
    .breadcrumbs--fixed{
        color:#00779e;
        color:var(--sky-dk)
    }
}
.breadcrumbs__placeholder{
    display:none
}
@media (min-width:64em){
    .breadcrumbs--fixed .breadcrumbs__placeholder{
        display:block
    }
}
@media (min-width:64em){
    .breadcrumbs--fixed .breadcrumbs__wrapper{
        position:fixed;
        top:0;
        left:8rem;
        width:calc(100% - 8rem);
        padding:1.3125rem 0;
        background-color:#fff;
        background-color:var(--white);
        box-shadow:0 0 1rem rgba(0,0,0,.2);
        box-shadow:0 0 1rem var(--shadow);
        -webkit-animation:slide-down .3s ease both;
        animation:slide-down .3s ease both;
        -webkit-animation:slide-down var(--transition) both;
        animation:slide-down var(--transition) both;
        z-index:3
    }
}
.breadcrumbs__container{
    display:flex;
    flex-wrap:wrap
}
@media (min-width:64em){
    .breadcrumbs--fixed .breadcrumbs__container{
        width:100%;
        max-width:80rem;
        margin-right:auto;
        margin-left:auto;
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .breadcrumbs--fixed .breadcrumbs__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.breadcrumbs__separator{
    margin:0 .5rem
}
.breadcrumbs__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.breadcrumbs__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.breadcrumbs__link{
    color:#003552;
    color:var(--blue)
}
.breadcrumbs--white .breadcrumbs__link{
    color:#fff;
    color:var(--white)
}
.breadcrumbs--white .breadcrumbs__link:hover{
    border-bottom-color:#fff;
    border-bottom-color:var(--white)
}
.breadcrumbs--fixed .breadcrumbs__link{
    color:#003552;
    color:var(--blue)
}
.breadcrumbs--fixed .breadcrumbs__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md);
    color:inherit
}
.breadcrumbs__link--icon{
    border-bottom-color:transparent!important;
}
.breadcrumbs__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.breadcrumbs__icon{
    width:.875rem
}
 


.sui-search-bar-header input.button.sui-search-box__submit {
    border-top:none!important;
    border-right:none!important;
    border-left: 1px solid #00779e !important;
    border-left: 1px solid var(--sky-dk) !important;

}

input.button.sui-search-box__submit{
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;

}

input.button.sui-search-box__submit:hover{
 
    border-top:none !important;
    border-top:none !important;
}

.button{
    box-shadow:2px 3px 4px #00779e; 
    font-family:urw-din,sans-serif; 
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    display:inline-block;
    position:relative;
    padding:.5rem 1.75rem .5rem;  
    border:0;
    border:.25rem solid #00a9e0;   
    border:.25rem solid var(--sky); 

    background-color:transparent;
    color:#000;
    color:var(--black);
    text-align:center;
    text-decoration:none
}

.button:after,.button:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}

.button:hover{
    background-color: #004165;
    color:white;
    transition:background-color .3s;
    
}

.button:active{
    border:.25rem solid #004165;

}


.button:before{
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;

}
.button:after{
    -webkit-transform:scaleX(0);
    transform:scaleX(0);

}

.button:hover:after,.button:hover:before{
    -webkit-transform:none;
    transform:none
}
.button--full{
    width:100%
}
.button--white{
    color:#fff;
    color:var(--white)
}
.button--red-border,.button--red-border:after,.button--red-border:before{
    border-color:#fe0015;
    border-color:var(--red)
}







/*

.button{

    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    display:inline-block;
    position:relative;
    padding:.75rem 1.75rem .5rem;
    border:0;
    border-bottom:.25rem solid #00a9e0;
    border-bottom:.25rem solid var(--sky);

    background-color:transparent;
    color:#000;
    color:var(--black);
    text-align:center;
    text-decoration:none
}
.button:after,.button:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}

.button:before{
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    border-right:.25rem solid #00a9e0;
    border-right:.25rem solid var(--sky);
    border-left:.25rem solid #00a9e0;
    border-left:.25rem solid var(--sky)
}
.button:after{
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    border-top:.25rem solid #00a9e0;
    border-top:.25rem solid var(--sky)
}
.button:hover:after,.button:hover:before{
    -webkit-transform:none;
    transform:none
}
.button--full{
    width:100%
}
.button--white{
    color:#fff;
    color:var(--white)
}
.button--red-border,.button--red-border:after,.button--red-border:before{
    border-color:#fe0015;
    border-color:var(--red)
}


*/



.card{
    display:block;
    padding-top:1rem;
    text-decoration:none
}
.card__image{
    position:relative
}
.card__image:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:120%;
    height:120%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.card__image>img{
    border-radius:50%
}
.card__image{
    width:10rem;
    max-width:100%;
    margin:0 auto -5rem
}
.card__content>:first-child{
    margin-top:0
}
.card__content>:last-child{
    margin-bottom:0
}
.card__content{
    padding:7.5rem 2rem 2rem;
    border-bottom:.25rem solid transparent;
    background-clip:padding-box;
    background-color:#f4f4f4;
    background-color:var(--gray-lt);
    text-align:center
}
.card:hover .card__content{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md);
    box-shadow:0 1rem 1rem rgba(0,0,0,.2);
    box-shadow:0 1rem 1rem var(--shadow)
}
.card__title{
    color:#00779e;
    color:var(--sky-dk);
    font-size:1.25rem;
    line-height:1.2;
    margin:0
}
.card__subtitle,.card__title{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-weight:400;
    letter-spacing:normal;
    text-transform:none
}
.card__subtitle{
    color:#003552;
    color:var(--blue);
    font-size:1rem;
    line-height:1.125;
    margin:.25rem 0 0
}
.carousel{
    position:relative;
    margin:3rem 0
}
.carousel--full{
    margin-bottom:6rem;
    padding-bottom:4rem
}
@media (min-width:48em){
    .carousel--full{
        padding-bottom:0
    }
}
.carousel--story{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .carousel--story{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .carousel--story{
        padding-right:4rem;
        padding-left:4rem
    }
}
.carousel--story{
    margin-top:6rem;
    margin-bottom:6rem
}
.carousel--media{
    margin:1.25rem 0
}
@media (min-width:64em){
    .carousel--media{
        width:calc(50% - 1.5rem);
        margin:0 0 3rem 3rem;
        float:right
    }
}
.carousel__header{
    margin:0
}
.carousel__title{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.833;
    text-transform:uppercase
}
@media (min-width:48em){
    .carousel__title{
        font-size:3.75rem
    }
}
.carousel__title{
    margin:0
}
@media (min-width:64em){
    .carousel__title{
        max-width:44rem
    }
}
.carousel__options{
    display:flex;
    justify-content:flex-end;
    margin:2rem 0
}
@media (min-width:64em){
    .carousel__options{
        margin:0 0 3rem
    }
}
.carousel__toggle{
    width:2rem;
    height:2rem;
    margin-left:1rem;
    padding:0;
    border:0;
    background-color:transparent;
    color:#747676;
    color:var(--gray-dk)
}
.carousel__toggle--active{
    color:#00779e;
    color:var(--sky-dk)
}
.carousel__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.carousel--story .carousel__wrapper{
    position:relative
}
.carousel__container:after{
    content:"flickity";
    display:none
}
@media (min-width:64em){
    .carousel--story .carousel__container{
        padding-bottom:8rem
    }
}
.carousel--story .carousel__container:not(.carousel__container--grid):not(.flickity-enabled){
    display:flex;
    flex-wrap:nowrap
}
.carousel__container--grid{
    display:flex;
    flex-wrap:wrap;
    margin-top:-.25rem;
    margin-left:-.25rem
}
@media (min-width:64em){
    .carousel__container--grid{
        padding-bottom:0!important
    }
}
.carousel__container--grid:after{
    content:""
}
.carousel__media>:first-child{
    margin-top:0
}
.carousel__media>:last-child{
    margin-bottom:0
}
.carousel__media{
    width:100%;
    margin:0 1rem
}
.carousel__caption{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none
}
.carousel__caption>:first-child{
    margin-top:0
}
.carousel__caption>:last-child{
    margin-bottom:0
}
.carousel__caption{
    min-height:3rem;
    margin:2rem 0 0;
    padding-bottom:5rem;
    color:inherit
}
@media (min-width:48em){
    .carousel__caption{
        padding-right:12rem;
        padding-bottom:0
    }
}
.carousel__counter{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    font-weight:400;
    letter-spacing:.0125rem;
    line-height:1.286;
    text-transform:none;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    width:4rem;
    height:3rem;
    margin:0
}
.carousel--full .carousel__counter,.carousel--media .carousel__counter{
    right:3rem;
    bottom:0
}
.carousel--story .carousel__counter{
    top:-4.5rem;
    left:3rem
}
@media (min-width:64em){
    .carousel--story .carousel__counter{
        top:auto;
        bottom:0;
        left:calc(50% - 2rem)
    }
}
.carousel--story .carousel__container:not(.flickity-enabled)+.carousel__counter,.carousel__container--grid+.carousel__counter{
    display:none
}
.carousel__full{
    width:100%;
    margin:0 1rem
}
@media (min-width:48em){
    .carousel__full{
        margin:0
    }
}
.carousel__image{
    position:relative;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
@media (min-width:48em){
    .carousel__image{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
.carousel__image:before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translate(50%,-50%);
    transform:translate(50%,-50%);
    width:8rem;
    height:8rem;
    transition:opacity .3s ease;
    transition:opacity var(--transition);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:0;
    z-index:1
}
@media (min-width:32em){
    .carousel__image:before{
        width:12rem;
        height:12rem
    }
}
@media (min-width:48em){
    .carousel__image:before{
        width:16rem;
        height:16rem
    }
}
.is-selected .carousel__image:before{
    opacity:.5
}
.is-selected .carousel__image{
    -webkit-transform:none;
    transform:none
}
.carousel__content>:first-child{
    margin-top:0
}
.carousel__content>:last-child{
    margin-bottom:0
}
.carousel__content{
    position:relative;
    padding:2rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
@media (min-width:48em){
    .carousel__content{
        max-width:28rem;
        margin-top:-8rem;
        margin-left:2.5rem;
        transition:opacity .3s ease;
        transition:opacity var(--transition);
        opacity:0
    }
}
@media (min-width:64em){
    .carousel__content{
        max-width:34rem;
        margin-left:4rem
    }
}
.is-selected .carousel__content{
    opacity:1
}
.carousel__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none
}
.carousel__story{
    flex-shrink:0;
    position:relative;
    width:100%;
    margin:0 1.5rem 0 0
}
@media (min-width:48em){
    .carousel__story{
        margin:0 2.5rem 0 0
    }
}
@media (min-width:64em){
    .carousel__story{
        display:flex;
        justify-content:space-between
    }
}
.carousel__container--grid .carousel__story{
    position:relative!important;
    left:auto!important;
    width:calc(100% - .25rem);
    margin:.25rem 0 0 .25rem;
    background:#000;
    background:var(--black)
}
@media (min-width:48em){
    .carousel__container--grid .carousel__story{
        width:calc(50% - .25rem)
    }
}
@media (min-width:64em){
    .carousel__container--grid .carousel__story{
        display:block;
        width:calc(33.333% - .25rem)
    }
}
@media (min-width:64em){
    .carousel__photo{
        width:calc(66.666% - 1.25rem)
    }
}
@media (min-width:64em){
    .carousel__container--grid .carousel__photo{
        width:100%
    }
}
.carousel__interior{
    margin-top:1.5rem;
    transition:opacity .3s ease;
    transition:opacity var(--transition);
    opacity:0
}
@media (min-width:64em){
    .carousel__interior{
        width:calc(33.333% - 1.25rem);
        margin:0
    }
}
.is-selected .carousel__interior{
    opacity:1
}
.carousel__container--grid .carousel__interior{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:1.5rem;
    transition:none;
    opacity:0
}
.carousel__container--grid .carousel__interior:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(#009dd1,#003552);
    background-image:linear-gradient(var(--sky-md),var(--blue));
    opacity:.75
}
.carousel__container--grid .carousel__story:hover .carousel__interior,.carousel__container--grid .carousel__story[focus-within] .carousel__interior{
    opacity:1
}
.carousel__container--grid .carousel__story:focus-within .carousel__interior{
    opacity:1
}
.carousel__short>:first-child{
    margin-top:0
}
.carousel__short>:last-child{
    margin-bottom:0
}
.carousel__short{
    position:relative
}
.carousel__name{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    margin:0
}
.carousel__container--grid .carousel__name{
    color:#fff;
    color:var(--white)
}
.carousel__subtitle{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    margin:.5rem 0 0
}
.carousel__container--grid .carousel__subtitle{
    color:#fff;
    color:var(--white)
}
.carousel__container--grid .carousel__body{
    display:none
}
.carousel__open{
    display:none;
    flex-shrink:0;
    position:relative;
    width:3rem;
    height:3rem;
    margin-left:auto;
    border:.25rem solid #fff;
    border:.25rem solid var(--white);
    border-radius:50%;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition);
    background-color:transparent;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.683 4.683' fill='%23fff'%3E%3Cpath d='M2.072 0v2.072H0v.54h2.072v2.072h.54V2.61h2.072v-.539H2.61V0h-.539z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1rem 1rem
}
.carousel__open:hover{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.carousel__container--grid .carousel__open{
    display:block
}
.carousel__selector{
    display:none
}
.columns{
    margin:1rem 0
}
@media (min-width:48em){
    .columns{
        display:flex;
        justify-content:space-between
    }
}
.columns--gap{
    margin-top:0;
    margin-left:-2.5rem
}
.columns__item>:first-child{
    margin-top:0
}
.columns__item>:last-child{
    margin-bottom:0
}
.columns__item{
    margin-top:4rem
}
@media (min-width:48em){
    .columns__item{
        width:calc(50% - 2rem);
        margin-top:0
    }
}
.columns__item:first-child{
    margin-top:0
}
.columns--gap .columns__item{
    width:calc(100% - 2.5rem);
    margin:2.5rem 0 0 2.5rem
}
@media (min-width:48em){
    .columns--gap .columns__item{
        width:calc(100% - 2.5rem)
    }
}
.columns__item img{
    -webkit-transform:scale(1);
    transform:scale(1);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
/* commenting out per ticket 20781506
.columns__item:hover img{
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}*/
@media (min-width:48em){
    .columns__item--3{
        width:33.333%;
        border-left:.0625rem solid #009dd1;
        border-left:.0625rem solid var(--sky-md)
    }
}
/*
@media (min-width:64em){
    .columns__item--3{
        opacity:0;
        transition:opacity 2s ease .3s;
        transition:opacity 2s var(--transition)
    }
}
*/
.columns__item--3:first-child{
    border-left-color:transparent
}
@media (min-width:48em){
    .columns--gap .columns__item--3{
       /* width:calc(33.333% - 2.5rem); */
       /* JOE L COMMENTED THIS OUT TO FIX TEXT CARDS */ 
        border:0
    }
}

/*
.column__item--3-animate{
    opacity:1
}
*/

.columns__item--gray-lt{
    padding:2rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
@media (min-width:48em){
    .columns__inset>:first-child{
        margin-top:0
    }
    .columns__inset>:last-child{
        margin-bottom:0
    }
    .columns__inset{
        padding:1.5rem 1.5rem 0
    }
}
.cta{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    color:#00779e;
    color:var(--sky-dk);
    border-bottom:.125rem solid #00779e;
    border-bottom:.125rem solid var(--sky-dk);
    font-weight:700;
    text-decoration:none
}
.cta:hover{
    color:inherit
}
.dropdown{
    display:inline-block;
    position:relative;
    min-width:16rem
}
.dropdown__toggle{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    position:relative;
    width:100%;
    padding:.75rem 3.5rem .75rem 1.25rem;
    border:.25rem solid #00a9e0;
    border:.25rem solid var(--sky);
    background-color:transparent;
    text-align:left
}
.dropdown__toggle:after{
    content:"";
    position:absolute;
    right:1rem;
    top:.5rem;
    width:1.5rem;
    height:1.5rem;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189' fill='%2300a9e0'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.dropdown[focus-within] .dropdown__toggle:after{
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.dropdown:focus-within .dropdown__toggle:after{
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.dropdown__list{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    margin:0;
    padding:1rem 1.5rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt);
    list-style:none;
    z-index:2
}
.dropdown[focus-within] .dropdown__list{
    display:block
}
.dropdown:focus-within .dropdown__list{
    display:block
}
.dropdown__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.dropdown__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.event>:first-child{
    margin-top:0
}
.event>:last-child{
    margin-bottom:0
}
.event{
    padding:0 1.5rem
}
.event__date{
    margin:1.5em 0 .75em;
    color:#00779e;
    color:var(--sky-dk);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none
}
.event__date,.event__time{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif)
}
.event__time{
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase
}
.event__title{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    font-weight:700
}
.event__title a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.event__title a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.explore{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .explore{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .explore{
        padding-right:4rem;
        padding-left:4rem
    }
}
.explore{
    margin-top:6rem;
    margin-bottom:6rem
}
.explore__header{
    position:relative;
    z-index:1
}
@media (min-width:64em){
    .explore__header{
        display:flex;
        justify-content:space-between
    }
}
.explore__title{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.833;
    text-transform:uppercase
}
@media (min-width:48em){
    .explore__title{
        font-size:3.75rem
    }
}
.explore__title{
    margin:0
}
@media (min-width:64em){
    .explore__title{
        width:calc(40% - 1.25rem)
    }
}
.explore__image{
    margin:1.5rem 0
}
@media (min-width:48em){
    .explore__image{
        display:none
    }
}
.explore__intro>:first-child{
    margin-top:0
}
.explore__intro>:last-child{
    margin-bottom:0
}
.explore__intro{
    margin-top:1.5rem
}
@media (min-width:64em){
    .explore__intro{
        align-self:flex-end;
        width:calc(60% - 1.25rem);
        margin:0
    }
}
.explore__main{
    position:relative;
    margin-top:2.5rem;
    padding:3rem 1.5rem;
    background-color:#003552;
    background-color:var(--blue);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:0;
    color:#fff;
    color:var(--white)
}
@media (min-width:48em){
    .explore__main{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        margin-top:4rem;
        padding:3rem;
        background-size:cover
    }
}
@media (min-width:48em){
    .explore__main:before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-image:linear-gradient(#000,transparent);
        background-image:linear-gradient(var(--black),var(--transparent))
    }
}
@media (min-width:48em){
    .explore__main:after{
        content:"";
        position:absolute;
        top:-14rem;
        right:-5.5rem;
        width:32rem;
        height:32rem;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
        background-position:50%;
        background-repeat:no-repeat;
        background-size:100% 100%;
        opacity:0;
        pointer-events:none;
        transition:opacity 2s
    }
    .explore--animate .explore__main:after{
        opacity:.5;
        max-width: 35%;
    }
}
.explore__heading{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    display:none
}
@media (min-width:48em){
    .explore__heading{
        display:block;
        position:absolute;
        top:0;
        left:-.75rem;
        margin:0;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:left top;
        transform-origin:left top;
        color:#003552;
        color:var(--blue);
        background-color: #FFF;
    }
}
.explore__group{
    position:relative;
    margin-bottom:3rem;
    z-index:1
}
@media (min-width:48em){
    .explore__group{
        width:calc(50% - 1.5rem);
        margin-bottom:6rem
    }
}
.explore__subheading{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    margin:0 0 1.5rem;
    color:#fff;
    color:var(--white);
    font-weight:700;
    text-transform:uppercase
}
.explore__subheading span{
    color:#00a9e0;
    color:var(--sky)
}
.explore__list{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    margin:0;
    padding:0;
    color:#fff;
    color:var(--white);
    list-style:none
}
.explore__item{
    margin:0;
    border-bottom:.25rem solid #009dd1;
    border-bottom:.25rem solid var(--sky-md)
}
.explore__button{
    position:relative;
    width:100%;
    padding:1rem 2rem 1rem 0;
    border:0;
    background-color:transparent;
    text-align:left
}
.explore__button:after{
    content:"";
    position:absolute;
    top:1.25rem;
    right:0;
    width:1rem;
    height:1rem;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.683 4.683' fill='%23fff'%3E%3Cpath d='M2.072 0v2.072H0v.54h2.072v2.072h.54V2.61h2.072v-.539H2.61V0h-.539z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.explore__button:hover{
    color:#00a9e0;
    color:var(--sky)
}
.explore__button:hover:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.683 4.683' fill='%23009dd1'%3E%3Cpath d='M2.072 0v2.072H0v.54h2.072v2.072h.54V2.61h2.072v-.539H2.61V0h-.539z' fill-rule='evenodd'/%3E%3C/svg%3E")
}
.explore__selector{
    display:none
}
.explore__modal{
    min-height:100%;
    padding-bottom:2rem;
    background-image:linear-gradient(#003552,#009dd1);
    background-image:linear-gradient(var(--blue),var(--sky-md));
    overflow:hidden
}
.explore__modal__image{
    position:relative;
    overflow:hidden
}
.explore__modal__image:before{
    content:"";
    display:block;
    padding-top:66.666%
}
.explore__modal__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.explore__modal__content>:first-child{
    margin-top:0
}
.explore__modal__content>:last-child{
    margin-bottom:0
}
.explore__modal__content{
    position:relative;
    margin:-2rem 1rem 0;
    padding:2rem 1rem;
    background-color:#fff;
    background-color:var(--white)
}
@media (min-width:32em){
    .explore__modal__content{
        margin:-3rem 2rem 0;
        padding:2rem
    }
}
.explore__modal__content:before{
    content:"";
    position:absolute;
    width:14rem;
    height:14rem;
    top:-9.5rem;
    right:-4rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:.5;
    pointer-events:none
}
@media (min-width:32em){
    .explore__modal__content:before{
        top:-13.5rem;
        right:-6rem;
        width:20rem;
        height:20rem
    }
}
.explore__modal__content>*{
    position:relative
}
.explore__modal__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.875rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.978;
    text-transform:none
}
@media (min-width:48em){
    .explore__modal__heading{
        font-size:2.8125rem
    }
}
@media (min-width:32em){
    .explore__modal__heading{
        font-size:2.8125rem
    }
}
.explore__modal__list{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    margin:0;
    padding:0;
    border-top:.0625rem solid #00a9e0;
    border-top:.0625rem solid var(--sky);
    font-weight:700;
    list-style:none
}
.explore__modal__item{
    margin:0;
    border-bottom:.0625rem solid #00a9e0;
    border-bottom:.0625rem solid var(--sky)
}
.explore__modal__link{
    display:block;
    padding:1rem 0;
    color:#003552;
    color:var(--blue);
    text-decoration:none
}
.explore__modal__link:hover{
    color:#00779e;
    color:var(--sky-dk)
}
.explore__cta{
    position:relative;
    z-index:1
}
@media (min-width:48em){
    .explore__cta{
        margin-left:auto
    }
}
.facts{
    width:100%;
    max-width:64rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .facts{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .facts{
        padding-right:4rem;
        padding-left:4rem
    }
}
.facts{
    position:relative;
    margin-top:6rem;
    margin-bottom:6rem;
    padding-right:0;
    padding-left:2.5rem
}
@media (min-width:48em){
    .facts{
        padding-right:2.5rem
    }
}
@media (min-width:80em){
    .facts{
        padding:0 4rem
    }
}
.facts:after,.facts:before{
    content:"";
    position:absolute;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    pointer-events:none;
    z-index:1;
    opacity:.5
}
@media (min-width:64em){
    .facts:after,.facts:before{
        opacity:0
    }
}
.facts:before{
    width:14rem;
    height:14rem;
    bottom:-4.5rem;
    left:-8rem;
    transition:opacity 2s 1.5s
}
@media (min-width:48em){
    .facts:before{
        right:-2.5rem;
        left:auto
    }
}
@media (min-width:80em){
    .facts:before{
        right:-1rem
    }
}
.facts:after{
    display:none;
    transition:opacity 2s
}
@media (min-width:48em){
    .facts:after{
        display:block;
        top:-6.5rem;
        left:-7rem;
        width:23rem;
        height:23rem
    }
}
@media (min-width:80em){
    .facts:after{
        left:-5.5rem
    }
}
.facts--animate:after,.facts--animate:before{
    opacity:.5
}
.facts__title{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    position:absolute;
    top:0;
    left:1.75rem;
    margin:0;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:left top;
    transform-origin:left top;
    color:#003552;
    color:var(--blue)
}
@media (min-width:80em){
    .facts__title{
        left:3.25rem
    }
}
.facts__slider{
    position:relative;
    padding-bottom:2.5rem
}
@media (min-width:48em){
    .facts__slider{
        padding-bottom:0
    }
}
.facts__item{
    width:100%;
    min-height:calc((100vw - 2.5rem)/3*2);
    margin:0 1.25rem;
    background-color:#00779e;
    background-color:var(--sky-dk);
    background-position:50%;
    background-size:cover
}
@media (min-width:64em){
    .facts__item{
        min-height:37.5rem
    }
}
.facts__item:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:var(--black);
    opacity:.5
}
.facts__content{
    position:relative;
    margin:0 auto;
    padding:4rem 1.5rem;
    color:#fff;
    color:var(--white);
    text-align:center
}
.facts__value{
    display:block;
    font-size:6rem;
    line-height:1
}
@media (min-width:48em){
    .facts__value{
        font-size:10rem
    }
}
.facts__description{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    display:block;
    max-width:20rem;
    margin:0 auto 1rem
}

/*flyout start*/

.flyout{
    position:fixed;
    top:3.75rem;
    left:0;
    display:flex;
    flex-direction:column;
    width:100%;
    height:calc(100% - 3.75rem);
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    transition:visibility .3s ease .3s,-webkit-transform .3s ease;
    transition:transform .3s ease,visibility .3s ease .3s;
    transition:transform .3s ease,visibility .3s ease .3s,-webkit-transform .3s ease;
    transition:visibility var(--transition) var(--transition-duration),-webkit-transform var(--transition);
    transition:transform var(--transition),visibility var(--transition) var(--transition-duration);
    transition:transform var(--transition),visibility var(--transition) var(--transition-duration),-webkit-transform var(--transition);
    background-color:#003552;
    background-color:var(--blue);
    color:#fff;
    color:var(--white);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    visibility:hidden;
    z-index:-2
}

@media (min-width:64em){
    .flyout{
        top:0;
        left:8rem;
        width:calc(100% - 8rem);
        height:100%;
        background-color:#003552;
        background-color:var(--blue);
        background-image:none;
        border-left:1px solid #00a9e0;
        border-left-color:var(--sky)
    }
}


.body--menu-active .flyout--menu{
    -webkit-transform:none;
    transform:none;
    transition:visibility .3s ease,-webkit-transform .3s ease;
    transition:transform .3s ease,visibility .3s ease;
    transition:transform .3s ease,visibility .3s ease,-webkit-transform .3s ease;
    transition:visibility var(--transition),-webkit-transform var(--transition);
    transition:transform var(--transition),visibility var(--transition);
    transition:transform var(--transition),visibility var(--transition),-webkit-transform var(--transition);
    visibility:visible
}
.flyout--search{
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
@media (min-width:64em){
    .flyout--search{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
.body--search-active .flyout--search{
    -webkit-transform:none;
    transform:none;
    transition:visibility .3s ease,-webkit-transform .3s ease;
    transition:transform .3s ease,visibility .3s ease;
    transition:transform .3s ease,visibility .3s ease,-webkit-transform .3s ease;
    transition:visibility var(--transition),-webkit-transform var(--transition);
    transition:transform var(--transition),visibility var(--transition);
    transition:transform var(--transition),visibility var(--transition),-webkit-transform var(--transition);
    visibility:visible
}
.flyout__actions{
    margin:1.5rem 0 0
}
@media (min-width:64em){
    .flyout__actions{
        display:none
    }
}
.flyout__container{
    flex-shrink:0;
    width:100%
}
@media (min-width:64em){
    .flyout__container{
        display:flex;
        min-height:100%
    }
}
.flyout__main{
    padding:1.5rem 1.5rem 3rem
}
@media (min-width:64em){
    .flyout__main{
        flex-grow:1;
        width:65%;
        padding:2rem 3rem
    }
}
.flyout__nav{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.875rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.978;
    text-transform:none
}
@media (min-width:48em){
    .flyout__nav{
        font-size:2.8125rem
    }
}
.flyout__nav{
    margin:0;
    color:inherit
}
.flyout__nav__link{
    display:block;
    position:relative;
    margin:.375rem 0 0;
    padding-bottom:.375rem;
    border-bottom:.0625rem solid #00a9e0;
    border-bottom:.0625rem solid var(--sky);
    color:inherit;
    text-decoration:none
}
@media (min-width:64em){
    .flyout__nav__link{
        margin-top:1rem;
        padding-bottom:1rem;
        font-size:4.5rem
    }
}
.flyout__nav__link:before{
    content:"";
    position:absolute;
    bottom:-.0625rem;
    left:0;
    width:100%;
    border-top:.1875rem solid #fff;
    border-top:.1875rem solid var(--white);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
.flyout__nav__link:hover:before{
    -webkit-transform:none;
    transform:none
}
.flyout__nav__link:first-child{
    margin-top:0
}
.flyout__secondary{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    margin-top:1rem
}
@media (min-width:64em){
    .flyout__secondary{
        color:#00779e;
        color:var(--sky-dk);
        font-family:urw-din,sans-serif;
        font-family:var(--sans-serif);
        font-size:1.25rem;
        font-weight:400;
        letter-spacing:normal;
        line-height:1.2;
        text-transform:none;
        margin:1.5rem 0 0;
        color:inherit
    }
}
.flyout__secondary__list{
    display:flex;
    flex-wrap:wrap;
    margin:0 -.75rem;
    padding:0;
    list-style:none
}
.flyout__secondary__item{
    width:50%;
    margin:.5rem 0 0;
    padding:0 .75rem
}
@media (min-width:48em){
    .flyout__secondary__item{
        width:33.333%
    }
}
.flyout__secondary__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.flyout__secondary__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md);
    border-bottom-color:#fff;
    border-bottom-color:var(--white)
}
.flyout__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.875rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.978;
    text-transform:none
}
@media (min-width:48em){
    .flyout__heading{
        font-size:2.8125rem
    }
}
.flyout__heading{
    margin:0;
    color:inherit
}
.flyout__subheading{
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    color:#fff;
    color:var(--white)
}
.flyout__list,.flyout__subheading{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif)
}
.flyout__list{
    color:#00779e;
    color:var(--sky-dk);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    margin:2rem 0 0;
    padding:0;
    color:inherit;
    list-style:none
}
.flyout__list__item{
    margin:.5rem 0 0;
    color:inherit
}
.flyout__list__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.flyout__list__link,.flyout__list__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.flyout__list__link:hover{
    border-bottom-color:transparent
}
.flyout__side{
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-shrink:0;
    position:relative;
    padding:4.5rem 3rem 3rem;
    background-color:#003552;
    background-color:var(--blue);
    text-align:center
}
@media (min-width:64em){
    .flyout__side{
        width:35%;
        max-width:28rem;
        padding-top:3rem
    }
}
.flyout__side:before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:3rem;
    height:3rem;
    -webkit-transform:translate(-50%,-50%) rotate(90deg);
    transform:translate(-50%,-50%) rotate(90deg);
    border-radius:50%;
    background-color:#00a9e0;
    background-color:var(--sky);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189' fill='%23fff'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1rem 1rem
}
@media (min-width:64em){
    .flyout__side:before{
        display:none
    }
}
.flyout__side>*{
    max-width:100%
}
.flyout__side .h4{
    margin:1.5em 0 .75em;
    color:#00a9e0;
    color:var(--sky)
}
.flyout__image{
    border:.5rem solid #fff;
    border:.5rem solid var(--white);
    overflow:hidden
}

.footer{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .footer{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .footer{
        padding-right:4rem;
        padding-left:4rem
    }
}
.footer__interior{
    margin-bottom:5.75rem
}
@media (min-width:64em){
    .footer__interior{
        display:flex;
        align-items:flex-start;
        flex-wrap:wrap;
        position:relative;
        margin-bottom:2.5rem;
        background-color:#003552;
        background-color:var(--blue);
        color:#fff;
        color:var(--white)
    }
}
.footer__top{
    display:none
}
@media (min-width:64em){
    .footer__top{
        display:block;
        width:100%;
        padding:4rem
    }
}
.footer__logo{
    display:block;
    width:19rem;
    max-width:100%;
    color:inherit
}
.footer__logo__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.footer__mid{
    margin:1.5em 0 .75em;
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none
}
.footer__mid>:first-child{
    margin-top:0
}
.footer__mid>:last-child{
    margin-bottom:0
}
.footer__mid{
    margin:0 -1.5rem;
    padding:4rem 1.5rem 8rem;
    background-color:#003552;
    background-color:var(--blue);
    color:#fff;
    color:var(--white);
    text-align:center
}
@media (min-width:48em){
    .footer__mid{
        margin:0;
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:64em){
    .footer__mid{
        display:flex;
        flex-direction:column;
        align-self:stretch;
        flex-grow:1;
        width:30%;
        padding:0 1.5rem 4rem 4rem;
        background-color:transparent;
        text-align:left
    }
}
.footer__mid a{
    color:inherit;
    text-decoration:none
}
.footer__cta{
    margin:3rem 0
}
@media (min-width:64em){
    .footer__cta{
        margin-top:auto;
        margin-bottom:0
    }
}
.footer__social{
    display:flex;
    justify-content:center
}
@media (min-width:64em){
    .footer__social{
        display:block;
        position:absolute;
        right:4rem;
        top:4rem;
        margin-top:-.375rem
    }
}
.footer__bottom{
    position:relative;
    margin-top:-4rem;
    padding:2rem 1.5rem;
    background-color:#003552;
    background-color:var(--blue);
    background-image:linear-gradient(#00779e,#003552);
    background-image:linear-gradient(var(--sky-dk),var(--blue));
    color:#fff;
    color:var(--white)
}
@media (min-width:48em){
    .footer__bottom{
        margin-right:2.5rem;
        margin-left:2.5rem;
        padding:2rem 3rem
    }
}
@media (min-width:64em){
    .footer__bottom{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        width:60%;
        max-width:50rem;
        margin:0 0 -2.5rem
    }
}
@media (min-width:80em){
    .footer__bottom{
        width:70%
    }
}
.footer__nav{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    margin:0 0 3rem;
    font-weight:700;
    text-align:center
}
@media (min-width:48em){
    .footer__nav{
        display:flex;
        justify-content:space-between;
        flex-grow:1;
        margin-bottom:2rem
    }
}
@media (min-width:64em){
    .footer__nav{
        display:block;
        margin:0;
        text-align:left
    }
}
@media (min-width:80em){
    .footer__nav{
        display:flex
    }
}
.footer__list{
    margin:0;
    padding:0;
    list-style:none
}
@media (min-width:48em){
    .footer__list{
        width:calc(50% - 1.5rem)
    }
}
@media (min-width:64em){
    .footer__list{
        width:100%
    }
}
@media (min-width:80em){
    .footer__list{
        width:calc(50% - 1.5rem)
    }
}
.footer__item{
    margin:1rem 0
}
.footer__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.footer__link,.footer__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.footer__link,.footer__link:hover{
    color:#fff;
    color:var(--white)
}
.footer__link:hover{
    border-bottom-color:transparent
}
.footer__trojan{
    flex-shrink:0;
    width:15rem;
    max-width:100%;
    margin:0 auto -7.75rem
}
@media (min-width:64em){
    .footer__trojan{
        width:19rem;
        margin:-4rem -5.5rem 0 0
    }
}
@media (min-width:80em){
    .footer__trojan{
        margin-right:-7rem;
        margin-bottom:-3.25rem
    }
}
.footer__legal{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    margin:0;
    padding:1.5rem 0 1rem;
    color:#747676;
    color:var(--gray-dk);
    font-size:.75rem;
    text-align:center
}
@media (min-width:64em){
    .footer__legal{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        padding:.5rem 0 3.5rem;
        font-size:1rem;
        text-align:left
    }
}
.footer__copyright{
    margin-bottom:.5rem
}
@media (min-width:64em){
    .footer__copyright{
        flex-shrink:0;
        margin:.5rem 0
    }
}
.footer__links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 -.5rem
}
@media (min-width:64em){
    .footer__links{
        justify-content:flex-end
    }
}
@media (min-width:80em){
    .footer__links{
        padding-right:8.5rem
    }
}
.footer__links a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.footer__links a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.footer__links a{
    margin:.5rem
}
.gallery{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .gallery{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .gallery{
        padding-right:4rem;
        padding-left:4rem
    }
}
.gallery{
    position:relative;
    margin-top:6rem;
    margin-bottom:6rem
}
.gallery__title{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.833;
    text-transform:uppercase
}
@media (min-width:48em){
    .gallery__title{
        font-size:3.75rem
    }
}
.gallery__title{
    margin:0 0 1.5rem
}
@media (min-width:48em){
    .gallery__title{
        margin-bottom:2.5rem
    }
}
@media (min-width:64em){
    .gallery__title{
        position:absolute;
        top:0;
        left:2.5rem;
        width:calc((100% - 5rem)/2);
        margin:0;
        padding-right:4rem;
        z-index:1
    }
}
@media (min-width:80em){
    .gallery__title{
        left:4rem;
        width:calc(40% - 4rem)
    }
}
.gallery__heading{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    display:none
}
@media (min-width:64em){
    .gallery__heading{
        display:block;
        position:absolute;
        left:calc(50% - .75rem);
        margin:0;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:left top;
        transform-origin:left top;
        color:#003552;
        color:var(--blue);
        z-index:1
    }
}
@media (min-width:80em){
    .gallery__heading{
        left:calc(80% + 1.75rem)
    }
}
.gallery__grid{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:center;
    position:relative;
    margin:0 -1.5rem 6.5rem
}
@media (min-width:48em){
    .gallery__grid{
        margin:0 -2.5rem 6.5rem
    }
}
@media (min-width:64em){
    .gallery__grid{
        margin-bottom:2.5rem
    }
}
@media (min-width:80em){
    .gallery__grid{
        margin:0 -4rem 2.5rem
    }
}
.gallery__grid:after,.gallery__grid:before{
    content:"";
    position:absolute;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    pointer-events:none;
    z-index:1;
    opacity:.5
}
@media (min-width:64em){
    .gallery__grid:after,.gallery__grid:before{
        opacity:0
    }
    .gallery--animate .gallery__grid:after,.gallery--animate .gallery__grid:before{
        opacity:.5
    }
}
.gallery__grid:before{
    bottom:0;
    left:50%;
    width:8rem;
    height:8rem;
    -webkit-transform:translate(-50%,50%);
    transform:translate(-50%,50%);
    transition:opacity 2s 1.5s
}
@media (min-width:64em){
    .gallery__grid:before{
        left:75%;
        width:10rem;
        height:10rem
    }
}
@media (min-width:80em){
    .gallery__grid:before{
        bottom:18%;
        left:20%
    }
}
.gallery__grid:after{
    display:none;
    transition:opacity 2s
}
@media (min-width:80em){
    .gallery__grid:after{
        display:block;
        top:calc(33.333% - 2.5rem);
        left:90%;
        width:14rem;
        height:14rem;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
}
.gallery__item{
    position:relative;
    width:100%;
    background-color:#003552;
    background-color:var(--blue)
}
@media (min-width:32em){
    .gallery__item--1{
        width:50%
    }
}
@media (min-width:64em){
    .gallery__item--1{
        width:25%
    }
}
@media (min-width:80em){
    .gallery__item--1{
        width:20%
    }
}
@media (min-width:64em){
    .gallery__item--2{
        width:50%
    }
}
@media (min-width:80em){
    .gallery__item--2{
        width:40%
    }
}
.gallery__open{
    position:absolute;
    bottom:.25rem;
    left:.25rem;
    width:3rem;
    height:3rem;
    padding:0;
    border:0;
    border-radius:50%;
    transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;
    transition:transform .3s ease,opacity .3s ease,visibility .3s ease;
    transition:transform .3s ease,opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;
    transition:opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);
    transition:transform var(--transition),opacity var(--transition),visibility var(--transition);
    transition:transform var(--transition),opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);
    background-color:#00a9e0;
    background-color:var(--sky);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189' fill='%23fff'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:35% 35%;
    z-index:2
}
.gallery__open:hover{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.gallery__item--active .gallery__open{
    opacity:0;
    visibility:hidden
}
.gallery__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.gallery__overlay{
    display:flex;
    align-items:flex-end;
    transition:opacity .3s ease,visibility .3s ease;
    transition:opacity var(--transition),visibility var(--transition);
    color:#fff;
    color:var(--white);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    z-index:2
}
.gallery__overlay,.gallery__overlay:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.gallery__overlay:before{
    content:"";
    background-image:linear-gradient(#00779e,#003552);
    background-image:linear-gradient(var(--sky-dk),var(--blue));
    opacity:.9
}
.gallery__item--active .gallery__overlay{
    opacity:1;
    visibility:visible
}
.gallery__scroll{
    display:flex;
    flex-direction:column;
    position:relative;
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.gallery__interior>:first-child{
    margin-top:0
}
.gallery__interior>:last-child{
    margin-bottom:0
}
.gallery__interior{
    flex-shrink:0;
    width:100%;
    margin-top:auto;
    padding:4rem 2rem 2rem
}
.gallery__headline{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.5625rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.96;
    text-transform:none;
    color:#fff;
    color:var(--white)
}
.gallery__close{
    position:absolute;
    top:0;
    right:0;
    width:4rem;
    height:4rem;
    padding:0;
    border:0;
    background-color:transparent;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.458 23.458' fill='%23fff'%3E%3Cpath d='M9.029 11.729L0 2.7 2.7 0l9.029 9.029L20.757 0l2.7 2.7-9.028 9.029 9.029 9.028-2.7 2.7-9.03-9.028L2.7 23.458l-2.7-2.7z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1rem 1rem
}
.gallery__cta{
    text-align:center
}
.grid{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .grid{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .grid{
        padding-right:4rem;
        padding-left:4rem
    }
}
.grid{
    margin-top:3rem;
    margin-bottom:3rem
}
.grid__container{
    display:flex;
    flex-wrap:wrap;
    margin:-1.5rem 0 0 -1.5rem
}
@media (min-width:48em){
    .grid__container{
        margin:-2.5rem 0 0 -2.5rem
    }
}
.grid__link{
    display:block;
    width:calc(100% - 1.5rem);
    margin:1.5rem 0 0 1.5rem;
    text-decoration:none
}
@media (min-width:32em){
    .grid__link{
        width:calc(50% - 1.5rem)
    }
}
@media (min-width:48em){
    .grid__link{
        width:calc(33.333% - 2.5rem);
        margin:2.5rem 0 0 2.5rem
    }
}
@media (min-width:80em){
    .grid__link{
        width:calc(25% - 2.5rem)
    }
}
.grid__image{
    margin-bottom:.5rem
}
.grid__text{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    border-bottom:.0625em solid transparent;
    color:#003552;
    color:var(--blue)
}
.grid__link:hover .grid__text{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}

.header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:3.75rem;
    padding:0 .75rem;
    background-color:#003552;
    background-color:var(--blue);
    color:#fff;
    color:var(--white);
    z-index:4
}
@media (min-width:64em){
    .header{
        flex-direction:column;
        justify-content:flex-start;
        width:8rem;
        height:100%;
        padding:0
    }
}
@media (min-width:64em){
    .header:before{
        content:"";
        position:static;
        order:1;
        flex:1 1 auto;
        align-self:stretch;
        width:100%;
        min-height:0;
        background-image:linear-gradient(
            #003552,
            #00a9e0
        );
        background-image:linear-gradient(
            var(--blue),
            var(--sky)
        );
        pointer-events:none
    }
}
.header__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.header__logo{
    display:block;
    width:2.75rem;
    margin:0 auto;
 

}

.header__logo:focus{
    outline:2px solid #fff;
    outline-offset:-2px;
    border-radius:.25rem
    
}
@media (min-width:64em){
    .header__logo{
        width:8rem;
        margin:0;
        padding:2.25rem;
        border-bottom:.0625rem solid #00a9e0;
        border-bottom:.0625rem solid var(--sky);
        background-color:#003552;
        background-color:var(--blue)
    }


}
@media (min-width:64em) and (max-height:47.999em){
    .header__logo{
        padding-top:1.5rem;
        padding-bottom:1.5rem
    }
}
.header__toggle{
    flex-shrink:0;
    width:3rem;
    height:3rem;
    padding:0;
    border:0;
    background-color:transparent;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1.5rem 1.5rem
}

@media (min-width:64em){
    .header__toggle{
        width:8rem;
        height:8rem;
        border-bottom:.0625rem solid #00a9e0;
        border-bottom:.0625rem solid var(--sky);
        background-color:#003552;
        background-color:var(--blue)
    }
}

@media (min-width:64em) and (max-height:47.999em){
    .header__toggle{
        height:5rem
    }
}
.header__toggle--menu{
    order:-1;  
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.355 29.355' fill='%2300a9e0'%3E%3Cpath d='M0 4.42h29.355v3H0zm0 8.758h29.355v3H0zm0 8.757h29.355v3H0z' fill-rule='evenodd'/%3E%3C/svg%3E")
}


.body--menu-active .header__toggle--menu{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.458 23.458' fill='%2300a9e0'%3E%3Cpath d='M9.029 11.729L0 2.7 2.7 0l9.029 9.029L20.757 0l2.7 2.7-9.028 9.029 9.029 9.028-2.7 2.7-9.03-9.028L2.7 23.458l-2.7-2.7z' fill-rule='evenodd'/%3E%3C/svg%3E")
}
@media (min-width:64em){
    .header__toggle--menu{
        order:0
    }
}

.header__toggle--search{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.555 22.555' fill='%2300a9e0'%3E%3Cpath d='M2.8 2.623c-3.498 3.498-3.498 9.23 0 12.728 2.935 2.935 7.373 3.258 10.814 1.268l5.936 5.936 2.828-2.828-5.864-5.864c2.294-3.489 2.074-8.18-.986-11.24-3.498-3.497-9.23-3.497-12.728 0zm2.83 2.829a4.97 4.97 0 0 1 7.07 0 4.97 4.97 0 0 1 0 7.071 4.97 4.97 0 0 1-7.07 0 4.97 4.97 0 0 1 0-7.071z'/%3E%3C/svg%3E")
}
.body--search-active .header__toggle--search{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.458 23.458' fill='%2300a9e0'%3E%3Cpath d='M9.029 11.729L0 2.7 2.7 0l9.029 9.029L20.757 0l2.7 2.7-9.028 9.029 9.029 9.028-2.7 2.7-9.03-9.028L2.7 23.458l-2.7-2.7z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header__actions{
    display:none
}
@media (min-width:64em){
    .header__actions{
        display:block;
        position:relative;
        z-index:5;
        width:8rem;
        padding:0 1.5rem;
        background-color:#003552;
        background-color:var(--blue)
    }
}


.hero{
    display:flex;
    flex-direction:column;
    position:relative;
    background-color:#003552;
    background-color:var(--blue);
    background-position:50%;
    background-size:cover;
    color:#fff;
    color:var(--white)
}
.hero:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(transparent,#009dd1);
    background-image:linear-gradient(var(--transparent),var(--sky-md))
}
.hero--split:before{
    background-image:linear-gradient(-90deg,transparent,#009dd1);
    background-image:linear-gradient(-90deg,var(--transparent),var(--sky-md))
}
.hero__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .hero__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .hero__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.hero__container{
    display:flex;
    flex-direction:column;
    position:relative;
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    min-height:33.33333vw
}
@media (min-width:64em){
    .hero__container{
        min-height:calc((100vw - 8rem)/3)
    }
}
@media (min-width:80em){
    .hero__container{
        min-height:27rem
    }
}
.hero__breadcrumbs{
    position:relative;
    margin-bottom:2.5rem;
    z-index:2
}
.hero__title{
    /*position:relative;*/
    /* JOE L EDITS: I made position absolute and set bottom to 25 to lower the position of the H1 so it works with the banner iamges better.*/
    position: absolute;
    margin:auto 0;
    color:inherit;
    z-index:1;
    bottom: 25;
}
.hero__title--alt{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.1;
    text-transform:uppercase
}
@media (min-width:48em){
    .hero__title--alt{
        font-size:6rem;
        line-height:.85
    }
}
.hero__title--alt{
    align-self:flex-end;
    margin:-1.5rem 0 0;
    color:#fff;
    color:var(--white)
}
@media (min-width:48em){
    .hero__title--alt{
        margin-top:-2.5rem
    }
}
.hero__media{
    width:100%;
    margin-top:1rem;
    overflow:hidden
}
@media (min-width:48em){
    .hero__media{
        display:flex;
        align-items:center;
        justify-content:space-between;
        margin-top:-2.5rem;
        margin-bottom:2rem
    }
}
.hero__media__left{
    display:none
}
@media (min-width:48em){
    .hero__media__left{
        display:block;
        overflow:hidden
    }
}
.hero__media__left img{
    -webkit-transform:scale(1);
    transform:scale(1);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
.hero__media__left:hover img{
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}
@media (min-width:48em){
    .hero__media__right{
        flex-shrink:0;
        width:74%;
        margin-left:2.5rem;
        overflow:hidden
    }
}
.hero__media__right img{
    will-change:transform;
    -webkit-transform:scale(1.001);
    transform:scale(1.001);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
.hero__media__right:hover img{
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}
.hero__media__play{
    display:block;
    position:relative
}
.hero__media__play:before{
    content:"";
    position:absolute;
    bottom:1.5rem;
    left:1.5rem;
    width:3rem;
    height:3rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42' fill='%23fff'%3E%3Cpath d='M21 41.914C9.402 41.914 0 32.551 0 21 0 9.45 9.402.086 21 .086S42 9.449 42 21c0 11.55-9.402 20.914-21 20.914zM32.216 21L14.08 11.256v19.488z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:3rem 3rem;
    z-index:1
}
.hero__media__text{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    position:absolute;
    left:5.5rem;
    bottom:2.25rem;
    margin:0;
    color:#fff;
    color:var(--white)
}
.highlight{
    margin:4rem auto
}
.highlight__container:after{
    content:"";
    display:block;
    clear:both
}
.highlight__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .highlight__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .highlight__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.highlight__container{
    position:relative;
    padding-top:4rem;
    padding-bottom:4rem;
    background-color:#003552;
    background-color:var(--blue);
    background-image:linear-gradient(#003552,#00779e);
    background-image:linear-gradient(var(--blue),var(--sky-dk));
    color:#fff;
    color:var(--white);
    overflow:hidden
}
.highlight__container:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:70%;
    height:40rem;
    -webkit-transform:translate(30%,-55%);
    transform:translate(30%,-55%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:.5
}
.highlight__main>:first-child{
    margin-top:0
}
.highlight__main>:last-child{
    margin-bottom:0
}
.highlight__main{
    position:relative;
    width:100%;
    float:left
}
@media (min-width:64em){
    .highlight__main{
        width:70%;
        max-width:50rem
    }
}
.highlight__main a:not([class]){
    color:#fff;
    color:var(--white);
    -webkit-text-decoration-color:#fff;
    text-decoration-color:#fff;
    -webkit-text-decoration-color:var(--white);
    text-decoration-color:var(--white)
}
.highlight__main a:not([class]):hover{
    -webkit-text-decoration-color:#00a9e0;
    text-decoration-color:#00a9e0;
    -webkit-text-decoration-color:var(--sky);
    text-decoration-color:var(--sky)
}
.highlight__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.5625rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.96;
    text-transform:none;
    color:inherit
}
.highlight__side>:first-child{
    margin-top:0
}
.highlight__side>:last-child{
    margin-bottom:0
}
.highlight__side{
    position:relative;
    width:100%;
    float:right
}
@media (min-width:64em){
    .highlight__side{
        width:calc(30% - 2.5rem);
        max-width:15rem
    }
}
.input{
    position:relative
}
.input--checkbox,.input--radio{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    color:#003552;
    color:var(--blue)
}
.input--stack{
    display:block;
    margin:1rem 0
}
.input--checkbox .input__element,.input--radio .input__element{
    position:absolute;
    opacity:0
}
.input__text{
    display:block
}
.input--checkbox .input__text:before,.input--radio .input__text:before{
    content:"";
    position:absolute;
    left:0
}
.input--radio .input__text{
    padding-left:1.25rem
}
.input--radio .input__text:before{
    top:.25rem;
    width:.625rem;
    height:.625rem;
    border-radius:50%;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
.input--checkbox .input__text{
    padding-left:1.75rem
}
.input--checkbox .input__text:before{
    top:0;
    width:1.25rem;
    height:1.25rem;
    border:.25rem solid #f4f4f4;
    border:.25rem solid var(--gray-lt)
}
.input--radio input:checked+.input__text:before{
    background-color:#00a9e0;
    background-color:var(--sky)
}
.input--checkbox input:checked+.input__text:after{
    content:"";
    position:absolute;
    top:-.125rem;
    left:.125rem;
    width:1.25rem;
    height:1.25rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='%2300a9e0'%3E%3Cpath d='M864 112L384 592 160 368 0 528l384 384 640-640z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.input--checkbox input:focus+.input__text,.input--radio input:focus+.input__text{
    outline:.0625rem dotted #adafaf;
    outline:.0625rem dotted var(--gray);
    outline-offset:.125rem
}
[data-whatintent=mouse] .input--checkbox input:focus+.input__text,[data-whatintent=mouse] .input--radio input:focus+.input__text,[data-whatintent=touch] .input--checkbox input:focus+.input__text,[data-whatintent=touch] .input--radio input:focus+.input__text{
    outline:0
}
.inset{
    margin:4rem 0;
    padding:6rem 0;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
.inset__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .inset__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .inset__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.inset__container{
    position:relative
}
@media (min-width:64em){
    .inset__container{
        display:flex;
        flex-direction:column;
        align-items:flex-end
    }
}

/*
.inset__hex{
    display:none
} */

@media (min-width:64em){
    .inset__hex{
        display:block;
        position:absolute;
        top:-9rem;
        left:2.5rem;
        width:calc(39% - 4.45rem)
    }
}
@media (min-width:80em){
    .inset__hex{
        left:4rem;
        width:calc(39% - 5.62rem)
    }
}

/*
.inset__hex path{
    opacity:0
}
.inset--animate .inset__hex path:first-child{
    -webkit-animation:hex-in-1 2s ease 1s both;
    animation:hex-in-1 2s ease 1s both
}
.inset--animate .inset__hex path:nth-child(2){
    -webkit-animation:hex-in-2 2s ease 1.25s both;
    animation:hex-in-2 2s ease 1.25s both
}
.inset--animate .inset__hex path:nth-child(3){
    -webkit-animation:hex-in-1 2s ease 1.5s both;
    animation:hex-in-1 2s ease 1.5s both
}
*/
.inset__interior>:first-child{
    margin-top:0
}
.inset__interior>:last-child{
    margin-bottom:0
}
@media (min-width:64em){
    .inset__interior{
        width:61%
    }
}
.inset__heading:before{
    content:"";
    display:block;
    width:2.5rem;
    padding-top:.75rem;
    border-top:.25rem solid #009dd1;
    border-top:.25rem solid var(--sky-md)
}
.inset__list{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    margin:0;
    padding:0;
    list-style:none
}
.inset__list__item{
    margin:.375em 0
}
.inset__list__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.inset__list__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.inset__list__link{
    color:#003552;
    color:var(--blue)
}
.intro{
    width:100%;
    max-width:64rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}


@media (min-width:48em){
    .intro{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .intro{
        padding-right:4rem;
        padding-left:4rem
    }
}
.intro{
    font-family:arno-pro,serif;
    font-family:var(--serif);
    font-size:1.5625rem;
    line-height:1.04;
    position:relative;
    margin-bottom:4rem;
    margin-top:-1.5rem;
    pointer-events:none;
    /*opacity:1*/
}
/*
@media (min-width:64em){
    .intro{
        opacity:0;
        transition:opacity 2s
    }
}*/
@media (min-width:48em){
    .intro{
        margin-top:-2.5rem
    }
}
/*
.intro--animate{
    opacity:1
} */

@media (min-width:80em){
    .intro--pull{
        margin-top:-13rem
    }
}
.intro--simple{
    margin-top:4rem;
    margin-bottom:4rem
}
.intro--center{
    text-align:center
}
.intro__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .intro__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .intro__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.intro__container>:first-child{
    margin-top:0
}
.intro__container>:last-child{
    margin-bottom:0
}
.intro__container{
    padding-top:5.5rem;
    border-left:.25rem solid #009dd1;
    border-left:.25rem solid var(--sky-md)
}
@media (min-width:48em){
    .intro__container{
        padding-top:6.5rem
    }
}
.intro__container *{
    pointer-events:auto
}
@media (min-width:80em){
    .intro--pull .intro__container{
        padding-top:17rem
    }
}
.intro--simple .intro__container{
    padding:0;
    border:0
}
.intro__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    font-weight:400;
    letter-spacing:.0125rem;
    line-height:1.286;
    text-transform:none
}
.list{
    margin:4rem 0 -3rem
}
.list__options{
    display:none;
    justify-content:flex-end;
    margin-bottom:2rem
}
@media (min-width:48em){
    .list__options{
        display:flex
    }
}
.list__toggle{
    width:2rem;
    height:2rem;
    margin-left:1rem;
    padding:0;
    border:0;
    background-color:transparent;
    color:#adafaf;
    color:var(--gray)
}
.list__toggle--active{
    color:#00a9e0;
    color:var(--sky)
}
.list__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.list__items{
    display:flex;
    flex-wrap:wrap;
    margin-left:-3rem;
    overflow:hidden
}
.list__item{
    position:relative;
    width:calc(100% - 3rem);
    margin-bottom:3rem;
    margin-left:3rem;
    padding-bottom:3rem;
    border-bottom:.0625rem solid #00a9e0;
    border-bottom:.0625rem solid var(--sky)
}
@media (min-width:48em){
    .list__item{
        width:calc(50% - 3rem)
    }
}
@media (min-width:64em){
    .list__item{
        width:calc(33.333% - 3rem)
    }
}
.list__item:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-.0625rem;
    width:500%;
    border-top:.0625rem solid #00a9e0;
    border-top:.0625rem solid var(--sky)
}
.list--stack .list__item{
    width:calc(100% - 3rem)
}
@media (min-width:48em){
    .list--stack .list__item{
        display:flex;
        justify-content:space-between
    }
}
.list__image{
    margin-bottom:1.5rem
}
@media (min-width:48em){
    .list--stack .list__image{
        flex-shrink:0;
        order:1;
        width:35%;
        margin-bottom:0;
        margin-left:3rem
    }
}
.list__content>:first-child{
    margin-top:0
}
.list__content>:last-child{
    margin-bottom:0
}
@media (min-width:48em){
    .list--stack .list__content{
        max-width:75%
    }
}
.list__date{
    color:#00779e;
    color:var(--sky-dk);
    font-size:1.25rem;
    line-height:1.2
}
.list__date,.list__title{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-weight:400;
    letter-spacing:normal;
    text-transform:none;
    margin:1rem 0
}
.list__title{
    color:#003552;
    color:var(--blue);
    font-size:1.5625rem;
    line-height:.96
}
.list__title a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.list__title a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.list__meta{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    color:#003552;
    color:var(--blue)
}
.list__meta a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.list__meta a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.list__meta a{
    margin-right:.25rem;
    border-bottom-color:#003552;
    border-bottom-color:var(--blue)
}
.list__meta a:hover{
    border-bottom-color:transparent
}
.location{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .location{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .location{
        padding-right:4rem;
        padding-left:4rem
    }
}
.location{
    margin-top:6rem;
    margin-bottom:6rem
}
@media (min-width:80em){
    .location{
        display:flex;
        align-items:flex-end;
        justify-content:space-between
    }
}
.location__title{
    margin:0
}
@media (min-width:64em){
    .location__title{
        flex-grow:1
    }
}
.location__info{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    margin-top:2rem;
    color:#003552;
    color:var(--blue)
}
@media (min-width:32em){
    .location__info{
        display:flex;
        width:27rem
    }
}
@media (min-width:80em){
    .location__info{
        flex-shrink:0;
        margin-top:0;
        margin-left:2.5rem
    }
}
.location__info a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.location__info a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.location__side{
    margin-top:1rem
}
@media (min-width:32em){
    .location__side{
        width:50%;
        margin-top:0;
        padding-left:2.5rem;
        border-left:.25rem solid #009dd1;
        border-left:.25rem solid var(--sky-md)
    }
}
.location__side:first-child{
    margin-top:0
}
@media (min-width:32em){
    .location__side:first-child{
        padding-left:0;
        padding-right:2.5rem;
        border-left:0
    }
}
.main:after{
    content:"";
    display:block;
    clear:both
}
.main{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .main{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .main{
        padding-right:4rem;
        padding-left:4rem
    }
}
.main{
    position:relative;
    margin-top:2rem;
    margin-bottom:2rem;
    z-index:1
}
.main__content>:first-child{
    margin-top:0
}
.main__content>:last-child{
    margin-bottom:0
}
.main__content{
    width:100%;
    margin:2rem 0;
    float:right
}
@media (min-width:64em){
    .main__content{
        width:70%;
        max-width:50rem
    }
}
.main--flip .main__content{
    float:left
}
.main__content--center{
    margin:4rem auto;
    float:none
}
.main__sidebar>:first-child{
    margin-top:0
}
.main__sidebar>:last-child{
    margin-bottom:0
}
.main__sidebar{
    width:100%;
    margin:2rem 0;
    float:left
}
@media (min-width:64em){
    .main__sidebar{
        width:calc(30% - 2.5rem);
        max-width:15rem
    }
}
.main--flip .main__sidebar{
    float:right
}
.main__full>:first-child{
    margin-top:0
}
.main__full>:last-child{
    margin-bottom:0
}
.main__full{
    width:100%;
    margin:2rem 0;
    float:left
}
.main__gray{
    padding-top:2rem;
    padding-bottom:2rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
.image,.media{
    margin:4rem 0
}
@media (min-width:48em){
    .image.align-left,.image.align-right,.media--left,.media--right{
        width:50%;
        margin:0 2rem 2rem
    }
}
@media (min-width:48em){
    .image.align-left,.media--left{
        margin-left:0;
        float:left
    }
}
@media (min-width:48em){
    .image.align-right,.media--right{
        margin-right:0;
        float:right
    }
}
.media--flush{
    margin:0
}
.media__play{
    display:block;
    position:relative
}
.media__play:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:6rem;
    height:6rem;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42' fill='%23fff'%3E%3Cpath d='M21 41.914C9.402 41.914 0 32.551 0 21 0 9.45 9.402.086 21 .086S42 9.449 42 21c0 11.55-9.402 20.914-21 20.914zM32.216 21L14.08 11.256v19.488z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:6rem 6rem;
    opacity:.9
}
.media__play:hover:before{
    opacity:1
}
.image figcaption,.media__caption{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286
}
.image figcaption>:first-child,.media__caption>:first-child{
    margin-top:0
}
.image figcaption>:last-child,.media__caption>:last-child{
    margin-bottom:0
}
.image figcaption,.media__caption{
    position:relative;
    margin-top:-.75rem;
    margin-left:.75rem;
    padding:1.5rem .75rem 0;
    border-left:.25rem solid #00a9e0;
    border-left:.25rem solid var(--sky)
}
.pagination{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:4rem 0;
    font-weight:700;
    text-align:center
}
.pagination__button{
    flex-shrink:0;
    width:3rem;
    height:3rem;
    margin:.5rem 1rem;
    padding:0;
    border:.25rem solid #009dd1;
    border:.25rem solid var(--sky-md);
    border-radius:50%;
    background-color:#fff;
    background-color:var(--white);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:35% 35%
}
.pagination__button[disabled]{
    opacity:.25
}
.pagination__button--previous{
    margin-left:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 4.189 4.189' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.851 2.094L2.894 0l.444.455-1.599 1.64 1.599 1.638-.444.455z'/%3E%3C/svg%3E")
}
.pagination__button--next{
    margin-right:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.189 4.189'%3E%3Cpath d='M3.338 2.094L1.295 0 .851.455l1.599 1.64L.851 3.733l.444.455z'/%3E%3C/svg%3E")
}
.pagination__items{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.pagination__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.pagination__link{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.pagination__link:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.pagination__link{
    margin:.5rem;
    padding:0;
    border:0;
    border-bottom:.0625rem solid transparent;
    background-color:transparent
}
.pagination__link[disabled]{
    border:0;
    color:#747676;
    color:var(--gray-dk)
}
.profile{
    margin:8rem 0 4rem;
    padding:4rem 1.5rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
@media (min-width:48em){
    .profile{
        display:flex;
        align-items:flex-start;
        margin:4rem 0 4rem 4rem;
        padding:4rem
    }
}
.profile__media{
    position:relative
}
.profile__media:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:120%;
    height:120%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.profile__media>img{
    border-radius:50%
}
.profile__media{
    width:15rem;
    max-width:100%;
    margin:-8rem auto 3rem
}
@media (min-width:48em){
    .profile__media{
        flex-shrink:0;
        max-width:40%;
        margin:0 3rem 0 -8rem
    }
}
.profile__content>:first-child{
    margin-top:0
}
.profile__content>:last-child{
    margin-bottom:0
}
.profile__title{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    font-weight:700
}
@-webkit-keyframes grow{
    0%{
        -webkit-transform:translateY(6rem);
        transform:translateY(6rem)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes grow{
    0%{
        -webkit-transform:translateY(6rem);
        transform:translateY(6rem)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.prompt{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .prompt{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .prompt{
        padding-right:4rem;
        padding-left:4rem
    }
}
.prompt{
    margin-top:8.5rem;
    margin-bottom:6rem
}
@media (min-width:64em){
    .prompt{
        display:flex;
        align-items:center
    }
}
.prompt__image{
    position:relative
}
@media (min-width:64em){
    .prompt__image{
        flex-shrink:0;
        width:45%
    }
}
.prompt__image:before{
    content:"";
    position:absolute;
    top:-2.5rem;
    right:-8rem;
    width:14rem;
    height:14rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:.5
}
@media (min-width:64em){
    .prompt__image:before{
        -webkit-transform:translateY(6rem);
        transform:translateY(6rem)
    }
    .prompt--animate .prompt__image:before{
        -webkit-animation:grow 2s forwards;
        animation:grow 2s forwards
    }
}
.prompt__content{
    position:relative;
    text-align:center
}
@media (min-width:64em){
    .prompt__content{
        flex-grow:1
    }
}
.prompt__title{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.833;
    text-transform:uppercase
}
@media (min-width:48em){
    .prompt__title{
        font-size:3.75rem
    }
}
.prompt__title{
    margin:1.5rem 0
}
@media (min-width:48em){
    .prompt__title{
        margin:2.5rem 0 1.5rem
    }
}
@media (min-width:64em){
    .prompt__title{
        margin-top:0
    }
}
@media (min-width:80em){
    .prompt__title{
        margin-left:-50%;
        text-align:right
    }
}
.prompt__title span{
    display:inline-block;
    color:#009dd1;
    color:var(--sky-md)
}
.prompt__buttons{
    display:inline-flex;
    flex-direction:column;
    margin:0;
    padding:0;
    list-style:none
}
@media (min-width:48em){
    .prompt__buttons{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center
    }
}
@media (min-width:64em){
    .prompt__buttons{
        padding:0 1.25rem
    }
}
@media (min-width:80em){
    .prompt__buttons{
        justify-content:flex-end;
        padding:0
    }
}
.prompt__item{
    margin:.5rem 0
}
@media (min-width:48em){
    .prompt__item{
        margin:1rem 1.25rem 0
    }
}
@media (min-width:80em){
    .prompt__item:last-child{
        margin-right:0
    }
}
.quote{
    font-family:arno-pro,serif;
    font-family:var(--serif);
    font-size:2rem;
    line-height:.958
}
@media (min-width:48em){
    .quote{
        font-size:3rem
    }
}
.quote>:first-child{
    margin-top:0
}
.quote>:last-child{
    margin-bottom:0
}
.quote{
    margin:4rem 0;
    color:#003552;
    color:var(--blue);
    text-align:center
}
.quote--small{
    font-family:arno-pro,serif;
    font-family:var(--serif);
    font-size:1.5625rem;
    line-height:1.04
}
.quote--small:after,.quote--small:before{
    content:"";
    display:block;
    width:3rem;
    margin:0 auto;
    border-top:.25rem solid #009dd1;
    border-top:.25rem solid var(--sky-md)
}
.quote--small:before{
    margin-bottom:2rem
}
.quote--small:after{
    margin-top:2rem
}
.quote__cite{
    margin:1.5em 0 .75em;
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    display:block;
    font-style:normal
}
.results{
    padding-bottom:2rem
}
.results__header{
    margin:0 0 1.5rem
}
@media (min-width:48em){
    .results__header{
        display:flex;
        align-items:flex-start;
        justify-content:space-between
    }
}
.results__status{
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap
}
.results__remove{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    position:relative;
    margin:0 1rem .5rem 0;
    padding:0 1.25rem 0 0;
    border:0;
    background-color:transparent;
    text-align:left
}
.results__remove:after{
    content:"";
    position:absolute;
    right:0;
    bottom:.1875rem;
    width:.75rem;
    height:.75rem;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.458 23.458' fill='%23adafaf'%3E%3Cpath d='M9.029 11.729L0 2.7 2.7 0l9.029 9.029L20.757 0l2.7 2.7-9.028 9.029 9.029 9.028-2.7 2.7-9.03-9.028L2.7 23.458l-2.7-2.7z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.results__clear{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    font-weight:400;
    letter-spacing:.0125rem;
    line-height:1.286;
    text-transform:none;
    margin:0 0 .5rem;
    padding:0;
    border:0;
    border-bottom:.0625rem solid #009dd1;
    border-bottom:.0625rem solid var(--sky-md);
    background-color:transparent
}
.results__options{
    flex-shrink:0;
    margin-top:1rem
}
@media (min-width:48em){
    .results__options{
        margin-top:0
    }
}
.results__toggle{
    width:2rem;
    height:2rem;
    margin-right:1rem;
    padding:0;
    border:0;
    background-color:transparent;
    color:#adafaf;
    color:var(--gray)
}
@media (min-width:48em){
    .results__toggle{
        margin-right:0;
        margin-left:1rem
    }
}
.results__toggle--active{
    color:#00779e;
    color:var(--sky-dk)
}
.results__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.results__list{
    display:flex;
    flex-wrap:wrap;
    margin:-1.5rem 0 0 -1.5rem
}
@media (min-width:48em){
    .results__list{
        margin:-2.5rem 0 0 -2.5rem
    }
}
.results--stack .results__list{
    display:block;
    margin:0;
    border-top:.0625rem solid #009dd1;
    border-top:.0625rem solid var(--sky-md)
}
.results__item{
    position:relative;
    width:calc(100% - 1.5rem);
    margin:1.5rem 0 0 1.5rem;
    background:#00779e;
    background:var(--sky-dk)
}
@media (min-width:32em){
    .results__item{
        width:calc(50% - 1.5rem)
    }
}
@media (min-width:48em){
    .results__item{
        width:calc(33.333% - 2.5rem);
        margin:2.5rem 0 0 2.5rem
    }
}
@media (min-width:64em){
    .results__item{
        width:calc(50% - 2.5rem)
    }
}
@media (min-width:80em){
    .results__item{
        width:calc(33.333% - 2.5rem)
    }
}
.results--stack .results__item{
    width:100%;
    margin:0;
    background:transparent
}
.results--stack .results__image,.results__item--inactive{
    display:none
}
.results__link{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:1rem;
    color:#fff;
    color:var(--white);
    text-align:center;
    text-decoration:none
}
.results__link,.results__link:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.results__link:before{
    content:"";
    background-color:#000;
    background-color:var(--black);
    opacity:.5
}
.results__link:hover{
    color:#fff;
    color:var(--white)
}
.results__link:hover:before{
    background-color:transparent;
    background-image:linear-gradient(#003552,#009dd1);
    background-image:linear-gradient(var(--blue),var(--sky-md));
    opacity:.75
}
.results--stack .results__link{
    display:block;
    position:static;
    height:auto;
    padding:1rem 0;
    border-bottom:.0625rem solid #009dd1;
    border-bottom:.0625rem solid var(--sky-md);
    color:#003552;
    color:var(--blue);
    text-align:left
}
.results--stack .results__link:before{
    display:none
}
.results--stack .results__link:hover{
    color:#009dd1;
    color:var(--sky-md)
}
.results__title{
    position:relative
}
.search{
    margin:0
}
.search--intro{
    padding-left:1.5rem;
    border-left:.25rem solid #009dd1;
    border-left:.25rem solid var(--sky-md)
}
@media (min-width:48em){
    .search--intro{
        padding-left:2.5rem
    }
}
.search__header{
    display:flex
}
@media (min-width:64em){
    .search__header{
        margin-bottom:-1.5rem;
        margin-left:1.5rem
    }
}
.search__type{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    flex-shrink:0;
    margin-top:.625rem;
    margin-right:1.5rem
}
.search__fieldset{
    margin:0;
    padding:0;
    border:0
}
.search__legend{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.search__options{
    display:flex;
    flex-wrap:wrap
}
.search__options>*{
    margin-top:.5rem;
    margin-right:1.5rem
}
.search__form{
    display:flex;
    margin:1.5rem 0;
    padding:1rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
@media (min-width:64em){
    .search__form{
        margin:3rem 0
    }
}
.search--white .search__form{
    background-color:#fff;
    background-color:var(--white)
}
.search__label{
    flex-grow:1;
    margin-right:1rem
}
.search__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.search__input{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    width:100%;
    height:3.75rem;
    padding:0;
    border:0;
    background-color:transparent;
    color:#009dd1;
    color:var(--sky-md)
}
@media (min-width:64em){
    .search__input{
        color:#00779e;
        color:var(--sky-dk);
        font-family:urw-din,sans-serif;
        font-family:var(--sans-serif);
        font-size:1.25rem;
        font-weight:400;
        letter-spacing:normal;
        line-height:1.2;
        text-transform:none;
        height:5.375rem;
        margin:0;
        padding-left:1rem
    }
}
.search__button{
    flex-shrink:0;
    width:3.75rem;
    height:3.75rem;
    border:.25rem solid #00a9e0;
    border:.25rem solid var(--sky);
    border-radius:50%;
    background-color:#fff;
    background-color:var(--white);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.555 22.555' fill='%2300a9e0'%3E%3Cpath d='M2.8 2.623c-3.498 3.498-3.498 9.23 0 12.728 2.935 2.935 7.373 3.258 10.814 1.268l5.936 5.936 2.828-2.828-5.864-5.864c2.294-3.489 2.074-8.18-.986-11.24-3.498-3.497-9.23-3.497-12.728 0zm2.83 2.829a4.97 4.97 0 0 1 7.07 0 4.97 4.97 0 0 1 0 7.071 4.97 4.97 0 0 1-7.07 0 4.97 4.97 0 0 1 0-7.071z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:1.5rem 1.5rem
}
@media (min-width:64em){
    .search__button{
        width:5.375rem;
        height:5.375rem
    }
}
@media (min-width:48em){
    .search__intro{
        display:flex;
        justify-content:space-between
    }
}
.search__left{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.5625rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.96;
    text-transform:none
}
.search__left>:first-child{
    margin-top:0
}
.search__left>:last-child{
    margin-bottom:0
}
.search__left{
    margin:0;
    line-height:1.1
}
@media (min-width:48em){
    .search__left{
        width:calc(50% - 1.5rem);
        max-width:28rem
    }
}
.search__right{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286
}
.search__right>:first-child{
    margin-top:0
}
.search__right>:last-child{
    margin-bottom:0
}
.search__right{
    margin-top:1.5rem
}
@media (min-width:48em){
    .search__right{
        width:calc(50% - 1.5rem);
        max-width:20rem;
        margin:0
    }
}
.search__right a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.search__right a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.search__right a{
    border-bottom-color:#00779e;
    border-bottom-color:var(--sky-dk);
    color:#00779e;
    color:var(--sky-dk)
}
.search__right a:hover{
    color:inherit
}
.secnav{
    margin:2rem 0;
    padding:1rem 0;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
@media (min-width:64em){
    .secnav{
        margin:4rem 0;
        padding:3rem 0
    }
}
.secnav__placeholder{
    display:none
}
@media (min-width:64em){
    .secnav--fixed .secnav__placeholder{
        display:block
    }
}
.secnav__wrapper{
    padding:1rem 0;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
@media (min-width:64em){
    .secnav--fixed .secnav__wrapper{
        position:fixed;
        top:0;
        left:8rem;
        width:calc(100% - 8rem);
        -webkit-animation:slide-down .3s ease both;
        animation:slide-down .3s ease both;
        -webkit-animation:slide-down var(--transition) both;
        animation:slide-down var(--transition) both;
        box-shadow:0 0 1rem rgba(0,0,0,.2);
        box-shadow:0 0 1rem var(--shadow);
        z-index:3
    }
}
.secnav__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .secnav__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .secnav__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.secnav__title{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    position:relative;
    margin:0;
    padding:0 2rem 0 0;
    border:0;
    background-color:transparent

}
.secnav__title:after,.secnav__title:before{
    content:"";
    position:absolute;
    top:.375rem;
    right:0;
    width:1.25rem;
    border-top:.25rem solid #009dd1;
    border-top:.25rem solid var(--sky-md)
}
.secnav__title:after{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.secnav--active .secnav__title:after{
    display:none
}
.secnav--alt .secnav__title{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    color:inherit;
    padding:0
}
.secnav--alt .secnav__title:after,.secnav--alt .secnav__title:before,.secnav--sticky .secnav__content{
    display:none
}
.secnav--active .secnav__content{
    display:block
}
.secnav__list{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:.875rem;
    line-height:1.286;
    display:flex;
    flex-wrap:wrap;
    margin:-1rem 0 0 -1rem;
    padding:1.5rem 0 0;
    list-style:none
}
.secnav__item{
    width:calc(100% - 1rem);
    margin:1rem 0 0 1rem
}
@media (min-width:32em){
    .secnav__item{
        width:calc(50% - 1rem)
    }
}
@media (min-width:48em){
    .secnav__item{
        width:calc(33.333% - 1rem)
    }
}
@media (min-width:80em){
    .secnav__item{
        width:calc(25% - 1rem)
    }
}
.secnav__link{
    display:block;
    padding:1rem;
    background-color:#fff;
    background-color:var(--white);
    color:#003552;
    color:var(--blue);
    text-align:center;
    text-decoration:none
}
.secnav__link:hover{
    background-color:#00a9e0;
    background-color:var(--sky)
}
.secnav--alt .secnav__link{
    text-align:left
}
.secnav--alt .secnav__item--current .secnav__link:before{
    content:"";
    display:inline-block;
    width:.625rem;
    height:.625rem;
    margin-right:.75rem;
    border-radius:50%;
    background-color:#00a9e0;
    background-color:var(--sky)
}
.secnav--alt .secnav__item--current .secnav__link:hover:before{
    background-color:#fff;
    background-color:var(--white)
}
.secnav__title{
    cursor:pointer;
}
.skip{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    border-color:#00779e;
    border-color:var(--sky-dk);
    background:#00779e;
    background:var(--sky-dk);
    color:#fff!important;
    color:var(--white)!important;
    z-index:5
}
@media (min-width:64em){
    .skip{
        margin-left:4rem
    }
}
.skip:after,.skip:before{
    display:none
}
.skip:not(:focus){
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.slider{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .slider{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .slider{
        padding-right:4rem;
        padding-left:4rem
    }
}
.slider{
    position:relative;
    max-width:93rem;
    margin-top:2rem;
    margin-bottom:2rem
}
@media (min-width:64em){
    .slider{
        padding:0 9rem
    }
}
@media (min-width:80em){
    .slider{
        padding:0 10.5rem
    }
}
.slider--quote{
    margin-top:0
}
.slider--card:after{
    content:"";
    display:block;
    border-top:.0625rem solid #00a9e0;
    border-top:.0625rem solid var(--sky)
}
.slider__quote{
    display:flex;
    align-items:center;
    position:relative;
    width:100%;
    margin:0 2rem;
    padding-top:14rem;
    padding-bottom:4rem;
    border-bottom:.0625rem solid #00a9e0;
    border-bottom:.0625rem solid var(--sky)
}
.slider__quote:before{
    content:"";
    position:absolute;
    top:9rem;
    left:0;
    width:100%;
    border-top:.0625rem solid #00a9e0;
    border-top:.0625rem solid var(--sky)
}
.slider__quote__image{
    position:relative
}
.slider__quote__image:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:120%;
    height:120%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.slider__quote__image>img{
    border-radius:50%
}
.slider__quote__image{
    position:absolute;
    top:0;
    left:50%;
    width:10rem;
    max-width:100%;
    margin:4rem auto 0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.slider__card{
    width:100%;
    max-width:100%;
    padding:0 1rem 7rem
}
.slider__stat{
    width:100%;
    margin:0 2.5rem;
    padding-bottom:7rem
}
@media (min-width:32em){
    .slider__stat, .slider__card{
        width:calc(50% - 2.5rem)
    }
}
@media (min-width:64em){
    .slider__stat{
        padding-bottom:0
    }
}
@media (min-width:80em){
    .slider__stat, .slider__card{
        width:calc(33.333% - 3.3125rem)
    }
}
.social{
    display:flex;
    flex-wrap:wrap;
    margin:0 -.125rem
}
@media (min-width:48em){
    .social--lg{
        margin:0 -.25rem
    }
}
.social__link{
    display:block;
    width:2.75rem;
    margin:.125rem;
    padding:.625rem;
    border:.25rem solid #00779e;
    border:.25rem solid var(--sky-dk);
    border-radius:50%;
    color:#00779e;
    color:var(--sky-dk)
}
.social__link:hover{
    background-color:#00779e;
    background-color:var(--sky-dk)
}
.social--alt .social__link,.social__link:hover{
    color:#fff;
    color:var(--white)
}
.social--sm .social__link{
    width:2rem;
    padding:.375rem;
    border-color:#00779e;
    border-color:var(--sky-dk);
    color:#00779e;
    color:var(--sky-dk)
}
.social--sm .social__link:hover{
    background-color:#00779e;
    background-color:var(--sky-dk);
    color:#fff;
    color:var(--white)
}
@media (min-width:48em){
    .social--lg .social__link{
        width:4rem;
        margin:.25rem;
        padding:1.125rem
    }
}
.social__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.splash{
    display:flex;
    flex-direction:column;
    position:relative;
    background-color:#003552;
    background-color:var(--blue);
    background-position:50%;
    background-size:cover;
    color:#fff;
    color:var(--white)
}
.splash--simple:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:var(--black);
    opacity:.5
}
.splash--slider,.splash--video{
    background-color:#f4f4f4;
    background-color:var(--gray-lt);
    color:inherit
}
.branding--alt+.splash--slider,.branding--alt+.splash--video{
    margin-top:-6.8125rem
}
@media (min-width:64em){
    .branding--alt+.splash--slider,.branding--alt+.splash--video{
        margin-top:-14.9375rem
    }
}
.splash__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .splash__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .splash__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.splash__container{
    display:flex;
    flex-direction:column;
    position:relative;
    min-height:60vw;
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    z-index:1
}
@media (min-width:64em){
    .splash__container{
        min-height:calc(60vw - 4.8rem)
    }
}
@media (min-width:80em){
    .splash__container{
        min-height:48rem
    }
}
.splash--slider .splash__container,.splash--video .splash__container{
    padding-top:12rem;
    padding-bottom:7rem
}
@media (min-width:64em){
    .splash--slider .splash__container,.splash--video .splash__container{
        padding-top:15rem;
        padding-bottom:9rem
    }
}
.splash__breadcrumbs{
    margin-bottom:2.5rem
}
.splash__center{
    width:48rem;
    max-width:100%;
    margin:auto;
    padding:0 1.5rem
}
@media (min-width:48em){
    .splash__center{
        padding:0 2.5rem
    }
}
.splash__text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.splash__item,.splash__slider{
    position:relative
}
.splash__item{
    width:100%;
    background-position:50%;
    background-size:cover
}
.splash__item--alt:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:var(--black);
    opacity:.7
}
.splash__content>:first-child{
    margin-top:0
}
.splash__content>:last-child{
    margin-bottom:0
}
.splash__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.1;
    text-transform:uppercase
}
@media (min-width:48em){
    .splash__heading{
        font-size:6rem;
        line-height:.85
    }
}
.splash__heading{
    margin:0
}
.splash__item--alt .splash__heading{
    color:#fff;
    color:var(--white)
}
.splash__subheading{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    margin:1rem 0 0;
    max-width:20rem
}
.splash__item--alt .splash__subheading{
    color:#fff;
    color:var(--white)
}
.splash__video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.splash__video video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.splash__video video::-webkit-media-controls{
    display:none
}
.splash__control,.splash__control--slider{
    position:absolute;
    right:0;
    bottom:0;
    width:3rem;
    height:3rem;
    padding:.75rem;
    border:0;
    background:#003552;
    background:var(--blue);
    color:#fff;
    color:var(--white);
    z-index:2
}
.splash__control__pause{
    display:block
}
.splash__control--paused .splash__control__pause,.splash__control__play{
    display:none
}
.splash__control--paused .splash__control__play{
    display:block
}
.stat{
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.5625rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.96;
    text-transform:none;
    margin:0;
    padding-top:3rem;
    text-align:center
}
.stat__hex{
    position:relative;
    margin-bottom:3.5rem;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    transition:-webkit-transform var(--transition);
    transition:transform var(--transition);
    transition:transform var(--transition),-webkit-transform var(--transition)
}
.stat__hex:before{
    content:"";
    display:block;
    padding-top:100%;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:.2
}
.stat__value{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.875rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.978;
    text-transform:none
}
@media (min-width:48em){
    .stat__value{
        font-size:2.8125rem
    }
}
.stat__value{
    position:absolute;
    top:50%;
    left:50%;
    margin:0;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.stat__value:after{
    content:"";
    display:block;
    width:5rem;
    height:.625rem;
    margin:1rem auto 0;
    background-image:linear-gradient(90deg,#009dd1,#003552);
    background-image:linear-gradient(90deg,var(--sky-md),var(--blue))
}
.story{
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    background-image:linear-gradient(#009dd1,#003552);
    background-image:linear-gradient(var(--sky-md),var(--blue));
    background-size:cover;
    color:#fff;
    color:var(--white)
}
.story,.story:before{
    background-position:50%;
    background-repeat:no-repeat
}
.story:before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:75vw;
    height:75vw;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-size:100% 100%;
    opacity:.5;
    pointer-events:none
}
.story a:not([class]){
    color:#fff;
    color:var(--white);
    -webkit-text-decoration-color:#fff;
    text-decoration-color:#fff;
    -webkit-text-decoration-color:var(--white);
    text-decoration-color:var(--white)
}
.story a:not([class]):hover{
    -webkit-text-decoration-color:#00a9e0;
    text-decoration-color:#00a9e0;
    -webkit-text-decoration-color:var(--sky);
    text-decoration-color:var(--sky)
}
.story__wrapper{
    display:flex;
    flex-shrink:0;
    align-items:center;
    position:relative;
    min-height:100%;
    padding:4rem 0 6rem;
    overflow:hidden
}
.story__container{
    width:100%;
    max-width:90rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .story__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .story__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
@media (min-width:64em){
    .story__container{
        display:flex;
        justify-content:space-between
    }
}
@media (min-width:64em){
    .story__video{
        width:calc(70% - 1.25rem);
        max-height:506px
    }
}
.story__side>:first-child{
    margin-top:0
}
.story__side>:last-child{
    margin-bottom:0
}
.story__side{
    margin-top:1.5rem
}
@media (min-width:64em){
    .story__side{
        align-self:center;
        width:calc(30% - 1.25rem);
        margin:0
    }
}
.story__content>:first-child{
    margin-top:0
}
.story__content>:last-child{
    margin-bottom:0
}
.story__content{
    position:relative;
    max-width:40rem;
    padding:1.5rem
}
@media (min-width:48em){
    .story__content{
        padding:2.5rem
    }
}
@media (min-width:80em){
    .story__content{
        padding:4rem
    }
}
.story__content:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(#009dd1,#003552);
    background-image:linear-gradient(var(--sky-md),var(--blue));
    opacity:.9
}
.story__content:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:50vw;
    height:50vw;
    max-width:22rem;
    max-height:22rem;
    -webkit-transform:translate(-18%,45%);
    transform:translate(-18%,45%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:.5;
    pointer-events:none
}
.story__content>*{
    position:relative;
    z-index:1
}
.story__heading{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.875rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:.978;
    text-transform:none
}
@media (min-width:48em){
    .story__heading{
        font-size:2.8125rem
    }
}
.story__heading{
    margin:0;
    color:inherit
}
.story__subheading{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    margin:.5rem 0 0;
    color:inherit
}
.story__cta{
    text-align:center
}
.subnav{
    font-size:.875rem;
    line-height:1.286
}
.subnav,.subnav__toggle{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif)
}
.subnav__toggle{
    color:#003552;
    color:var(--blue);
    font-size:1rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.125;
    text-transform:none;
    position:relative;
    margin:0 0 1rem;
    padding:0 2rem 0 0;
    border:0;
    background-color:transparent
}
@media (min-width:64em){
    .subnav__toggle{
        display:none
    }
}
.subnav__toggle:after,.subnav__toggle:before{
    content:"";
    position:absolute;
    top:.375rem;
    right:0;
    width:1.25rem;
    border-top:.25rem solid #009dd1;
    border-top:.25rem solid var(--sky-md)
}
.subnav__toggle:after{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.subnav--active .subnav__toggle:after{
    display:none
}
.subnav__list{
    display:none;
    position:relative;
    margin:0;
    padding:0;
    list-style:none
}
@media (min-width:64em){
    .subnav__list{
        display:block
    }
}
.subnav__list:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    border-left:.25rem solid #f4f4f4;
    border-left:.25rem solid var(--gray-lt);
    z-index:-1
}
.subnav--active .subnav__list{
    display:block
}
.subnav__list--nested{
    display:block;
    margin-top:1rem;
    margin-left:1rem
}
.subnav__list--nested:before{
    display:none
}
.subnav__item{
    margin:0 0 1rem;
    padding-left:1rem;
    border-left:.25rem solid #f4f4f4;
    border-left:.25rem solid var(--gray-lt)
}
.subnav__item:last-child{
    margin-bottom:0
}
.subnav__item:hover{
    border-left-color:#00779e;
    border-left-color:var(--sky-dk)
}
.subnav__list--nested .subnav__item{
    margin-bottom:.5rem;
    padding:0;
    border:0;
    list-style-type:disc
}
.subnav__item--current{
    border-left-color:#00779e;
    border-left-color:var(--sky-dk);
    color:#00779e;
    color:var(--sky-dk)
}
.subnav__link{
    border-bottom:.0625rem solid transparent;
    color:inherit;
    text-decoration:none
}
.subnav__link:hover{
    color:#00779e;
    color:var(--sky-dk);
    border-bottom-color:#00779e;
    border-bottom-color:var(--sky-dk)
}
.table{
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.table table{
    width:100%;
    min-width:50rem;
    border-collapse:collapse;
    border-bottom:.0625rem solid #009dd1;
    border-bottom:.0625rem solid var(--sky-md)
}
.table th{
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    padding:1rem 1.5rem;
    border-bottom:.25rem solid #00a9e0;
    border-bottom:.25rem solid var(--sky);
    font-weight:400
}
.table td,.table th{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif)
}
.table td{
    font-size:.875rem;
    line-height:1.286;
    padding:1.5rem
}
.table tr:nth-child(odd) td{
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}

/** JOE L added this rule to style President's Honors List news posts **/
 .multi-column-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
 
.multi-column-list > div {
    width: 33.333%;
    padding: .5em;
    box-sizing: border-box;
}
 
.honor-letter {
    color: #00779e;
    font-size: 1.25rem;
    border-bottom: 1px solid #00a9e0;
    font-weight: 400;
}
 
 
@media only screen and (max-width: 900px) {
    .multi-column-list > div {
        width: 50%;
    }
}
 
@media only screen and (max-width: 600px) {
    .multi-column-list > div {
        width: 100%;
    }
}

/**JOE L added these table styles**/
.dsu-table{
    border-collapse: collapse;
    
    line-height: 1.25;
    text-align: left;
    font-family: urw-din;
    border-bottom: .0625rem solid #00a9e0;"
    width="100%"
    
}


.dsu-table th{
    font-family: var(--sans-serif);
    font-size: .75rem;
    letter-spacing: .125rem;
    line-height: 1.25;
    text-transform: uppercase;
    padding: 1rem 1.5rem;
    font-weight: 400;
    text-align: left;
    font-weight: bold;
    
}
.dsu-table tr:first-of-type th{
border-bottom: .25rem solid #00a9e0;
}
.dsu-table td{
    padding: .75rem;
    font-size: .875rem;
    
}


.dsu-table tr:nth-child(even) {
    background-color: #f4f4f4;
  }
  .dsu-table tr:nth-child(odd) {
    background-color: #fff;
}

.dsu-policy-table-info{
    font-family: urw-din;
    font-size: .75rem;
    letter-spacing: .125rem;
    line-height: 1.5;
    font-weight: 400;
    border-top: .25rem solid #00a9e0;
    width: 100%;
    border-bottom: .25rem solid #00a9e0;
}

.dsu-policy-table-related{
    font-size: .875rem;
    font-family: urw-din;
    border-top: .25rem solid #00a9e0;
    width: 100%;
    border-bottom: .25rem solid #00a9e0;
    
}
/**END JOE'S TABLE STYLES **/


.tabs{
    margin:4rem 0
}
.tabs__nav{
    display:flex;
    position:relative;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.tabs__nav:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-bottom:.25rem solid #f4f4f4;
    border-bottom:.25rem solid var(--gray-lt)
}
.tabs__button{
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none;
    flex-shrink:0;
    position:relative;
    margin:0 0 0 2rem;
    padding:0 0 2rem;
    border:0;
    border-bottom:.25rem solid transparent;
    background-color:transparent
}
.tabs__button:first-child{
    margin-left:0
}
.tabs__button--active{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.tabs__content{
    margin-top:2rem
}
.tabs__item>:first-child{
    margin-top:0
}
.tabs__item>:last-child{
    margin-bottom:0
}
.tabs__item{
    display:none
}
.tabs__item--active{
    display:block
}
.title{
    margin:4rem 0
}
.title__container{
    width:100%;
    max-width:80rem;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:48em){
    .title__container{
        padding-right:2.5rem;
        padding-left:2.5rem
    }
}
@media (min-width:80em){
    .title__container{
        padding-right:4rem;
        padding-left:4rem
    }
}
.title__text{
    margin:1.5em 0 .75em;
    color:#003552;
    color:var(--blue);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:2rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.1;
    text-transform:uppercase
}
@media (min-width:48em){
    .title__text{
        font-size:6rem;
        line-height:.85
    }
}
.title__text{
    margin:.5rem 0 0;
    overflow:hidden
}
.title__dropdown{
    margin-top:4rem
}
.title__label{
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    margin-right:1rem
}
.title__label,.widget{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif)
}
.widget{
    font-size:.875rem;
    line-height:1.286
}
.widget>:first-child{
    margin-top:0
}
.widget>:last-child{
    margin-bottom:0
}
.widget{
    margin:4rem 0
}
.widget--alt{
    font:inherit;
    line-height:inherit
}
.widget--center{
    text-align:center
}
.widget--gray-lt{
    padding:1.5rem;
    background-color:#f4f4f4;
    background-color:var(--gray-lt)
}
.widget__title{
    font-size:.75rem;
    letter-spacing:.125rem;
    line-height:1.25;
    text-transform:uppercase;
    margin:0;
    color:inherit
}
.widget__heading,.widget__title{
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif)
}
.widget__heading{
    color:#003552;
    color:var(--blue);
    font-size:.875rem;
    font-weight:400;
    letter-spacing:.0125rem;
    line-height:1.286;
    text-transform:none;
    margin:3rem 0 0;
    padding-top:.75rem;
    border-top:.25rem solid #009dd1;
    border-top:.25rem solid var(--sky-md);
    color:inherit;
    font-weight:700
}
.widget__fieldset{
    margin:0;
    padding:0;
    border:0
}
.widget__legend{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
.widget__group{
    margin:3rem 0
}
.widget__media{
    position:relative
}
.widget__media:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:120%;
    height:120%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.widget__media>img{
    border-radius:50%
}
.widget__media{
    width:10rem;
    max-width:100%
}
.widget--center .widget__media{
    margin-right:auto;
    margin-left:auto
}
.widget__media--alt{
    margin-top:2rem;
    margin-bottom:2rem
}
.widget__list{
    padding-left:1rem
}
.widget__list a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.widget__list a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.widget__list :last-child{
    margin-bottom:0
}
.widget__links{
    margin:1.5em 0 .75em;
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none
}
.widget__links>:first-child{
    margin-top:0
}
.widget__links>:last-child{
    margin-bottom:0
}
.widget__links{
    border-left:.25rem solid #009dd1;
    border-left:.25rem solid var(--sky-md);
    list-style:none
}
.widget__links a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.widget__links a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.widget__cta{
    margin:1.5em 0 .75em;
    color:#00779e;
    color:var(--sky-dk);
    font-family:urw-din,sans-serif;
    font-family:var(--sans-serif);
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.2;
    text-transform:none
}
.widget__cta a{
    border-bottom:.0625em solid transparent;
    color:inherit;
    line-height:1.3;
    text-decoration:none
}
.widget__cta a,.widget__cta a:hover{
    border-bottom-color:#009dd1;
    border-bottom-color:var(--sky-md)
}
.widget__cta a:hover{
    border-bottom-color:transparent
}
.profile__media>a>img{
    border-radius: 50%
}
.directory__items>.profile>.profile__media:after{
    pointer-events:none
}
@media (min-width:48em){
    .profile{
        margin-bottom:0
    }
    .accordion.profile-accordion{
        margin:1rem 0 1rem 4rem
    }
    .narrow-pf-slider .main{
        margin: inherit;
         padding: inherit
    }
    .narrow-pf-slider button.flickity-button.flickity-prev-next-button.previous{
        left: .5rem
    }
    .narrow-pf-slider button.flickity-button.flickity-prev-next-button.next{
        right: .5rem
    }
}
@media (min-width:80em){
    .narrow-pf-slider .slider__card{
        width: 13.5rem;
        padding:0 .5rem 7rem
    }
    .narrow-pf-slider .slider.slider--card.flickity-enabled.is-draggable{
        padding: 0 5rem
    }
}
/*handshake rss feed style */
.feed-items-container{
    display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     row-gap: 1rem;
}
.feed-item-outside{
    width: 45%;
    box-shadow: 1px 2px 4px 2px #d4d4d4;
    padding: 10px;
    border-radius: 10px;
}
.feed-item-inside{
    margin: 0.75rem;
}
.feed-item-inside h3 {
    text-align: left;
    font-family: urw-din, sans-serif;
    font-weight: 700;
    color: #747676;
    line-height: 22pt;
    font-size: 1em;
}
.feed-item-inside h3 a {
    text-decoration: none;
    color: #747676;
}
.feed-item-inside h3 a:hover {
    color: #00779e;
}
.feed-item-inside p {
    text-align: left;
    font-family: urw-din, sans-serif;
    line-height: 14pt;
    font-size: .7em;
    color: #003552;
}
.feed-item-inside > a {
    padding: 12px;
    background-color: rgb(0, 53, 82);
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-family: urw-din, sans-serif;
    text-transform: uppercase;
    line-height: 22pt;
    font-size: 0.8em;
    text-wrap: nowrap;
}
.feed-item-inside > a:hover {
    background-color: #00779e;
}
.feed-items-container > a {
    box-shadow: 1px 2px 4px 2px #d4d4d4;
    padding: 10px;
    border-radius: 4px;
    font-size: .8em;
    line-height: 22pt;
    text-transform: uppercase;
    font-family: urw-din, sans-serif;
    text-decoration: none;
    background-color: #003552;
    color: white;
}
.feed-items-container > a:hover {
     background-color: #00779e;
}
@media screen and (max-width: 64em){
    .feed-item-outside{
         width: 100%;
    }
}
/*Joe Lutovsky added these blockquote rules*/
blockquote{
    font-size: 1.5em;
    line-height: 1.5em;
    color: 003552;
    border-left: 15px solid #00a9e0;
    padding-left: 2rem;
    margin-left: -.25em;
}



/*Program Facts Bar*/
  .program-facts {
    background-color: rgba(55, 85, 124, 0.568);
    line-height:1;
  }
  h2#program-facts-heading {
     background-color: white;
     line-height: 1;
     margin: 0;
     padding: 0 0 .3em;
}
  .program-facts-inside {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: var(--blue);
    flex-wrap: wrap;
    
  }
  
  .fact-item {
    color: white;
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    height:auto;
    min-height: 100px;
  }
   
  

  
  .fact-item::after {
    content: '';
    border-left: 3px solid white;
    display: inline-block;
    position: absolute;
    bottom: 10%;
    right: -2%;
    height: 75%;
    justify-content: center;
    align-items: baseline;
    
  }

 
  .content-wrapper{
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom:5px;
    padding-right:1rem;
    padding-left:1rem;
  }

  h3.fact-heading {
    margin:0;
    margin-bottom: .5rem;
    color: white;
  }
  
  p.fact-body{
    display:inline;
  }


  @media screen and (min-width: 769px)
  {
        .fact-item {        
            flex: 1 0 23%; 
            
        }
   }

@media screen and (max-width: 768px){
    .fact-item{
        flex: 1 0 48%;        
      }

      .program-facts-inside>.fact-item:first-child{
        border-bottom: white solid 3px;
      }

      .program-facts-inside>.fact-item:nth-child(2){
        border-bottom: white solid 3px;
      }


}

#program-facts-tuition-facts{
    font-style:italic;
    margin:0;
    background-color:white;
    text-align:right;
    font-size:.8em;
    padding-top:.25em;
}

#per-credit{
    font-size:.8em;
    margin:.25em;
    
}



/*dynamic column image card styles*/


@media (min-width:39em){   
    .dynamic__col_item  a:hover {
        transform: scale(1.1);
        transition: transform 0.3s ease-in-out;
    }
    
    
      
    /*column layout*/
    .columns_four {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
        
    }
    
    .columns_three {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
    
        
    }
    
    .columns_two {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    
    /*border placement*/
    .columns_two .dynamic__col_item:nth-child(2n+1){
        border-left-color: transparent;
        
    
    }
    .columns_three .dynamic__col_item:nth-child(3n+1){
        border-left-color: transparent;
    
    }
    
    .columns_four .dynamic__col_item:nth-child(4n+1){
        border-left-color: transparent;
    
    }
    
    .dynamic__col_item{
        margin-top: 2.5rem;
        border-left:.062rem solid #009dd1;
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }
    
    .button_wrapper{
        text-align: center;
        margin-top: auto;
        container-type:inline-size;
    }
    
    .bottom{
        display:inline-block;
    }
    
    
    
    @media (max-width:28em){
        .dynamic__col_item{
          margin-top: 2.5rem;
    
        }
    }
    
    
    
                            
    .dynamic_col_inset{
        display:flex;
        flex-direction:column;
        padding-left: 1.25rem;
        padding-right: 1rem;
        margin-bottom:0;
        
    }
    
    .dynamic__col_item h4{
        margin-bottom:0; 
    }
    
    .dynamic__col_item p:last-child>a{
        margin-top: 0; 
    
    }
    /*styles for limiting column width*/
    .columns * {
      min-width: 0;
      max-width: 100%;
    }
    /*styles for button override styles in narrow situations*/
    
     .columns_four a.button{
         font-size: clamp(.45rem, 5cqw, .6rem);
         word-break: keep-all;
         overflow-wrap: normal;
         padding-left:0;
         padding-right:0;
    }
}

.dynamic__col_item a {
    text-decoration: none;
    color:black;
}
/*col styles for landing page*/
.columns{
    margin-left:auto;
    margin-right:auto;
    max-width: 72rem;
    width: 100%;
}    
    
/****Styles for blue background-white wording-alt h2****/
 .h2-alt-blue{
     background-color: var(--blue);
     padding: .5em;
     color: var(--white);
}

/*Callout Box*/
 .blue_box__list {
     background-color: var(--blue);
     color: #fff;
     font-family: var(--sans-serif);
     padding: 20px 0 20px 20px;
     margin: 0 0 1rem 0;
     display: block;
     font-size: 0.95rem;
     line-height: 1.4;
     width: 100%;
     text-align: left;
     clip-path: polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));
}
 .blue_box__list ul{
     list-style-type: none;
     text-decoration:none;
     padding-left: 0;
     margin: 0;
}
 .blue_box__list li {
     margin: 0 0 4px;
     text-decoration:none;
     font-weight:100;
}
 .blue_box__list li:last-child {
     margin-bottom: 0;
}
 .blue_box__list h3 {
     font-size: 1rem;
     font-weight: 700;
     margin: 0 0 .8rem 0;
     color: #fff;
}

/* new rule from Joe for styling images and what not */
.clip-path{
    clip-path: polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));
    
}

 @media (min-width: 80em) {
     .column-inset-container {
         padding-right: 4rem;
         padding-left: 4rem;
    }

}

 @media (max-width: 64em) {
     .col-container {
         flex-direction: column;
    }

      
}

/*course-accordion styles*/
.c_accordion {
  max-width: 70rem;
  width: 90%;
  margin: 1.5rem auto;
}

/* colors for course accordion */
.c_accordion h3 {
  background-color: #003552; /* DSU blue */
  margin: 0;
  padding: 0;
}

.c_accordion.accordion--active h3 {
  background-color: #f4f4f4; /* light gray */
  border: 1px solid #adafaf;
}

/* content area */
.c_accordion > .accordion__content {
  background-color: #fff;
}

/* toggle button (closed state defaults) */
.c_accordion .accordion__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  padding: 1rem 1.5rem;
  background-color: #003552; 
  color: #ffffff;            
  border: none;
  text-align: left;
  cursor: pointer;

 
  padding-right: 1.5rem;
  position: relative;
}


.c_accordion .accordion__toggle::after {
  content: none;
}

/* inline SVG icon */
.accordion__icon {
  flex-shrink: 0;
  width: 80px;
  height: 28px;
  pointer-events: none;

  /* flip animation settings */
  transform-origin: 50% 50%;
  transition: transform 180ms ease, fill 180ms ease;
}

/* open state: background + text/icon color */
.c_accordion.accordion--active .accordion__toggle,
.c_accordion .accordion__toggle[aria-expanded="true"] {
  background-color: #f4f4f4;
  border: 1px solid #adafaf;
  color: #003552; 
}

/* FLIP chevron when open (no rotation) */
.c_accordion.accordion--active .accordion__icon,
.c_accordion .accordion__toggle[aria-expanded="true"] .accordion__icon {
  transform: scaleY(-1);
}


@media (prefers-reduced-motion: reduce) {
  .accordion__icon {
    transition: none;
  }
}

.c_accordion_head {
  width: 100%;
  max-width: none;
  margin: 0 0 0.75rem;
}

.c_accordion:has(.c_accordion_head) {
  background: none;
  margin: 1.5rem auto 0.75rem;
}


/*drop shadow component for program page*/
.drop-shadow-component {
  position: relative;
  background-color: var(--gray-lt);
  padding: 0.8rem 2.5rem 2rem; /* top, sides, bottom */
  margin: 3rem auto;
  max-width: 70rem; /* aligns with page content grid */
  width: 90%;       /* fluid with consistent gutters */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}


.drop-shadow-component::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  z-index: -1; /* sits behind the gray box */
}


.drop-shadow-heading,
.drop-shadow-subheading {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0;
}


.drop-shadow-item {
  margin-top: 1.5rem;
}


.drop-shadow-item p {
  margin: 0 0 1rem 0;
  line-height: 1.6;
}
.drop-shadow-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1rem;
}

.drop-shadow-content.one-col .col {
  flex: 1 1 100%;
}

.drop-shadow-content.two-col .col {
  flex: 1 1 48%;
}

.drop-shadow-content .col {
  min-width: 300px;
  line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .drop-shadow-component {
    padding: 1.5rem 1.25rem;
  }

  .drop-shadow-component::before {
    top: 8px;
    left: 8px;
  }

  .drop-shadow-content.two-col {
    flex-direction: column;
  }

  .drop-shadow-content.two-col .col {
    flex: 1 1 100%;
  }
}


.drop-shadow-content .col img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 80%;
  margin: 1rem auto; /* adds even vertical spacing */
  object-fit: contain;
}

@media (max-width: 768px) {
  .drop-shadow-content .col img {
    max-width: 100%;
    margin: 1.5rem auto; /* slight breathing space for stacked layout */
  }
}
/*left option*/
 .sky-blue-shadow-left {
     border: 4px solid #ffffff;
     border-radius: 0;
     box-shadow: -16px 16px 0 #00A8C8;
}
.sky-blue-shadow-right {
  border: 4px solid #ffffff;
  border-radius: 0;
  box-shadow: 16px 16px 0 #00A8C8; 
}

.column-inset {
  padding: 0;
  margin: 4rem 0;
}

.column-inset-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 80rem;
  margin: 0 auto;
  padding: 2rem;
}

.col-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.column {
  flex: 1 1 300px;
  min-width: 280px;
  box-sizing: border-box;
}

.column-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.column-heading {
  margin: 0 0 1rem;
  line-height: 1.2;
}

.column-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media (min-width: 65em) {
  .column-inset-container {
    padding-inline: 4rem;
  }
}

@media (max-width: 480px) {
  .column {
    min-width: 0;
    flex: 1 1 100%;
  }
}

@media (max-width: 900px) {
  .col-container {
    align-items: flex-start;
  }
}

.program_stat {
  color: var(--text-color);
  font-family: var(--sans-serif, var(--uwv-din, sans-serif));
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
}

.program_stat__hex {
  position: relative;
  width: clamp(200px, 32vw, 340px);
  min-width: 240px;
  aspect-ratio: 1 / 1;
  margin: 1rem auto 0.5rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s ease;
  flex-shrink: 0;
}

.program_stat__hex:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193 193' fill='%2300a9e0'%3E%3Cpath d='M96.5 0L12 48.25v96.5L96.5 193l84.5-48.25v-96.5zm62.95 133.404L97.067 169.16l-62.382-35.755V61.866l62.382-35.754 62.383 35.754z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: .2;
  pointer-events: none;
}

.program_stat__value {
  margin: 0;
  color: var(--text-color);
  font-family: var(--sans-serif, var(--uwv-din, sans-serif));
  line-height: 1.1;
  position: relative;
  z-index: 1;
  font-size: clamp(1.6rem, 4vw, 2.6rem);
}

.program_stat_text {
  margin: 0.25rem auto 0 auto;
  max-width: 260px;
  padding: 0;
  color: var(--text-color);
  font-family: var(--sans-serif, var(--uwv-din, sans-serif));
  font-weight: 400;
  line-height: 1.35;
  position: relative;
  z-index: 1;

  text-align: center;
}

@media (max-width: 480px) {
  .program_stat__hex {
    width: 240px;
    min-width: 240px;
  }
}

.feature__list-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-left: 0.5rem;
}

.feature__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--sans-serif, urw-din, sans-serif);
  color: var(--text-color);
  columns: 2;
  column-gap: 2rem;
  column-fill: balance;
  column-width: 12rem;
}

.feature__list li {
  break-inside: avoid;
  padding: 0.25rem 0;
  margin: 0;
  line-height: 1.45;
}

.feature__list:not(:has(li:nth-child(4))) {
  columns: 1;
}

@media (min-width: 900px) {
  .feature__list {
    column-width: 14rem;
  }
}

@media (max-width: 600px) {
  .feature__list {
    columns: 1 !important;
  }
}

@media (min-width: 900px) {
  .col-container {
    align-items: stretch;
  }

  .column-inner {
    height: 100%;
  }

  .column.choice-stat-hex .column-body,
  .column.choice-feature-list .column-body {
    justify-content: center;
  }

  .column.choice-wysiwyg .column-body {
    justify-content: flex-start !important;
  }
}

.column.choice-stat-hex {
  align-self: stretch;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .column-inset {
    margin: 2rem 0;
  }

  .program_stat__hex {
    margin: 1.25rem auto;
  }

  .column-heading {
    margin-bottom: 0.5rem;
  }

  .feature__list-wrapper {
    margin-top: 0.5rem;
  }
}


/*image accordion*/
.image_accordion .accordion__image-wrapper {
  aspect-ratio: 13 / 3;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.image_accordion .accordion__image-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(0, 53, 82, 1),     /* darker base */
    rgba(0, 53, 82, 0.75),  /* stronger mid */
    rgba(0, 53, 82, 0.35),
    rgba(0, 53, 82, 0)
  );
}

.image_accordion .accordion__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.image_accordion .accordion__toggle::after,
.image_accordion .accordion__toggle .icon-plus,
.image_accordion .accordion__toggle .icon {
  display: none !important;
}


.image_accordion h3 {
  margin: 0;
  position: relative;
}

.image_accordion .accordion__toggle {
  width: 100%;
  background-color: #003552;
  color: #ffffff;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
  cursor: pointer;
}

.image_accordion .accordion__icon {
  transition: transform 200ms ease;
  transform-origin: center;
}

.image_accordion.accordion--active .accordion__icon,
.image_accordion .accordion__toggle[aria-expanded="true"] .accordion__icon {
  transform: scaleY(-1);
}


.image_accordion_head {
  background-color: #003552;
  color: #ffffff;
  padding: 1rem 1.5rem;
  margin: 0;
}

.image_accordion_head + .image_accordion {
  margin-top: 0 !important;
}

.image_accordion:first-of-type {
  border-radius: 0 0 0.25rem 0.25rem;
}

.image_accordion .accordion__content {
  background-color: white;
}

.at_font{
    font-size:1.5625rem;
}

/* carousel for tertiary */
.carousel--tertiary .flickity-viewport {
  height: auto !important;
}
.carousel--tertiary .carousel__media {
  height: auto;
}
.carousel--tertiary .carousel__container {
  align-items: flex-start;
}
.carousel--tertiary .media {
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel--tertiary .media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/*program cards parent program*/
 .results__link {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 .results__title, .results__parent-program {
     position: relative;
     z-index: 1;
     display: block;
     width: 100%;
     text-align: center;
     color: #fff;
}
 .results__parent-program {
     margin-top: 1rem;
     font-size: 0.8em;
     line-height: 1.2;
     font-weight: 400;
}

/*update main nav focus header on hamburger and search*/
.header__toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
    border-radius: 8px;
}

/*background color updates*/
.bg-white       { background-color: #fff; }
.bg-black       { background-color: #000; }
.bg-blue        { background-color: #003552; }
.bg-sky         { background-color: #00a9e0; }
.bg-sky-md      { background-color: #009dd1; }
.bg-sky-dk      { background-color: #00779e; }
.bg-red         { background-color: #fe0015; }
.bg-gray        { background-color: #adafaf; }
.bg-gray-lt     { background-color: #f4f4f4; }
.bg-gray-dk     { background-color: #747676; }
.bg-slate       { background-color: #4d4f53; }

/* text color updates */

.text-white   { color: #fff; }
.text-black   { color: #000; }
.text-blue    { color: #003552; }
.text-sky     { color: #00a9e0; }
.text-sky-md  { color: #009dd1; }
.text-sky-dk  { color: #00779e; }
.text-red     { color: #fe0015; }
.text-gray    { color: #adafaf; }
.text-gray-lt { color: #f4f4f4; }
.text-gray-dk { color: #747676; }
.text-slate   { color: #4d4f53; }

.text-white   { color: var(--white);   --text-color: var(--white); }
.text-black   { color: var(--black);   --text-color: var(--black); }
.text-blue    { color: var(--blue);    --text-color: var(--blue); }
.text-sky     { color: var(--sky);     --text-color: var(--sky); }
.text-sky-md  { color: var(--sky-md);  --text-color: var(--sky-md); }
.text-sky-dk  { color: var(--sky-dk);  --text-color: var(--sky-dk); }
.text-red     { color: var(--red);     --text-color: var(--red); }
.text-gray    { color: var(--gray);    --text-color: var(--gray); }
.text-gray-lt { color: var(--gray-lt); --text-color: var(--gray-lt); }
.text-gray-dk { color: var(--gray-dk); --text-color: var(--gray-dk); }
.text-slate   { color: var(--slate);   --text-color: var(--slate); }

.wysiwyg { 
    font-family: var(--serif); 
    font-weight:normal;
    font-size:1.25rem;
}


/* margin overrides */
:is(main, .main__content) > *:has(+ .mbo-0) {
	margin-bottom: 0rem !important;
}
:is(main, .main__content) > *:has(+ .mbo-1) {
	margin-bottom: 1rem !important;
}
:is(main, .main__content) > *:has(+ .mbo-2) {
	margin-bottom: 2rem !important;
}
:is(main, .main__content) > *:has(+ .mbo-3) {
	margin-bottom: 3rem !important;
}
:is(main, .main__content) > *:has(+ .mbo-4) {
	margin-bottom: 4rem !important;
}
:is(main, .main__content) > *:has(+ .mbo-5) {
	margin-bottom: 5rem !important;
}
:is(main, .main__content) > *:has(+ .mbo-0) > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):last-child {
	margin-block-end: 0 !important;
}
:is(main, .main__content) > *:has(+ .mbo-1) > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):last-child {
	margin-block-end: 0 !important;
}
:is(main, .main__content) > *:has(+ .mbo-2) > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):last-child {
	margin-block-end: 0 !important;
}
:is(main, .main__content) > *:has(+ .mbo-3) > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):last-child {
	margin-block-end: 0 !important;
}
:is(main, .main__content) > *:has(+ .mbo-4) > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):last-child {
	margin-block-end: 0 !important;
}
:is(main, .main__content) > *:has(+ .mbo-5) > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):last-child {
    margin-block-end: 0 !important;
}
 .margin-override {
     display: none;
}
 .mto-0 + * {
     margin-top: 0rem !important;
}
 .mto-1 + * {
     margin-top: 1rem !important;
}
 .mto-2 + * {
     margin-top: 2rem !important;
}
 .mto-3 + * {
     margin-top: 3rem !important;
}
 .mto-4 + * {
     margin-top: 4rem !important;
}
 .mto-5 + * {
     margin-top: 5rem !important;
}
 .mto-0 + * > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):first-child {
     margin-block-start: 0 !important;
}
 .mto-1 + * > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):first-child {
     margin-block-start: 0 !important;
}
 .mto-2 + * > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):first-child {
     margin-block-start: 0 !important;
}
 .mto-3 + * > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):first-child {
     margin-block-start: 0 !important;
}
 .mto-4 + * > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):first-child {
     margin-block-start: 0 !important;
}
 .mto-5 + * > :is(p, h1, h2, h3, h4, h5, h6, .main__content, .main__full):first-child {
     margin-block-start: 0 !important;
}


.flickity-page-dots .dot {
    position: relative;
}

/* Visually invisible, but fills the existing Flickity dot. */
.flickity-page-dots .dot-button {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    border: 0;
    border-radius: inherit;
    background: transparent;
    color: inherit;

    font: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

/* Provide a visible keyboard focus indicator. */

.flickity-page-dots li:focus-within {
    outline: 2px solid black;
    outline-offset: 3px;
}