@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/open-sans-var.woff2') format('woff2');
}

@font-face {
    font-family: 'Patagonia';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('../fonts/patagonia.woff2') format('woff2'),
         url('../fonts/patagonia.woff') format('woff');
}

html,body{height:100%}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{font-size:100%}
body{background:#F5F5F5;color:#222;padding:0;margin:0;font-family:"Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1.5;position:relative;cursor:auto}
a:hover{cursor:pointer}
img{max-width:100%;height:auto}
img{-ms-interpolation-mode:bicubic}
.right{float:right !important}
img{display:inline-block;vertical-align:middle}
.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:75rem}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none}
.row .row:before,.row .row:after{content:" ";display:table}
.row .row:after{clear:both}
.columns{padding-left:0.9375rem;padding-right:0.9375rem;width:100%;float:left}
[class*="column"]+[class*="column"]:last-child{float:right}
@media only screen{.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-7{width:58.33333%}
.small-10{width:83.33333%}
.small-12{width:100%}
.columns.small-centered{margin-left:auto;margin-right:auto;float:none}
.columns.small-centered:last-child{float:none}
}
@media only screen and (min-width: 40.063em){.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}
.medium-4{width:33.33333%}
.medium-6{width:50%}
.medium-8{width:66.66667%}
.columns.medium-uncentered{margin-left:0;margin-right:0;float:left}
.columns.medium-uncentered:last-child{float:left}
}
@media only screen and (min-width: 64.063em){.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}
.large-5{width:41.66667%}
.large-9{width:75%}
}
.inline-list{margin:0 auto 1.0625rem auto;margin-left:-1.375rem;margin-right:0;padding:0;list-style:none;overflow:hidden}
.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}
.inline-list>li>*{display:block}
.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}
.fixed.expanded:not(.top-bar){overflow-y:auto;height:auto;width:100%;max-height:100%}
.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}
.fixed.expanded:not(.top-bar) .top-bar-section{z-index:98;margin-top:4.375rem}
.top-bar{overflow:hidden;height:4.375rem;line-height:4.375rem;position:relative;background:rgba(245,245,245,0.95);margin-bottom:0}
.top-bar ul{margin-bottom:0;list-style:none}
.top-bar .row{max-width:none}
.top-bar .title-area{position:relative;margin:0}
.top-bar .name{height:4.375rem;margin:0;font-size:16px}
.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name p,.top-bar .name span{line-height:4.375rem;font-size:1.5rem;margin:0}
.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name p a,.top-bar .name span a{font-weight:normal;color:#222;width:75%;display:block;padding:0 1.09375rem}
.top-bar .toggle-topbar{position:absolute;right:0;top:0}
.top-bar .toggle-topbar a{color:#222;text-transform:uppercase;font-size:0.8125rem;font-weight:bold;position:relative;display:block;padding:0 1.09375rem;height:4.375rem;line-height:4.375rem}
.top-bar .toggle-topbar.menu-icon{top:50%;margin-top:-16px}
.top-bar .toggle-topbar.menu-icon a{height:34px;line-height:33px;padding:0 2.65625rem 0 1.09375rem;color:#222;position:relative}
.top-bar .toggle-topbar.menu-icon a span::after{content:"";position:absolute;display:block;height:0;top:50%;margin-top:-8px;right:1.09375rem;box-shadow:0 0 0 1px #222,0 7px 0 1px #222,0 14px 0 1px #222;width:16px}
.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}
.top-bar.expanded{height:auto;background:transparent}
.top-bar.expanded .title-area{background:rgba(245,245,245,0.95)}
.top-bar.expanded .toggle-topbar a{color:#888}
.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888}
.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}
.top-bar-section ul{padding:0;width:100%;height:auto;display:block;font-size:16px;margin:0}
.top-bar-section ul li{background:inherit}
.top-bar-section ul li>a{display:block;width:100%;color:#222;padding:12px 0 12px 0;padding-left:1.09375rem;font-family:"Patagonia","open sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:normal;text-transform:none}
.top-bar-section ul li.active>a{background:transparent;color:#222}
.top-bar-section ul li.active>a:hover{background:rgba(255,255,255,0.95);color:#222}
@media only screen and (min-width: 40.063em){.top-bar{background:rgba(245,245,245,0.95);overflow:visible}
.top-bar:before,.top-bar:after{content:" ";display:table}
.top-bar:after{clear:both}
.top-bar .toggle-topbar{display:none}
.top-bar .title-area{float:left}
.top-bar .name h1 a{width:auto}
.top-bar.expanded{background:rgba(245,245,245,0.95)}
.top-bar-section{transition:none 0 0;left:0 !important}
.top-bar-section ul{width:auto;height:auto !important;display:inline}
.top-bar-section ul li{float:left}
}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
div,ul,li,h1,h2,h3,p{margin:0;padding:0}
a{color:#008CBA;text-decoration:none;line-height:inherit}
a:hover,a:focus{color:#0078a0}
a img{border:none}
p{font-family:inherit;font-weight:normal;font-size:1.125rem;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:"Patagonia","open sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:0.2rem;margin-bottom:0.5rem;line-height:1.4}
h1{font-size:2.125rem}
h2{font-size:1.6875rem}
h3{font-size:1.375rem}
ul{font-size:1.125rem;line-height:1.6;margin-bottom:1.25rem;list-style-position:outside;font-family:inherit}
ul{margin-left:1.1rem}
ul li ul{margin-left:1.25rem;margin-bottom:0}
@media only screen and (min-width: 40.063em){h1,h2,h3{line-height:1.4}
h1{font-size:2.75rem}
h2{font-size:2.3125rem}
h3{font-size:1.6875rem}
}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:0.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
@media only screen{.show-for-medium-up{display:none !important}
}
@media only screen and (min-width: 40.063em){.show-for-medium-up{display:inherit !important}
}
@media only screen and (min-width: 64.063em){.show-for-medium-up{display:inherit !important}
}
@media only screen and (min-width: 90.063em){.show-for-medium-up{display:inherit !important}
}
@media only screen and (min-width: 120.063em){.show-for-medium-up{display:inherit !important}
}
html{font-size:16px}
body{background:#F5F5F5}
.center-cont{background-size:cover;position:relative;top:0;right:0;bottom:0;left:0;display:table;width:100%;height:100%;padding-bottom:4rem}
.center-me{display:table-cell;vertical-align:middle}
.center-cont.landing-block-top{padding-bottom:0}
.full-width{width:100%}
a.undercover{text-decoration:none}
a.undercover:hover{border-bottom:2px solid #008CBA}
ul.undercover{list-style-type:none;margin:0}
a.undercover{color:#222}
a.undercover:hover{border-bottom-color:#222}
.display-none{display:none}
@media only screen and (max-width: 40em){html{font-size:14px}
}
h1,h2,h3{line-height:1}
.fs-h1{font-size:2.75rem}
@media only screen and (min-width: 64.063em){.fs-h1{font-size:3.625rem}
}
.block{width:100%}
.howsitgoin-logo{fill:#fff}
.vlist .row{padding:2rem 0;border-top:1px solid rgba(0,0,0,0.1)}
.vlist .row:last-of-type{border-bottom:1px solid rgba(0,0,0,0.1)}
.vlist p:last-of-type{margin-bottom:0}
.fix-bottom-right{position:fixed;bottom:0;font-size:0.875rem;z-index:100;display:block;padding:0.8em;background-color:#fff;color:#222;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}
.fix-bottom-right:hover{padding-bottom:0.8em}
.fix-bottom-right{right:0;-webkit-border-top-left-radius:7px;-moz-border-radius-topleft:7px;border-top-left-radius:7px}
.madeby{-webkit-box-shadow:-2px -2px 0px 2px rgba(0,15,49,0.1);-moz-box-shadow:-2px -2px 0px 2px rgba(0,15,49,0.1);box-shadow:-2px -2px 0px 2px rgba(0,15,49,0.1)}
.madeby:hover{background-color:#fff000}
.madeby .contrast-logo{height:0.85714em;width:6.14285em;margin:0 0 1px 2px}
.madeby .madebyvisible>*{vertical-align:middle}
.madeby a{color:#222}
.main-footer{font-family:"Patagonia","open sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;padding-top:2rem;padding-bottom:2rem;border-top:1px solid #ddd;color:#a2a2a2}
.main-footer .columns{text-align:center}
.main-footer .inline-list{display:inline-block;margin:0}
.main-footer .inline-list li:first-of-type{margin-left:0}
.main-footer a{display:inline-block;color:#a2a2a2;-webkit-transition:color 0.25s ease;-moz-transition:color 0.25s ease;-o-transition:color 0.25s ease;transition:color 0.25s ease}
.main-footer a:hover{color:#387FA8}
.landing-slider{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:52% !important}
.landing-slider img{display:block;width:100%;height:auto}
@media only screen and (max-width: 64em){.landing-slider{max-width:46%}
}
.landing-block-top{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#01243e;background-image:url("../img/bg_lady_640.jpg");background-position:center center;background-repeat:no-repeat;overflow:hidden}
.landing-block-top,.landing-block-top *{color:#fff}
.landing-block-top .subtle-link{border-bottom:2px solid rgba(255,255,255,0.25)}
.landing-block-top .subtle-link:hover,.landing-block-top .subtle-link:active,.landing-block-top .subtle-link:focus{color:#fff;border-bottom:2px solid #fff}
.block{padding-top:5rem;padding-bottom:5rem}
.block-123{background-color:#fdfdfd}
.block-123 .list123{margin-top:1rem}
.block-123 svg{width:6.25rem;height:6.25rem}
.block-123 .vlist{margin-top:2rem}
.block-123 h1,.block-123 h2,.block-123 h3{color:#1f455c}
.block-123 svg{fill:#1f455c}
@media only screen and (min-width: 641px){.landing-block-top{background-image:url("../img/bg_lady_1280.jpg")}
}
@media only screen and (min-width: 1281px){.landing-block-top{background-image:url("../img/bg_lady_1920.jpg")}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.landing-block-top{background-image:url("../img/bg_lady_3840.jpg")}
}
@media only screen and (max-width: 64em){.landing-block-top{min-height:31rem}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em){.landing-block-top{min-height:42rem}
}
@media only screen and (min-width: 90.063em){.landing-block-top{min-height:58rem}
}
.top-bar{z-index:100}
.top-bar .name h1 .howsitgoin-logo{fill:#222}
.top-bar .title-area li,.top-bar .top-bar-section>ul>li{opacity:0.75;-webkit-transition:opacity 0.25s ease;-moz-transition:opacity 0.25s ease;-o-transition:opacity 0.25s ease;transition:opacity 0.25s ease}
.top-bar .title-area li:hover,.top-bar .top-bar-section>ul>li:hover{opacity:1}
.top-bar a{text-decoration:none}
.top-bar a span{display:inline-block;line-height:1;height:21px}
.top-bar .active{opacity:0.8 !important}
.top-bar .name h1{text-transform:uppercase}
.top-bar .name h1 .howsitgoin-logo{height:1.5rem;width:6.625rem;display:inline-block;vertical-align:middle}
.transparent .top-bar{background-color:transparent !important;background-color:transparent;background:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff',GradientType=0 )}
.transparent .top-bar:hover{filter:none}
.root .top-bar .name h1 .howsitgoin-logo{fill:#fff}
.root .top-bar .toggle-topbar.menu-icon a{color:#fff}
.root .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff}
.root .top-bar .top-bar-section ul li>a{color:#fff}
.root .top-bar.expanded .title-area{background-color:#387FA8}
.root .top-bar.expanded .title-area li{opacity:1}
.root .top-bar.past-top-block{background-color:rgba(253,253,253,0.95)}
.root .top-bar.past-top-block .name h1 .howsitgoin-logo{fill:#222}
.root .top-bar.past-top-block .top-bar-section ul li>a{color:#222}
@media only screen and (min-width: 40.063em) and (max-width: 64em){.top-bar .name h1 a{padding:0 0.8rem}
}
#tagline{letter-spacing:1px;line-height:1.3;margin-top:0.3em}
.root{padding-top:0 !important}

/* Smooth-scrolls the "how it works" anchor links (replaces the old jQuery animate() handler) */
html {
    scroll-behavior: smooth;
}

/* .inline-list>li>* forces block layout on every child; override so the year
   span sits on the same line as "©" and "CONTRAST" instead of stacking */
#copyright-year {
    display: inline;
}