/* Table of Contents
-----------------------------------------------------------------------------

1. CSS Reset
2. Base Typography
3. Base Classes
4. Structure
5. Pages
6. Modules

*/



/* 1. CSS Reset
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

div, section, article, main, aside, header, footer, dialog, figure, figcaption, hgroup {display: block;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

img {border: 0; border-style: none;}

fieldset {border: 1px solid transparent;}
input {font-family: 'Montserrat', sans-serif;}
input[type=submit] {letter-spacing: .045em; font-family: 'Montserrat', sans-serif; cursor: pointer; -webkit-appearance: none; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
input[type=text], input[type=email], textarea {letter-spacing: .045em; font-family: 'Montserrat', sans-serif; font-weight: 400; border-radius: 0; -webkit-appearance: none;}
span {font-family: 'Montserrat', sans-serif;}
button {font-family: 'Montserrat', sans-serif; background: none; border: none; padding: 0; cursor: pointer; outline: inherit}
select {-webkit-appearance: none; -webkit-border-radius: 0px;}

/* @font-face {
  font-family: 'GothamBold';
  src:  url('/assets/fonts/GothamBold.woff') format('woff2'),
  url('/assets/fonts/GothamBold.woff2') format('woff'),
  url('/assets/fonts/GothamBold.ttf') format('ttf'),
  url('/assets/fonts/GothamBold.eot') format('eot');
}
@font-face {
  font-family: 'GothamBoldItalic';
  src:  url('/assets/fonts/GothamBoldItalic.woff') format('woff2'),
        url('/assets/fonts/GothamBoldItalic.woff2') format('woff'),
        url('/assets/fonts/GothamBoldItalic.ttf') format('ttf'),
        url('/assets/fonts/GothamBoldItalic.eot') format('eot');
}
@font-face {
  font-family: 'GothamBlack';
  src:  url('/assets/fonts/GothamBlackItalic.woff') format('woff2'),
        url('/assets/fonts/GothamBlackItalic.woff2') format('woff'),
        url('/assets/fonts/GothamBlackItalic.ttf') format('ttf'),
        url('/assets/fonts/GothamBlackItalic.eot') format('eot');
} */
@font-face {
  font-family: 'GothamBlackItalic';
  src:  url('/assets/fonts/GothamBlackItalic.woff') format('woff2'),
        url('/assets/fonts/GothamBlackItalic.woff2') format('woff'),
        url('/assets/fonts/GothamBlackItalic.ttf') format('ttf'),
        url('/assets/fonts/GothamBlackItalic.eot') format('eot');
}

/* 2. Base Typography
------------------------------------------------------------------------------*/

/* Headers  */
.title-lrg-1 {font-weight: 700; font-style: italic; font-size: 2.425rem; text-transform: uppercase; letter-spacing: .02em;}
.title-lrg-1 span {display: block; font-size: 5.625rem; font-weight: 800; font-family: 'GothamBlackItalic'; letter-spacing: .04em;}
@supports (-webkit-text-stroke: 1px #fff) {
  .title-lrg-1 span {
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color:transparent;
    paint-order: stroke fill;
  }
}

.title-lrg-2 {white-space: nowrap;}
.title-lrg-2 span {font-size: 7.8125rem/*7.6vw*/; line-height: 7.8125rem; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-style: italic;}
.title-lrg-2 span.gradient {padding: 0 1%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent;}
.title-lrg-2.green span.gradient {background-image: -webkit-linear-gradient(90deg, #51db5f, #0a9492); background-image: linear-gradient(90deg, #51db5f, #0a9492);}
.title-lrg-2.blue span.filled {color: #2669f9}
@supports (-webkit-text-stroke: 1px #75f353) {
  .title-lrg-2 span.outline {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-text-fill-color:transparent;
    paint-order: stroke fill;
    background-color: transparent;
    background-image: none;
  }
  .title-lrg-2.green span.outline {
    -webkit-text-stroke: 3px #51db5f;
    margin-right: -1%;
  }
  .title-lrg-2.blue span.outline {
    -webkit-text-stroke: 3px #2669f9;
  }
  .title-lrg-2.white span.outline {
    -webkit-text-stroke: 3px #fff;
    margin-right: -1%;
  }
  .title-lrg-2.green span.outline:last-child {
    -webkit-text-stroke: 3px #0a9492;
    margin-right: 0;
    margin-left: -1%;
  }
  .title-lrg-2.blue span.outline:last-child {
    -webkit-text-stroke: 3px #2669f9;
  }
}

.title-lrg-3 {white-space: nowrap;}
.title-lrg-3 span {font-size: 13rem/*7.6vw*/; line-height: 13rem; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-style: italic;}
.title-lrg-3 span.gradient {padding: 0 2%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent;}
.title-lrg-3.green span.gradient {background-image: -webkit-linear-gradient(90deg, #51db5f, #0a9492); background-image: linear-gradient(90deg, #51db5f, #0a9492);}
.title-lrg-3.blue span.filled {color: #2669f9}
@supports (-webkit-text-stroke: 1px #75f353) {
  .title-lrg-3 span.outline {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-text-fill-color:transparent;
    paint-order: stroke fill;
    background-color: transparent;
    background-image: none;
  }
  .title-lrg-3.green span.outline {
    -webkit-text-stroke: 3px #51db5f;
    margin-right: -2%;
  }
  .title-lrg-3.green span.outline:last-child {
    -webkit-text-stroke: 3px #0a9492;
    margin-right: 0;
    margin-left: -2%;
  }
  .title-lrg-3.blue span.outline {
    -webkit-text-stroke: 3px #2669f9;
  }
  .title-lrg-3.blue span.outline:last-child {
    -webkit-text-stroke: 3px #2669f9;
  }
}

.title-lrg-4 span {font-size: 6.7rem; line-height: 7.8125rem; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-style: italic;}
@supports (-webkit-text-stroke: 1px #75f353) {
  .title-lrg-4 span.outline {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-text-fill-color:transparent;
    paint-order: stroke fill;
    background-color: transparent;
    background-image: none;
  }
  .title-lrg-4.white span.outline {
    -webkit-text-stroke: 3px #b2c8e1;
    margin-right: -1%;
  }
}

.title-lrg-5 {font-size: 5.625rem; line-height: 5.625rem; font-weight: 800; font-family: 'GothamBlackItalic'; letter-spacing: .04em; text-transform: uppercase;}

.title-med-1 {font-weight: 800; text-transform: uppercase; font-size: 1.7rem;}
.title-med-2 {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-style: italic; font-size: 3.25rem; line-height: 3.25rem;}
.title-med-3 {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-style: italic; font-size: 1.9625rem;}
.title-med-4 {font-style: italic; font-weight: 800; text-transform: uppercase; font-size: 3.25rem; line-height: 3.25rem;}
.title-sml-1 {font-family: 'Playfair Display', serif; font-style: italic; font-weight: 400; font-size: 1.175rem;}
.title-sml-2 {font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; letter-spacing: .025rem;}

@media screen and (max-width: 768px){
  .title-lrg-1.meet-the-team span {font-size: 10vw;}
}
@media screen and (max-width: 600px){
  .title-lrg-2 span {font-size: 13vw; line-height: 13vw;}
  .title-lrg-3 span {font-size: 25vw; line-height: 25vw;}
  .title-lrg-3.careers span {font-size: 13vw; line-height: 13vw;}
}

/* Paragraphs */
p {color: #1a1831; font-weight: 500; font-size: 13px; line-height: 22px; letter-spacing: .05em}

/* Links */
a {color: #2669f9; font-weight: 700; text-decoration: none; cursor: pointer; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
a:hover {color: #e00f28; text-decoration: none;}
a:active {}
a:focus, button:focus, input[type=submit]:focus {text-decoration: none}

/* Other Type */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

/* Colors
*/

/* 3. Helper Classes
------------------------------------------------------------------------------*/

/* General */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
.icon {display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.icon:hover {transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.full-bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.text-center {text-align: center}
.text-uppercase {text-transform: uppercase;}
.body img {display: block; max-width: 100%; height: auto !important}
.body ul li, .body ol li {font-weight: 500; letter-spacing: .05em; font-size: 13px; line-height: 22px; margin-left: 15px; margin-bottom: 5px;}
.body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body a, .body ul, .body ol, .body img, .body blockquote, .body table, .body .embed-container {margin-bottom: 20px}
.body h2 {font-size: 2rem; text-transform: uppercase; font-weight: 700; letter-spacing: .1em;}
.body h3 {font-family: 'Playfair Display', serif; font-weight: 700; font-size: 2.3125rem; font-style: italic;}
.body h4 {font-size: 1.5625rem; font-style: italic; font-weight: 400; font-family: 'Playfair Display', serif;}
.body h5 {text-transform: uppercase; font-weight: 800; letter-spacing: .2em; font-size: 13px; color: #2669f9;}
.body h6 {text-transform: uppercase; font-weight: 800; letter-spacing: .2em; font-size: 11px; color: #2669f9;}
.body blockquote {padding: 30px 0}
.body blockquote, .body blockquote p {letter-spacing: 0; width: 100%; text-align: center; font-family: 'Playfair Display', serif; font-weight: 800; font-size: 2.3125rem; font-style: italic;}
.d-block {display: block;}
.d-flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.align-items-center {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.align-items-end {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
.align-items-start {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
.justify-content-center {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.justify-content-end {-ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.flex-1 {-webkit-flex: 1; -ms-flex: 1; flex: 1}
.flex-column {-webkit-flex-flow: column; flex-flow: column}
.flex-reverse {-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse}
.no-scroll {overflow: hidden}
.image-square:after {display: block; content: ''; width: 100%; padding-top: 100%}
.sixteen-nine:after {display: block; content: ''; width: 100%; padding-top: 56.25%}
::selection {background: #e00f28; color: #fff}
::-moz-selection {background: #e00f28; color: #fff}
.h-100 {height: 100%}
.w-100 {width: 100%}
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.two-col {column-count: 2; column-gap: 70px;}
.light-txt * {color: #fff}
.red {color: #e00f28}
.bg-lblue {background-color: #b2c8e1;}
.bg-red {background-color: #e00f28;}
.bg-white {background-color: #fff;}
.blue {color: #2669f9}
.text-right {text-align: right;}
.text-left {text-align: left;}
.gradient-text {-webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent;}
.red-blue-gradient {display: inline-block; background-image: -webkit-linear-gradient(90deg, #e00f28, #2669f9); background-image: linear-gradient(90deg, #e00f28, #2669f9);}
.outline-text-behind {position: relative;}
.outline-text-behind .text-above {position: relative; z-index: 2}
.outline-text-behind .outline-text {position: absolute; bottom: -5.5rem; right: 0;}
.outline-text-behind-container .above {position: relative; z-index: 2}
@media screen and (max-width: 960px){
  .outline-text-behind-container .above {padding-top: 80px;}
  .outline-text-behind .outline-text {right: auto; left: -5%;}
}
@media screen and (max-width: 768px){
  .two-col {column-gap: 30px;}
}
@media screen and (max-width: 500px){
  .two-col {column-gap: 0; column-count: 1;}
}

/* Buttons & Links */
.btn {text-align: center; border: 2px solid #e00f28; white-space: nowrap; position: relative; font-weight: 800; display: inline-block; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: .2em; color: #e00f28; background-color: transparent; padding: 13px 25px 14px 25px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover, .btn:focus {background-color: #e00f28; color: #fff}
.btn.btn-white {border-color: #fff; color: #fff}
.btn.btn-white:hover, .btn.btn-white:focus {background-color: #fff; color: #e00f28}
.btn.btn-filled {background-color: #fff; border: none;}
.btn.btn-filled:hover, .btn.btn-filled:focus {background-color: #e00f28; color: #fff}
.icon-btn {width: 41px; height: 41px; display: block;}
.icon-btn:hover, .icon-btn:focus {background-color: rgba(255,255,255,.25);}

/* Margin & Padding */
.vp-30 {padding-top: 30px; padding-bottom: 30px}
.vp-50 {padding-top: 50px; padding-bottom: 50px}
.vp-70 {padding-top: 70px; padding-bottom: 70px}
.vp-100 {padding-top: 100px; padding-bottom: 100px}
.vp-150 {padding-top: 150px; padding-bottom: 150px}
.vp-200 {padding-top: 200px; padding-bottom: 200px}
.pb-15 {padding-bottom: 15px}
.pb-30 {padding-bottom: 30px}
.pb-50 {padding-bottom: 50px}
.pb-70 {padding-bottom: 70px}
.pb-100 {padding-bottom: 100px}
.pb-150 {padding-bottom: 150px}
.pt-150 {padding-top: 150px}
.pb-200 {padding-bottom: 200px}
.pt-30 {padding-top: 30px}
.pt-50 {padding-top: 50px}
.pt-70 {padding-top: 70px}
.pt-100 {padding-top: 100px}
.mt-30 {margin-top: 30px}
.mt-70 {margin-top: 70px}
.mb-30 {margin-bottom: 30px}
.mb-50 {margin-bottom: 50px}
.mb-70 {margin-bottom: 70px}
.mb-100 {margin-bottom: 100px}
.hp-15 {padding-left: 15%; padding-right: 15%}
@media screen and (max-width: 1024px){
  .vp-200 {padding-top: 100px; padding-bottom: 100px}
  .vp-150 {padding-top: 75px; padding-bottom: 75px}
  .pt-150 {padding-top: 75px}
  .pb-200 {padding-bottom: 100px}
}
@media screen and (max-width: 768px){
  .pb-100 {padding-bottom: 50px}
  .vp-100 {padding-top: 50px; padding-bottom: 50px}
  .pt-100 {padding-top: 50px}
  .mb-100 {margin-bottom: 50px}
  .vp-50 {padding-top: 25px; padding-bottom: 25px}
  .pt-50 {padding-top: 25px}
  .pb-50 {padding-bottom: 25px}
  .mb-50 {margin-bottom: 25px}
  .pt-70 {padding-top: 35px}
  .pb-70 {padding-bottom: 35px}
  .vp-70 {padding-top: 35px; padding-bottom: 35px}
  .mb-70 {margin-bottom: 35px}
  .pb-200 {padding-bottom: 50px}
  .vp-150 {padding-top: 50px; padding-bottom: 50px}
  .pt-150 {padding-top: 50px}
  .vp-200 {padding-top: 50px; padding-bottom: 50px}
  .hp-15 {padding-left: 10%; padding-right: 10%}
}
@media screen and (max-width: 500px){
  .pb-100 {padding-bottom: 30px}
  .vp-100 {padding-top: 30px; padding-bottom: 30px}
  .pt-100 {padding-top: 30px}
  .hp-15 {padding-left: 5%; padding-right: 5%}
  .hp.no-padding-mobile {padding-left: 0 !important; padding-right: 0 !important}
}
@media screen and (max-width: 375px){
  .hp-8 {padding-left: 20px; padding-right: 20px}
}

/* States */
.is-visible {visibility: visible !important; opacity: 1 !important; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.is-hidden {visibility: hidden; opacity: 0; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}

/* Accessibility */
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* fonts
font-family: 'Montserrat', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Roboto Condensed', sans-serif;
*/

/* colors
red: #e00f28;
*/


/* 4. Structure
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: 400; background-image: url(/assets/images/bgpattern.jpg);}
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto; overflow: hidden}
.container {width: 90%; max-width: 1100px; margin: auto; position: relative;}
#page {height: 100%}
#skipnav {position: absolute; z-index: 99999; clip: rect(0 0 0 0); height: 1px; width: 1px; padding-bottom: 25px; transition: none; -webkit-transition: none; -o-transition: none}
#skipnav:hover, #skipnav:focus, #skipnav:active {text-transform: uppercase; font-size: 15px; letter-spacing: .03em; clip: auto; left: 0; top: 0; width: 100%; height: auto; margin: 0; padding: 10px 0; background: #fff; border-left: none; border-right: none; text-align: center; font-weight: bold; color: #983222}
@media screen and (max-width: 1080px){
  html, body {font-size: .9em}
  .container {width: 100%; padding: 0 5%; margin: 0 auto;}
}
@media screen and (max-width: 960px){
  html, body {font-size: .8em}
}
@media screen and (max-width: 488px){
  html, body {font-size: .7em}
}

/* Header */
#header {width: 100%; position: absolute; top: 0; left: 0; z-index: 9999; height: 190px; background-color: transparent}
#header #header-logo {z-index: 3; width: 215px; height: 110px; background-image: url(/assets/images/bap2.png); background-position: center;}
#header nav li {list-style: none}
#header > .container {height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.is-header-desktop #header nav #mobile-nav-bottom {display: none}
.is-header-desktop #header nav {-webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.is-header-desktop #header nav > ul {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
.is-header-desktop #header nav li.level-1 {list-style: none; position: relative; margin-left: 30px}
.is-header-desktop #header nav li.level-1.mobile-only {display: none;}
.is-header-desktop #header nav li.level-1:first-child {margin-left: 0}
.is-header-desktop #header nav li.level-1 a {font-weight: 700; text-transform: uppercase; color: #fff; font-size: 13px; letter-spacing: .1em;}
.is-header-desktop #header nav li.level-1:hover a, .is-header-desktop #header nav li.level-1 a.active {color: #e00f28;}
.is-header-desktop #header nav li.level-1 a.btn {background-color: #e00f28; color: #fff; border: none}
.is-header-desktop #header nav li.level-1 a.btn:hover, .is-header-desktop #header nav li.level-1 a.btn:focus {background-color: #fff; color: #e00f28;}
.is-header-desktop #header nav .dropdown-menu[aria-hidden="true"] {opacity: 0; visibility: hidden}
.is-header-desktop #header nav .dropdown-menu[aria-hidden="false"] {opacity: 1; visibility: visible}
#mobile-menu-trigger, .mobile-menu-trigger-container {display: none}
@media screen and (max-width: 960px){
  #header {height: 100px;}
  #header #header-logo {width: 160px; height: 80px;}
  .is-header-desktop #header nav li.level-1 {margin-left: 15px;}
  .is-header-desktop #header nav li.level-1 a {letter-spacing: .05em;}
}
@media screen and (max-width: 768px){
  #header > .container {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
  .mobile-menu-trigger-container {height: 100%; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
  #mobile-menu-trigger {display: block}
  #mobile-menu-trigger {-ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; z-index: 9999;  display: block;width: 35px;height: 25px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
  #mobile-menu-trigger span {display: block;position: absolute;height: 4px;width: 100%;background-color: #fff;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  #mobile-menu-trigger span:nth-child(1) {top: 0px;}
  #mobile-menu-trigger span:nth-child(2),#mobile-menu-trigger span:nth-child(3) {top: 10px;}
  #mobile-menu-trigger span:nth-child(4) {top: 20px;}
  #mobile-menu-trigger.is-open span {background-color: #e00f28}
  #mobile-menu-trigger.is-open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
  #mobile-menu-trigger.is-open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  #mobile-menu-trigger.is-open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  #mobile-menu-trigger.is-open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
  #header #header-nav li span.trigger-icon-container {position: relative; padding-left: 2.5%;}
  #header #header-nav li span.trigger-icon-container > span {position: relative;}
  #header #header-nav li span.level-1-trigger-icon {display: block; width: 15px; height: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
  #header #header-nav li span:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #e00f28;}
  #header #header-nav li span.level-1-trigger-icon:before {width: 100%;}
  #header #header-nav li span.level-1-trigger-icon:after {width: 100%;}
  #header #header-nav span:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #e00f28; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg)}
  #header #header-nav span.is-active {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg)}
  #header #header-nav span.is-active {transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg)}
  #header #header-nav .dropdown-menu {display: none}
  #header #header-nav ul li {color: red; position: relative; float: inherit; text-align: left; list-style: none;}
  #header #header-nav ul li a, #header #header-nav ul li.multi-list-title {width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; color: #fff; padding-top: 8px; padding-bottom: 8px; padding-right: 5%; border-width: 0}
  #header #header-nav ul li.level-1 a {width: 100%; padding-left: 5%; color: #2669f9; font-size: 25px; font-weight: 800; text-transform: uppercase; letter-spacing: .125em}
  #header #header-nav ul li.level-1 a.btn {background-color: #e00f28; color: #fff; padding-top: 15px; padding-bottom: 15px;}
  #header #header-nav ul li.level-1 .dropdown-menu ul li a {padding: 5px 5%; text-transform: none; font-size: 16px; letter-spacing: .065em; font-weight: 700;}
  #header #header-nav ul li.level-1 .dropdown-menu ul {padding: 5px 0 10px 0}
  #header #header-nav {position: fixed; top: 0; left: 100%; bottom: 0; right: -100%; z-index: 1; width: 100%; height: 100vh; overflow: scroll; padding-top: calc(100px + 5%); background-color: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  #header #header-nav:before {display: block; content: ''; width: 100%; height: 100px; background-color: #fff; position: fixed; top: 0; left: 100%; right: -100%; z-index: 2; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  #header.is-mobile-open #header-nav {left: 0; right: 0}
  #header.is-mobile-open #header-nav:before {left: 0; right: 0}
  .overflow-hidden {overflow: hidden; height: 100%;}
}

/* Footer */
#footer {width: 100%; -webkit-box-shadow: inset 0px 4px 31px 0px rgba(0,0,0,0.28); -moz-box-shadow: inset 0px 4px 31px 0px rgba(0,0,0,0.28); box-shadow: inset 0px 4px 31px 0px rgba(0,0,0,0.28);}
#footer .top {background-image: url(/assets/images/footer2.jpg); position: relative; padding: 50px 0; background-size: 100% auto; background-position: center center; background-repeat: repeat-y;}
#footer .bottom {background-color: #000; text-align: center; padding: 30px 0;}
#footer .bottom p {color: #fff; opacity: .5; font-size: 10px; line-height: 12px;}
#footer .bottom p.box {margin-top: 15px; border: 1px solid #fff; padding: 15px; display: inline-block;}
#footer .copy, #footer .links {width: calc(50% - 75px)}
#footer .copy p {color: #fff; font-size: 13px; text-transform: uppercase; line-height: 16px;}
#footer .copy p.disc {font-size: 11px; text-transform: none;}
#footer .social {width: 150px;}
#footer .social li {margin-left: 30px; list-style: none;}
#footer .social li:first-child {margin-left: 0;}
#footer .social li a {width: 30px; height: 30px;}
#footer .social li a:hover .st0 {fill: #e00f28}
#footer .links li {list-style: none;}
#footer .links li a {color: #fff; text-transform: uppercase; letter-spacing: .2em; font-size: 13px;}
@media screen and (max-width: 600px){
  #footer .copy {width: 100%; text-align: center; margin-bottom: 25px;}
  #footer .copy br {display: none;}
  #footer .links, #footer .social {width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
}

/* 5. Pages
------------------------------------------------------------------------------*/

/* gallery */
.gallery-grid a {display: block; width: calc(33.333% - 10px); margin-right: 15px; margin-bottom: 15px;}
.gallery-grid a:nth-child(3n) {margin-right: 0;}


/* 6. Modules
------------------------------------------------------------------------------*/

/* banners */
.banner {width: 100%; position: relative; height: auto; background-blend-mode: overlay;}
.banner.banner-gradient {background-blend-mode: overlay;}
.banner.banner-gradient.banner-red-blue-gradient:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, #e00f28 , #2669f9); opacity: .8;}
.banner.banner-gradient.banner-bw-gradient:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(270deg, rgba(47,47,46,1) 0%, rgba(142,140,141,1) 100%); opacity: .9;}
.banner.banner-gradient.banner-green-teal-gradient:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, #75f353 , #0a9492); opacity: .8;}
.banner.banner-gradient.banner-red-gradient:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, #cc0909 , #7c0109); opacity: .8;}
.banner.banner-gradient.banner-red-yellow-gradient:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, #fd4f62 , #fed119); opacity: .8;}
.banner.banner-large.banner-slider .slide:before {display: block; content: ''; width: 100%; padding-top: 56.25%}
.banner.banner-large.banner-slider .slide .container {position: absolute; top: 0; left: 50%; height: calc(100% - 95px); transform: translateX(-50%);}
.banner.banner-slider .swiper-wrapper {}
.banner.banner-slider .slide {}
.banner.banner-slider .slide.banner-gradient {background-blend-mode: overlay;}
.banner.banner-slider .slide.banner-gradient.banner-red-blue-gradient:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, #e00f28 , #2669f9); opacity: .8;}
.banner .container {padding-top: 95px; z-index: 2; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.banner.banner-large.banner-slider .swiper-pagination {position: absolute; bottom: 0; left: 0; width: 100%; height: 94px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.banner.banner-large.banner-slider .swiper-pagination .swiper-pagination-bullet {opacity: 1; margin: 0 7px; width: 14px; height: 14px; background-color: transparent; border: 1px solid #fff;}
.banner.banner-large.banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}

.banner.banner-large-auto .container {padding-top: calc(5vw + 190px); padding-bottom: 10vw;}
.banner.banner-large-auto .container .content.d-flex {padding-bottom: 5%;}
.banner.banner-large-auto .container .content.d-flex .title {padding-right: 2.5%;}
.banner.banner-large-auto .container .content.d-flex .text {padding-left: 2.5%;}

.banner.banner-med-auto .container {padding-top: 190px; padding-bottom: 5vw;}

.banner.banner-large:before {display: block; content: ''; width: 100%; padding-top: 45%}
.banner.banner-large .container {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%;}

.banner.banner-sm {margin-bottom: -85px; height: 250px}
.banner.banner-sm:before {display: none;}

.banner.banner-sml {height: 190px}

@media screen and (max-width: 960px){
  .banner.banner-sm {height: 180px}
  .banner .title-lrg-1 {font-size: 3.5vw; line-height: 3.5vw;}
  .banner .title-lrg-1 span {font-size: 8vw; line-height: 8vw;}
}
@media screen and (max-width: 768px){
  .banner.banner-large.banner-slider .slide:before {display: none}
  .banner.banner-large.banner-slider .slide .container {padding-top: calc(100px + 5vw); padding-bottom: 94px; position: relative; height: calc(100% - 100px + 5vw);}
  .banner.banner-large {padding-top: 0;}
  .banner.banner-slider .swiper-wrapper {position: relative;}

  .banner.banner-large-auto .container {padding-top: calc(5vw + 100px); padding-bottom: 5vw;}
  .banner.banner-large-auto .container .content.d-flex {padding-bottom: 5vw;}
  .banner.banner-large-auto .container .content.d-flex .title {text-align: left; padding-bottom: 5vw; padding-right: 0; width: 100%; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;}
  .banner.banner-large-auto .container .content.d-flex .text {width: 100%; padding-left: 0;}

  .banner.banner-med-auto .container {padding-top: 100px;}

  .banner.banner-sml {height: 100px}

  .banner.banner-large:before {display: none;}
  .banner.banner-large .container {position: relative; top: auto; left: auto; transform: none; height: auto; padding-top: 0}
  .banner.banner-large .content {padding-top: calc(5vw + 100px); padding-bottom: 5vw;}
  .banner.banner-large .title-med-4 {font-size: 5vw; line-height: 6vw;}
}
@media screen and (max-width: 600px){
  
}

/* form styles */
.form form .dform_element {margin-bottom: 40px;}
.form .dform_element.dform_text_input label, .form .dform_element.dform_email label, .form .dform_element.dform_select label, .form .dform_element.dform_textarea label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form form input[type=text], .form form input[type=email], .form form input[type=tel] {color: #fff; width: 100%; height: 50px; border-bottom: 2px solid #fff; font-weight: 500; font-size: 17px; letter-spacing: .1em;}
.form form .dfcolumns {width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.form form .dform_columns_3, .form form .dform_columns_2 {margin-bottom: 0 !important;}
.form form .dform_columns_3 .dfcolumns .column {width: calc(33.333% - 12px) !important}
.form form .dform_columns_3 .dfcolumns .column[data-number="2"] {margin-right: 18px; margin-left: 18px;}
.form form .dform_columns_2 .dfcolumns .column[data-number="1"] {width: calc(66.666% - 9px) !important; margin-right: 18px;}
.form form .dform_columns_2 .dfcolumns .column[data-number="2"] {width: calc(33.333% - 9px) !important}
.form form .submit_button {text-align: center; padding-top: 10px; margin-bottom: 0;}
.form form input[type="submit"] {width: 100%; max-width: 220px; text-transform: uppercase; font-size: 14px; line-height: 14px; padding: 13px 25px 14px 25px; border: 2px solid #fff; color: #fff !important; font-weight: 800; letter-spacing: .2em;}
.form form input[type="submit"]:hover, .form form input[type="submit"]:focus {background-color: #fff !important; color: #e00f28 !important}
.form form input[type="file"] {min-width: 345px; margin-right: 15px; margin-left: 15px; font-weight: 500; font-size: 13px;}
.form form input[type=file]::file-selector-button {color: #1a1831; font-style: normal; cursor: pointer; margin-right: 15px; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: 2px solid #e00f28; outline: none; padding: 10px 50px; border-radius: 10px; background-color: transparent; transition: 300ms ease all;}
.form form input[type=file]::-webkit-file-upload-button {color: #1a1831; font-style: normal; cursor: pointer; margin-right: 15px; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: 2px solid #e00f28; outline: none; padding: 10px 50px; border-radius: 10px; background-color: transparent; transition: 300ms ease all;}
.form form input[type=file]::-ms-browse {color: #1a1831; font-style: normal; cursor: pointer; margin-right: 15px; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: 2px solid #e00f28; outline: none; padding: 10px 50px; border-radius: 10px; background-color: transparent; transition: 300ms ease all;}
.form form input[type=file]::file-selector-button:hover {background-color: #e00f28; color: #fff;}
.form form input[type=file]::-webkit-file-upload-button:hover {background-color: #e00f28; color: #fff;}
.form form input[type=file]::-ms-browse:hover {background-color: #e00f28; color: #fff}
.form form .dform_element.dform_file_upload .dform_label {font-size: 16px;}
.form form .dform_element.dform_file_upload {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.form form ::placeholder {color: #d9e4f0; opacity: 1;}
.form form :-ms-input-placeholder {color: #d9e4f0;}
.form form ::-ms-input-placeholder {color: #d9e4f0;}
.form form .dform_desc {color: #939393; font-weight: 500; font-size: 17px; letter-spacing: .1em;}
.form form label {font-weight: 500; font-size: 17px; letter-spacing: .1em;}
.form .req {display: none;}
.form form .dform_error {background-color: #e00f28; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 5px;}
.form form .dform_select .dform_container {position: relative; display: block; width: 100%;}
.form form .dform_select .dform_container select {line-height: 50px; color: #1a1831 !important; background-color: transparent; height: 50px; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #1a1831; letter-spacing: .1em; font-size: 17px; font-weight: 500; width: 100%; margin: 0; outline: none; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form form .dform_select .dform_container::after {content: "";position: absolute;top: 50%;right: 10px;margin-top: -3px;z-index: 2;pointer-events: none;width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #939393;}
.form form textarea {color: #1a1831; width: 100%; height: 150px; max-height: 300px; min-height: 150px; max-width: 100%; min-width: 100%; border-bottom: 2px solid #1a1831; font-weight: 500; font-size: 17px; letter-spacing: .1em;}

.form.form-switch[aria-hidden="true"] {display: none;}
.form.form-switch[aria-hidden="false"] {display: block;}
.form.er-form input[type=text], .form.er-form form input[type=email], .form.er-form form input[type=tel] {border-color: #1a1831; color: #1a1831}
.form.er-form form ::placeholder {color: #1a1831; opacity: 1;}
.form.er-form form :-ms-input-placeholder {color: #1a1831;}
.form.er-form form ::-ms-input-placeholder {color: #1a1831;}
.form.er-form form .dform_select .dform_container::after {border-top-color: #1a1831;}
.form.er-form .dform_element.dform_html label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form.er-form .dform_element.dform_html p, .form.er-form .dform_element.dform_html p * {font-weight: 600; font-size: 15px; letter-spacing: .1em;}
.form.er-form .dform_element.dform_html#forms_field_35 p, .form.er-form .dform_element.dform_html#forms_field_35 p * {font-weight: 400;}
.form.er-form .dform_element.dform_html p a {color: #1a1831; text-decoration: underline;}
.form.er-form .dform_element.dform_html p.sm {font-size: 13px; font-style: italic; font-weight: 400;}
.form.er-form form .dform_columns_2 .dfcolumns .column[data-number="1"] {width: calc(50% - 9px) !important;}
.form.er-form form .dform_columns_2 .dfcolumns .column[data-number="2"] {width: calc(50% - 9px) !important}
.form.er-form form textarea {height: 60px; max-height: 120px; min-height: 60px;}
.form.er-form form .dform_columns_2#forms_field_15 .dfcolumns .column[data-number="1"] {width: calc(66.666% - 9px) !important;}
.form.er-form form .dform_columns_2#forms_field_15 .dfcolumns .column[data-number="2"] {width: calc(33.333% - 9px) !important;}
.form.er-form form input[type="submit"] {border: 2px solid #e00f28; color: #e00f28 !important;}
.form.er-form form input[type="submit"]:hover, .form.er-form form input[type="submit"]:focus {background-color: #e00f28 !important; color: #fff !important}
.form.er-form .dform_element.dform_textarea label {clip: none; height: auto; margin: 0; overflow: auto; padding: 0; position: relative; width: auto; font-weight: 600; margin-bottom: 10px; display: block;}
.form.er-form .title-sml-2 em {font-family: 'Playfair Display', serif; font-weight: 400; font-size: italic; text-transform: none;}

@media screen and (max-width: 960px){
  .form.er-form input[type=text], .form.er-form form input[type=email], .form.er-form form input[type=tel], .form.er-form form .dform_select .dform_container select, .form.er-form textarea {letter-spacing: 0;}
}
@media screen and (max-width: 768px){
  .form.er-form form .dform_columns_2 .dfcolumns .column[data-number="1"] {width: 100% !important; margin-right: 0; margin-left: 0;}
  .form.er-form form .dform_columns_2 .dfcolumns .column[data-number="2"] {width: 100% !important; margin-right: 0; margin-left: 0;}
  .form.er-form form .dform_columns_2#forms_field_15 .dfcolumns .column[data-number="1"] {width: 100% !important; margin-right: 0; margin-left: 0;}
  .form.er-form form .dform_columns_2#forms_field_15 .dfcolumns .column[data-number="2"] {width: 100% !important; margin-right: 0; margin-left: 0;}
  .form.er-form form .dform_columns_3 .dfcolumns .column {width: 100% !important; margin-right: 0; margin-left: 0;}

  .form.er-form .dform_element#forms_field_29,
  .form.er-form .dform_element#forms_field_32, 
  .form.er-form .dform_element#forms_field_44, 
  .form.er-form .dform_element#forms_field_44
  {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 600px){
  .form form input[type=file]::file-selector-button {padding: 10px;}
  .form form input[type=file]::-webkit-file-upload-button {padding: 10px;}
  .form form input[type=file]::-ms-browse {padding: 10px;}
}
@media screen and (max-width: 500px){
  .form.form-switch {padding-top: 30px;}
  .form form .dform_element.dform_file_upload .dform_label {width: 100%; margin-bottom: 10px;}
  .form form input[type="file"] {margin-left: 0;}
  .form form .dform_columns_3 .dfcolumns .column {width: 100% !important}
  .form form .dform_columns_3 .dfcolumns .column[data-number="2"] {margin-right: 0; margin-left: 0;}
  .form form .dform_columns_2 .dfcolumns .column[data-number="1"] {width: 100% !important; margin-right: 0;}
  .form form .dform_columns_2 .dfcolumns .column[data-number="2"] {width: 100% !important}
}


/* split callout */
.split-callout > div {width: calc(50% - 30px)}
.split-callout > div:last-child {margin-left: 60px;}
.split-callout-auto-w > div:last-child {padding-left: 5%;}
@media screen and (max-width: 768px){
  .split-callout > div {width: calc(50% - 15px)}
  .split-callout > div:last-child {margin-left: 30px;}
  .split-callout-auto-w > div {width: 100%}
  .split-callout-auto-w div.body {padding-top: 20px;}
  .split-callout-auto-w > div:last-child {padding-left: 0;}
  .split-callout-auto-w > div.text-right {text-align: left;}
}
@media screen and (max-width: 600px){
  .split-callout > div {width: 100%}
  .split-callout > div:last-child {margin-left: 0;}
  .split-callout .text-right {text-align: left;}
}

/* gradient hover boxes */
.gradient-hover-boxes {overflow: visible !important;}
.gradient-hover-boxes.list .box {width: calc(25% - 7.5px); margin-bottom: 10px;}
.gradient-hover-boxes.list .box:nth-child(4n) {margin-right: 0;}
.gradient-hover-boxes.list .box .default, .gradient-hover-boxes.list .box .hover {width: 100%; height: 100%;}
.gradient-hover-boxes .box {text-align: center; display: block; width: calc(20% - 8px); margin-right: 10px; position: relative; background-color: #fff; text-align: center;}
.gradient-hover-boxes .box .default > div {position: relative; z-index: 2; width: 100%;}
.gradient-hover-boxes .box .default > div p {font-weight: 800; text-transform: uppercase; letter-spacing: .1em; margin-top: 10px;}
.gradient-hover-boxes .box.disabled {pointer-events: none; cursor: default;}
.gradient-hover-boxes .box .title-med-3, .gradient-hover-boxes .box img {position: relative; z-index: 2;}
.gradient-hover-boxes .box img {display: block; max-width: 80%; max-height: 80%; margin: 0 auto;}
.gradient-hover-boxes .box:after {display: block; content: ''; width: 100%; padding-top: 154%}
.gradient-hover-boxes .box:last-child {margin-right: 0;}
.gradient-hover-boxes .box .default, .gradient-hover-boxes .box .hover {padding: 10px; position: absolute; top: 0; left: 0; width: calc(100% - 20px); height: calc(100% - 20px);}
.gradient-hover-boxes .box .default:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.7);}
.gradient-hover-boxes .box .hover {z-index: 3; opacity: 0; background-blend-mode: overlay; transition: 300ms ease all;}
.gradient-hover-boxes .box .title-med-3 span {line-height: 1.9625rem; display: block; padding: 2px 10px 2px 5px; margin: 0 -2.5px 7px -2.5px;}
.gradient-hover-boxes .box .title-med-3 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center;}
.gradient-hover-boxes .box .hover .title-med-3 span {background-color: #fff;}
.gradient-hover-boxes .box:hover .hover {opacity: 1;}
.gradient-hover-boxes .box .hover:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .8; background: linear-gradient(45deg, #75f353 , #0a9492);}
.gradient-hover-boxes .box:nth-child(even) .hover:after {background: linear-gradient(145deg, #e00f28 , #2669f9);}
.gradient-hover-boxes .box:hover {-webkit-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.5); box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.5);}
.gradient-hover-boxes .box-button-prev.swiper-button-disabled, .gradient-hover-boxes .box-button-next.swiper-button-disabled {opacity: 0 !important}
.gradient-hover-boxes .box-button-next:after, .gradient-hover-boxes .box-button-prev:after {transition: 300ms ease all; border-radius: 50%; background-color: rgba(26,57,109,.25); content: ''; width: 34px; height: 34px; background-size: 24px; background-image: url(/assets/images/arrow.svg); background-repeat: no-repeat; background-position: center;}
.gradient-hover-boxes .box-button-prev:after {transform: rotate(-180deg)}
.gradient-hover-boxes .box-button-next, .gradient-hover-boxes .box-button-prev {opacity: 0; width: 44px; margin-top: 0; top: 0; height: 100%; transition: 300ms ease all}
.gradient-hover-boxes .box-button-next:hover:after, .gradient-hover-boxes .box-button-prev:hover:after {background-color: rgba(26,57,109,.75);}
.gradient-hover-boxes:hover .box-button-next, .gradient-hover-boxes:hover .box-button-prev {opacity: 1;}
.gradient-hover-boxes .box-button-next {padding-right: 10px; right: 0; -ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.gradient-hover-boxes .box-button-prev {padding-left: 10px; left: 0; -ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start}
.gradient-hover-boxes.full .box {width: 100%; margin: 20px 0 0 0; height: 170px;}
.gradient-hover-boxes.full .box:after {display: none;}
.gradient-hover-boxes.full .box .hover .title-med-3 {background-color: #fff; padding: 2px 15px 2px 10px;}
.gradient-hover-boxes.square .box:after {padding-top: 100%;}
.gradient-hover-boxes.full .box .default > div {height: 100%;}
.gradient-hover-boxes.full .box .default, .gradient-hover-boxes.full .box .hover {width: 100%; height: 100%;}
.gradient-hover-boxes.full .box.disabled img {height: calc(100% - 32px)}
@media screen and (max-width: 600px){
  .gradient-hover-boxes .box-button-next, .gradient-hover-boxes .box-button-prev {opacity: 1}
}

/* news feed */
.news-feed .item {display: block; width: calc(33.333% - 60px) !important; padding: 20px 30px; position: relative;}
/* .news-feed .item:last-child {margin-right: -30px;}
.news-feed .item:first-child {margin-left: -30px;} */
.news-feed .item .title-sml-2 {padding: 5px 0;}
.news-feed .item:hover {background-color: rgba(255,255,255,.25);}

.news-slider .news-button-prev.swiper-button-disabled, .news-slider .news-button-next.swiper-button-disabled {opacity: 0 !important}
.news-slider .news-button-next:after, .news-slider .news-button-prev:after {transition: 300ms ease all; border-radius: 50%; background-color: #2669f9; content: ''; width: 30px; height: 30px; background-size: 20px; background-image: url(/assets/images/arrow.svg); background-repeat: no-repeat; background-position: center;}
.news-slider .news-button-prev:after {transform: rotate(-180deg)}
.news-slider .news-button-next, .news-slider .news-button-prev {opacity: 0; width: 30px; margin-top: 0; top: 0; height: 100%; transition: 300ms ease all}
.news-slider .news-button-next:hover:after, .news-slider .news-button-prev:hover:after {background-color: #e00f28;}
.news-slider:hover .news-button-next, .news-slider:hover .news-button-prev {opacity: 1;}
.news-slider .news-button-next {right: 0; -ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.news-slider .news-button-prev {left: 0; -ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start}

.news-slider {width: calc(100% + 60px) !important; margin-left: -30px;}
@media screen and (max-width: 768px){
  .news-feed .item {width: calc(50% - 60px) !important;}
}
@media screen and (max-width: 500px){
  #news .content {padding-bottom: 60px;}
  .news-feed .item {width: calc(100% - 60px) !important;}
  .news-slider {overflow: visible !important;}
  .news-slider .news-button-prev, .news-slider .news-button-next {justify-content: center; align-items: center; width: 50%; bottom: -30px; top: auto; height: 30px; opacity: 1 !important;}
  .news-slider .news-button-prev.swiper-button-disabled, .news-slider .news-button-next.swiper-button-disabled {opacity: .25 !important; pointer-events: none;}
}

/* overlay sections */
.overlay {position: relative; background-blend-mode: overlay;}
.overlay:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay > div {position: relative; z-index: 2;}
.blue-overlay {background-color: #1a396d;}
.blue-overlay:after {background-color: #1a396d; opacity: .8;}

/* paper sections */
.paper-title-section {position: relative;}
.paper-title-section .content {margin-top: -50px;}
.paper-title {height: 170px}
.paper-title .paper {display: block; height: 170px; min-width: 100vw; position: absolute; top: 0; left: 0; z-index: 3;}
.paper-title h2 {position: relative; z-index: 4;}
.paper-border-section {position: relative;}
.paper-border-section .border {position: absolute; display: block; width: 100%; z-index: 2;}
.paper-border-section .border.border-top {top: 0; left: 0;}
.paper-border-section .border.border-bottom {bottom: 0; left: 0;}

@media screen and (max-width: 600px){
  .er .paper-title h2 {font-size: 5vw; line-height: 5vw; margin-top: -2.5vw;}
}

/* team section */
.team-section:first-child {padding-top: 0 !important;}
.team-section .row {padding-top: 15px; padding-bottom: 15px; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.team-section .member {width: calc(33.333% - 84px); cursor: pointer; position: relative;}
.team-section .member:nth-child(3n + 2) {margin-left: 126px; margin-right: 126px;}
.team-section .member img {display: block; width: 100%;}
.team-section .member:after {opacity: 0; transition: 300ms ease all; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); display: block; content: ''; width: 24px; height: 15px; background-image: url(/assets/images/down2.svg); background-size: 100%; background-repeat: no-repeat;}
.team-section .member[aria-expanded="true"]:after {opacity: 1;}
.team-section .member-more {width: 100%; background-color: #fff; padding: 20px 0; position: relative; margin-top: 30px;}
.team-section .member-more:before {display: block; content: ''; width: 5vw; height: 100%; position: absolute; top: 0; left: -5vw; background-color: #fff;}
.team-section .member-more:after {display: block; content: ''; width: 5vw; height: 100%; position: absolute; top: 0; right: -5vw; background-color: #fff;}
.team-section .member-more .text {padding-right: 10%; width: calc(100% - 20px);}
.team-section .member-more .text h3 {color: #e00f28; text-transform: uppercase; font-weight: 800; font-size: 11px; letter-spacing: .2em;}
.team-section .member-more .text p.bio {margin-top: 5px}
.team-section .member-more .member-close {display: block; width: 20px; height: 20px; background-image: url(/assets/images/close2.svg);}
.team-section .member .text {padding-top: 10px;}
.team-section .member .text .title-sml-2 {font-size: 16px; letter-spacing: .1em;}
.team-section .member .text p {font-weight: 700; text-transform: uppercase; letter-spacing: .05em; line-height: 16px; padding-top: 5px;}
@media screen and (max-width: 960px){
  .team-section .member {width: calc(33.333% - 50px);}
  .team-section .member:nth-child(3n + 2) {margin-left: 75px; margin-right: 75px;}
}
@media screen and (max-width: 768px){
  .team-section .member {width: calc(33.333% - 20px);}
  .team-section .member:nth-child(3n + 2) {margin-left: 30px; margin-right: 30px;}
}
@media screen and (max-width: 500px){
  .team-section .member {width: calc(33.333% - 10px);}
  .team-section .member:nth-child(3n + 2) {margin-left: 15px; margin-right: 15px;}
}
@media screen and (max-width: 415px){
  .team-section > .title-med-2 {margin-bottom: 15px;}
  .team-section .row {padding-top: 5px; padding-bottom: 5px;}
  .team-section .member {width: 33.333%;}
  .team-section .member:nth-child(3n + 2) {margin-left: 0; margin-right: 0;}
  .team-section .member-more .d-flex {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
  .team-section .member-more .text {padding-right: 20px;}
}

/* list page */
.list.landing .top-filters {padding-left: 5%; border-bottom: 2px solid #2669f9;}
.list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {display: block; padding: 10px 20px; text-transform: uppercase; font-size: 15px; line-height: 15px; letter-spacing: .2em; font-weight: 500;}
.list.landing .sort-container > button, .list.landing .filter-sort > button, .list.landing .filter-sort > a {font-weight: 500; color: #2669f9}
.list.landing .sort-container > button:hover, .list.landing .filter-sort > button:hover, .list.landing .filter-sort > a:hover, .list.landing .filter-sort > button.active, .list.landing .filter-sort > a.active {font-weight: 800;}
.list.landing .filter-sort > span {font-weight: 700; margin-right: 20px}
.list.landing .filter-sort > span.label {background-color: #2669f9; color: #fff;}
.list.landing .sort .sort-container {position: relative;}
.list.landing .sort button:focus {text-decoration: none;}
.list.landing .sort button.open-sort-menu.open {font-weight: 800;}
.list.landing .sort button.open-sort-menu[aria-expanded="true"] {font-weight: 800;}
.list.landing .sort .sort-menu {position: absolute; top: 100%; left: 0; background-color: #fff; padding: 20px; z-index: 5; border-top: 2px solid #2669f9;}
.list.landing .sort .sort-menu[aria-hidden="true"] {opacity: 0; visibility: hidden; pointer-events: none;}
.list.landing .sort .sort-menu button {white-space: nowrap; color: #2669f9; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; font-size: 11px; line-height: 11px; text-transform: uppercase; font-weight: 400; letter-spacing: .05em; margin-bottom: 15px}
.list.landing .sort .sort-menu button.active, .list.landing .sort .sort-menu button:hover {font-weight: 700}
.list.landing .sort .sort-menu button .circle {display: block; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #2669f9; margin-right: 20px}
.list.landing .sort .sort-menu button.active .circle {background-color: #2669f9;}
.list.landing .sort .sort-menu button:last-child {margin-bottom: 0}

.list.landing main .search {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.list.landing main .search button {position: relative; width: 35px; height: 35px;}
.list.landing main .search button svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 1.5px}
.list.landing main .search form[data-hidden="true"] {width: 0; overflow: hidden;}
.list.landing main .search input {width: 195px; height: 35px; font-size: 15px; letter-spacing: .1em; color: #2669f9}
.list.landing main .search input[type="search"]::-webkit-search-decoration,
.list.landing main .search input[type="search"]::-webkit-search-cancel-button,
.list.landing main .search input[type="search"]::-webkit-search-results-button,
.list.landing main .search input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.list.landing .pagination-container li {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.list.landing .pagination-container li button {font-weight: 500; font-size: 15px; line-height: 15px; margin: 0 25px; color: #2669f9}
.list.landing .pagination-container li.active button {font-weight: 700;}
.list.landing .pagination-container li button.prevBtn, .list.landing .pagination-container li button.nextBtn {background-image: url(/assets/images/arrow_blue.svg); width: 20px; height: 20px; display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.list.landing .pagination-container li button.prevBtn {margin: 0 25px 0 15px}
.list.landing .pagination-container li button.nextBtn {margin: 0 15px 0 25px}
.list.landing .pagination-container button.firstBtn, .list.landing .pagination-container button.lastBtn {background-image: url(/assets/images/arrow_blue_dbl.svg); width: 22px; height: 22px; display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.list.landing .pagination-container button.firstBtn, .list.landing .pagination-container button.lastBtn {margin: 0}
.list.landing .pagination-container li button.nextBtn {transform: rotate(180deg);}
.list.landing .pagination-container button.lastBtn {transform: rotate(180deg);}
.list.landing .pagination-container li button.disabled {display: none;}
.list.landing .pagination-record * {color: #888 !important; font-size: 13px; opacity: .75;}

.list.landing .list .item {display: block; padding: 20px 5%; margin-bottom: 20px;}
.list.landing .list .item.d-flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.list.landing .list .item:hover {background-color: #fff;}
.list.landing .list .item p {font-size: 12px; line-height: 20px;}
.list.landing .list .item h2 {padding-top: 5px;}
.list.landing .list .item.blue * {color: #2669f9 !important}
.list.landing .list .item.teal * {color: #0a9492 !important}
.list.landing .list .item.red * {color: #e00f28 !important}
.list.landing .list .item.purple * {color: #323584 !important}
.list.landing .list .item.orange * {color: #fd7640 !important}
.list.landing .list .item.item-image {padding: 0; margin-bottom: 20px;}
.list.landing .list .item.item-image .text {padding: 20px 5% 20px 20px;}
.list.landing .list .item.item-image .image {width: 25%}
.list.landing .list .item.item-image .image:after {padding-top: 56.25%;}
.list.landing .list .item .title-sml-3 {font-weight: 700; text-transform: uppercase; letter-spacing: .2em; margin: 5px 0 15px 0;}

.list.landing .list .video {width: 100%; display: block; padding: 0; margin-bottom: 30px;}
.list.landing .list .video:hover {background-color: transparent;}
.list.landing .list .video .image {position: relative;}
.list.landing .list .video .image .hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; background-blend-mode: overlay; transition: 300ms ease all;}
.list.landing .list .video .image .hover .icon {width: 10%; height: 20%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url(/assets/images/play.svg);}
.list.landing .list .video:hover .image .hover {opacity: 1;}

.list.detail .back-link {font-size: 13px; letter-spacing: .2em;}
.list.detail .back-link:before {display: block; content: ''; background-image: url(/assets/images/arrow_blue.svg); margin-right: 10px; background-repeat: no-repeat; background-size: 100%; width: 13px; height: 13px;}
.list.detail .info .title-med-1 {font-weight: 800; font-size: 2.1875rem; line-height: 2.1875rem;}
.list.detail .info .date {font-weight: 700; text-transform: uppercase; letter-spacing: .2em; margin-top: 15px;}
.list.detail .info .apply-share, .news.detail .info .share {padding-top: 25px;}
.list.detail .info .apply-share .btn {margin-right: 25px;}
.list.detail .info .share {padding-top: 0;}
.list.detail .info .share li {list-style: none; margin-right: 25px;}
.list.detail .info .share li:last-child {margin-right: 0;}
.list.detail .info .share li a:hover svg .st0 {fill: #e00f28}
.list.detail .info .body .embed-container {margin-bottom: 40px; margin-top: 10px}
.list.detail .info .image {width: 35%}
.list.detail .info .text.d-flex.flex-1 {padding-left: 5%;}
.list.detail .image-banner:after {padding-top: 25.25%;}

@media screen and (max-width: 1200px){
  .list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {padding: 10px}
  .list.landing .filter-sort > span {margin-right: 10px;}
}
@media screen and (max-width: 960px){
  .list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {letter-spacing: .05em;}
}
@media screen and (max-width: 768px){
  .list.landing .top-filters {padding-right: 5%; border-bottom: none}
  .list.landing .videos .sort {width: 100%}
  .list.landing main .search {width: 100%; margin-top: 30px;}
  .list.landing main .search input {border-bottom: none}
  .list.landing main .search button {border-bottom: none}
  .list.landing main .search form[data-hidden="true"] {width: auto}
  .list.landing .sort .sort-menu {width: 100%}
  .list.landing .sort .sort-container {position: static;}
  .list.landing .categories {position: relative;}
  .list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {letter-spacing: .15em;}
  .list.landing .sort .sort-menu button.sort-btn {letter-spacing: .1em;}
}
@media screen and (max-width: 600px){
  .list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {letter-spacing: 0;}
  .list.landing .categories {width: 100%; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto}
  .list.landing .categories > div {width: 100%}
  .list.landing .sort .sort-menu button.sort-btn {letter-spacing: 0;}
}
@media screen and (max-width: 500px){
  .list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {width: 100%}
  .list.landing .sort .sort-container {width: 100%}
  .list.landing .sort .sort-menu {position: relative; max-height: 0; overflow: hidden; width: 100%; padding: 0}
  .list.landing .sort .sort-menu[aria-hidden="false"] {padding: 20px; max-height: 500vh; background-color: #2669f9;}
  .list.landing .pagination li button {margin: 0 10px}
  .list.landing .pagination-container li button.prevBtn {margin: 0 10px 0 10px}
  .list.landing .pagination-container li button.nextBtn {margin: 0 10px 0 10px}
  .list.landing .sort {background-color: #fff; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .list.landing .filter-sort > span {width: 100%; margin-right: 0; text-align: center;}
  .list.landing .sort button.open-sort-menu[aria-expanded="true"] {background-color: #2669f9; color: #fff;}
  .list.landing .sort .sort-menu button {color: #fff;}
  .list.landing .sort .sort-menu button .circle {border-color: #fff;}
  .list.landing .sort .sort-menu button.active .circle {background-color: #fff;}
  .list.landing .list .item.item-image .text {padding: 20px 5%;}
  .list.landing .list .item.item-image .image {width: 100%}
  .list.detail .image-banner:after {padding-top: 56.25%;}
}
@media screen and (max-width: 415px){
  .list.landing .sort .sort-menu button {white-space: normal; text-align: left; letter-spacing: 0;}
  .list.landing .sort .sort-menu button .text {width: calc(100% - 24px)}
  .list.detail .info .image {width: 100%; order: 2; margin: 30px 0 10px 0;}
  .list.detail .info .image:after {padding-top: 56.25%;}
  .list.detail .info .text.d-flex.flex-1 {padding-left: 0;}
}
@media screen and (max-width: 320px){
  .list.landing .pagination-container li button.prevBtn, .list.landing .pagination-container li button.nextBtn {width: 15px; height: 15px;}
  .list.landing .pagination-container button.firstBtn, .list.landing .pagination-container button.lastBtn {width: 17px; height: 17px;}
  .list.landing .pagination li button {margin: 0 8px; font-size: 13px; line-height: 13px;}
  .list.landing .pagination-container li button.prevBtn {margin: 0 8px 0 8px}
  .list.landing .pagination-container li button.nextBtn {margin: 0 8px 0 8px}
  .list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {padding: 10px 5px; font-size: 14px;}
}

/* tabs */
.tabs .tab-nav button {margin: 0 15px; padding: 2px 20px 5px 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-style: italic; font-size: 3.25rem; line-height: 3.25rem; text-transform: uppercase; color: #2669f9;}
.tabs .tab-nav button:hover {color: #e00f28}
.tabs .tab-nav button[aria-selected="true"] {background-color: #2669f9; color: #fff;}
.tabs .tab-nav button[aria-selected="true"]:hover {color: #fff}
.tabs .tab-panel[aria-hidden="true"] {display: none;}

.featherlight {background-color: rgba(0,0,0,.95) !important;}
.featherlight .featherlight-content {background-color: #000 !important;}

.featherlight-iframe {width: 100%; height: auto;}
.featherlight-iframe .featherlight-content {width: 90%}
.featherlight-iframe .featherlight-content:after {display: block; content: ''; width: 100%; padding-top: 56.25%}
.featherlight-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#signup {position: relative;}
#signup .buttons {position: absolute; top: -1.625rem; left: 0; width: 100%; flex-wrap: nowrap;}
#signup .buttons .form-switch-btn {color: #fff; background-color: #2669f9; padding: 5px 20px 6px 10px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
#signup .buttons .form-switch-btn[aria-expanded="true"], #signup .buttons .form-switch-btn[aria-expanded="true"]:hover, #signup .buttons .form-switch-btn[aria-expanded="true"]:focus {color: #fff; background-color: #e00f28;}
@media screen and (max-width: 500px){
  #signup .buttons .form-switch-btn {padding: 1vw 3vw 1vw 2vw; font-size: 7vw;}
}

/* popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
	background-color: rgba(0,0,0,.85);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: 300ms ease all;
 }
 .popup h2 {
	 color: #e00f28;
 }
 .popup p {
	 margin-bottom: 0;
 }
 .popup .content-wrapper {
	padding: 20px;
	width: 100%;
	max-width: 600px;
 }
 .popup .content-wrapper .content {
	background-color: #fff;
	padding: 20px;
	text-align: center;
	position: relative;
	border: 1px solid #b2c8e1;
 }
 .popup .content-wrapper .content button {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
	background: none;
	background-image: url(/assets/images/close.svg);
	display: block;
	text-indent: -9999px;
	background-size: 100%;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: inherit;
 }
 .popup .content-wrapper .content .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
 }
 .popup .content-wrapper .content .text {
	padding-bottom: 20px;
 }
 .popup .content-wrapper .content .image {
	display: block;
 }
 .popup .content-wrapper .content .image img {
	display: block;
	max-width: 760px;
	width: 100%;
 }
 .popup .content-wrapper .content .button {
	padding-top: 20px;
	padding-bottom: 20px;
 }
 .popup[aria-hidden="false"] {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
 }
 .popup[aria-hidden="true"] {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
 }