/* 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, figure {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, select {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;}

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

/* Headers  */
.title-lrg-1 {font-weight: 700; font-size: 3rem; line-height: 3.75rem;}
.title-med-1 {font-weight: 700; font-size: 1.75rem; line-height: 1.75rem; letter-spacing: .02em;}
.title-med-2 {font-weight: 700; font-size: 1.5rem; line-height: 1.75rem;}
.title-sml-1 {font-weight: 700; font-size: 1.125rem; line-height: 1.125rem; letter-spacing: .02em;}
.title-sml-2 {font-weight: 600; font-size: 16px; line-height: 18px; letter-spacing: .02em;}
@media screen and (max-width: 600px){

}
.p-med-1 {}

/* Paragraphs */
p, .body li {color: #121c4e; font-weight: 400; font-size: 16px; line-height: 26px;}

/* Links */
a {color: #6f110f; font-weight: 700; text-decoration: none; cursor: pointer;}
a:hover {color: #6f110f; text-decoration: none;}
a:active {}
a:focus, button:focus, input[type=submit]:focus {text-decoration: underline}

/* 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;}
.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;}
.full-bg.full-bg-left {background-position: center left}
.full-bg.full-bg-right {background-position: center right}
.full-bg.full-bg-top {background-position: top center}
.full-bg.full-bg-top-right {background-position: top right}
.full-bg.full-bg-bottom {background-position: bottom center}
.full-bg.full-bg-bottom-right {background-position: bottom right}
.centered {text-align: center}
.flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.flex-align-center {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.flex-align-bottom {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
.flex-align-top {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
.flex-justify-center {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.flex-justify-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-flow-col {-webkit-flex-flow: column; flex-flow: column}
.flex-reverse {-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse}
.flex-grow-1 {-ms-flex-positive: 1; flex-grow: 1;}
.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: #6f110f; color: #fff}
::-moz-selection {background: #6f110f; color: #fff}
.txt-white * {color: #fff}
.animated-300, .animated-300 * {transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.layout-two-col {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px}
.bg-red {background-color: #6f110f;}
.w-100 {width: 100%;}
.err-wrap {display: none !important}
@media screen and (max-width: 768px){
  .layout-two-col {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0}
}


/* Buttons & Links */
.btn {white-space: nowrap; position: relative; font-weight: 700; display: inline-block; font-size: 14px; line-height: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .075em; color: #fff !important; background-color: #6f110f; padding: 14px 45px 15px 45px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover, .btn:focus {background-color: #121c4e; color: #fff}
.arw-btn {display: inline-block; border: 1px solid #fff; position: relative; text-transform: uppercase; font-size: 14px; line-height: 14px; letter-spacing: .14em; padding: 15px 25px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.arw-btn.blue {background-color: #121c4e;}
.arw-btn .arw {position: absolute; top: 50%; margin-top: -18px; right: -25px; display: block; width: 36px; height: 36px; background-image: url(/assets/images/arw.svg); transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.arw-btn:hover, .arw-btn:focus {background-color: #fff; color: #6f110f !important}
.arw-btn.blue:hover, .arw-btn.blue:focus {color: #121c4e !important}
.arw-btn:hover .arw, .arw-btn:focus .arw {right: -36px}
.arw-btn.arw-btn-red {border-color: #6f110f; color: #6f110f}
.arw-btn.arw-btn-red:hover, .arw-btn.arw-btn-red:focus {background-color: #6f110f; color: #fff !important}
.arw-btn.arw-btn-red .arw {background-image: url(/assets/images/arw_red.svg);}

/* Overlays */
.overlay {position: relative;}
.overlay > div {position: relative; z-index: 2}
.overlay:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay-25:before {background: rgba(47,57,81,.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-200 {padding-top: 200px; padding-bottom: 200px}
.pb-30 {padding-bottom: 30px}
.pb-50 {padding-bottom: 50px}
.pb-70 {padding-bottom: 70px}
.pb-100 {padding-bottom: 100px}
.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-70 {margin-bottom: 70px}
.mb-100 {margin-bottom: 100px}
.hp-10 {padding-left: 10%; padding-right: 10%}
.hp-14 {padding-left: 14%; padding-right: 14%}
.hp-20 {padding-left: 20%; padding-right: 20%}
@media screen and (max-width: 960px){
  .vp-200 {padding-top: 100px; padding-bottom: 100px}
  .pt-50 {padding-top: 25px}
  .pb-50 {padding-bottom: 25px}
  .pb-100 {padding-bottom: 50px}
  .pb-200 {padding-bottom: 100px}
  .vp-50 {padding-top: 25px; padding-bottom: 25px}
  .vp-100 {padding-top: 50px; padding-bottom: 50px}
  .pt-100 {padding-top: 50px}
  .mb-100 {margin-bottom: 50px}
  .hp-20 {padding-left: 15%; padding-right: 15%}
}
@media screen and (max-width: 768px){
  .hp {padding-left: 0; padding-right: 0}
}
@media screen and (max-width: 600px){
  .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-200 {padding-top: 50px; padding-bottom: 50px}
}
@media screen and (max-width: 488px){
  .pb-100 {padding-bottom: 30px}
  .vp-100 {padding-top: 30px; padding-bottom: 30px}
  .pt-100 {padding-top: 30px}
}

/* 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;}


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

/* Page Layout */
html, body {height: 100%; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #121c4e}
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto; overflow: hidden;}
#wrapper.header-fixed {padding-top: 180px;}
.container {width: 90%; max-width: 1180px; margin: auto; position: relative;}
#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: #6f110f; border-left: none; border-right: none; text-align: center; font-weight: bold; color: #fff}
.layout-flex-col #wrapper {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: column; flex-flow: column}
.layout-flex-col #wrapper > * {width: 100%}
.layout-flex-col #wrapper main {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: column; flex-flow: column; -webkit-flex: 1; -ms-flex: 1; flex: 1}
.layout-flex-col #wrapper main > * {width: 100%}
.layout-flex-col #wrapper main .layout-flex-col-stretch {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
@media screen and (max-width: 1080px){
  .container {width: 100%; padding: 0 5%;}
}
@media screen and (max-width: 960px){
  html, body {font-size: .9em}
  #wrapper.header-fixed {padding-top: 90px;}
}
@media screen and (max-width: 960px){
  #wrapper {padding-top: 90px;}
}
@media screen and (max-width: 500px){
  html, body {font-size: .8em}
}

/* Header */
#header {width: 100%; position: relative; top: 0; left: 0; z-index: 9999; height: 180px; background-color: transparent;}
.banner-transparent #header {position: absolute;}
#header.is-scrolled {height: 90px; background-color: #fff; position: fixed; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15)}
.no-banner #header {-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15)}
#header #header-logo {width: 260px; height: 102px; background-image: url(/assets/images/logo.svg); z-index: 3}
#header.is-scrolled #header-logo {width: 160px; height: 63px;}
#header.is-scrolled .logo-container {padding-top: 0 !important;}
#header nav li {list-style: none}
#header > .container {height: 100%;}
.is-header-desktop #header.is-scrolled > .container {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 15px;}
#header .logo-container {z-index: 3}
.is-header-desktop #header .logo-container {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.is-header-desktop #header nav #mobile-nav-bottom {display: none}
.is-header-desktop #header nav {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.is-header-desktop #header.is-scrolled nav {padding-top: 0 !important;}
.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-align-items: center; -webkit-align-items: center; align-items: center}
#header li {list-style: none; position: relative;}
.is-header-desktop #header nav li.level-1 {margin-left: 24px}
.is-header-desktop #header nav li.level-1:first-child {margin-left: 0}
.is-header-desktop #header .container {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
.is-header-desktop #header nav {width: 100%; }
.is-header-desktop #header nav > ul {padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: calc(50% - 130px)}
.is-header-desktop #header nav li.level-1.mobile-only {display: none}
.is-header-desktop #header nav li.level-1 a {position: relative; top: -10px; display: block; padding-top: 7px; border-top: 3px solid transparent; color: #121c4e; text-transform: uppercase; font-size: 14px; letter-spacing: .1em; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all; height: 20px; line-height: 20px;}
.is-header-desktop #header nav li.level-1 a:hover, .is-header-desktop #header nav li.level-1 a:focus, .is-header-desktop #header nav li.level-1 a.active {border-color: #6f110f; color: #6f110f}
.is-header-desktop #header a.btn {height: 39px; line-height: 39px; padding: 0 37px;}
.is-header-desktop #header nav li.level-1 a.btn {top: auto; height: auto; border: none; padding: 14px 45px 15px 45px}
.is-header-desktop #header nav li.level-1 a.btn:hover, .is-header-desktop #header nav li.level-1 a.btn:focus {}
.is-header-desktop #header .buttons {position: absolute; top: 0; right: 0}
.is-header-desktop #header nav > ul.header-nav-left {margin-right: 260px;}
.is-header-desktop #header nav > ul.header-nav-right {-ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
#mobile-menu-trigger, #header .mob-btn-container {display: none}
@media screen and (max-width: 1130px){
  #header #header-logo {width: 160px; height: 63px;}
  .is-header-desktop #header nav > ul {width: calc(50% - 80px)}
  .is-header-desktop #header nav > ul.header-nav-left {margin-right: 160px;}
  .is-header-desktop #header nav li.level-1 {margin-left: 15px}
  .is-header-desktop #header nav li.level-1:first-child {margin-left: 0}
}
@media screen and (max-width: 960px){
  .is-header-desktop #header nav li.level-1 {margin-left: 20px}
}
@media screen and (max-width: 960px){
  #header {height: 90px; position: fixed; background-color: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15)}
  #header #header-logo {width: 160px; height: 63px;}
  #header > .container {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
  #header .logo-container {order: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  #header .mob-btn-container {order: 3; 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: #121c4e;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;}
  #header.is-scrolled #mobile-menu-trigger span {background-color: #121c4e;}
  #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: #6f110f}
  #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:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #6f110f;}
  #header #header-nav span:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #6f110f; 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 ul li {color: #6f110f; position: relative; float: inherit; text-align: left; list-style: none; margin-bottom: 10px;}
  #header #header-nav ul li a, #header #header-nav ul li.multi-list-title {color: #121c4e; padding-top: 10px; padding-bottom: 10px; padding-right: 5%; display: block; border-width: 0}
  #header #header-nav ul li.level-1 a {padding-left: 5%; color: #121c4e; font-size: 18px; font-weight: 700; letter-spacing: .04em}
  #header #header-nav ul li.level-1 a:hover, #header #header-nav ul li.level-1 a:focus {color: #6f110f}
  #header #header-nav ul li.level-1 a.btn {letter-spacing: .1em; padding-top: 20px; padding-bottom: 20px; background-color: #6f110f; color: #fff}
  #header #header-nav ul li.level-1 a.btn:hover, #header #header-nav ul li.level-1 a.btn:focus {background-color: #121c4e; color: #fff}
  #header #header-nav {position: fixed; top: 0; left: 100%; bottom: 0; right: -100%; z-index: 1; width: 100%; height: 100vh; overflow: scroll; padding-top: 110px; 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: 90px; 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%;}
  #header .buttons {position: relative; z-index: 3; order: 2; padding-right: 5%;}
  #header .buttons a.btn {padding: 10px 15px}
}
@media screen and (max-width: 500px){
  #header #header-logo, #header.is-scrolled #header-logo {width: 130px; height: 53px;}
  #header .buttons a.btn {padding: 10px; font-size: 12px;}
}

/* Footer */
#footer {width: 100%; background-color: #6f110f; position: relative; padding: 40px 0}
#footer .container {}
#footer .footer-top {padding-bottom: 20px; border-bottom: 1px solid #4d6091}
#footer .footer-social ul li a {width: 35px; height: 35px; opacity: .5; transition: 300ms ease all;}
#footer .footer-social ul li a:hover {opacity: 1;}
#footer .footer-social ul li a.facebook {background-image: url(/assets/images/facebook.svg);}
#footer .footer-social ul li a.twitter {background-image: url(/assets/images/twitter.svg);}
#footer .footer-social ul li a.instagram {background-image: url(/assets/images/instagram.svg);}
#footer .footer-bottom {padding: 20px 0;}
#footer * {color: #fff !important}
#footer .simple-form {padding-top: 20px;}
#footer p.footer-legal, #footer li a {font-size: 10px; line-height: 14px;}
#footer p.footer-legal {display: inline-block; border: 1px solid #fff; padding: 5px 10px}
#footer li {list-style: none; margin-left: 15px;}
#footer a {font-weight: 400;}
#footer .footer-note {padding-top: 20px; border-top: 1px solid #4d6091; text-align: center;}
#footer .footer-note p {font-size: 9px; line-height: 13px; max-width: 820px;}
#footer .footer-note p a {text-decoration: underline;}
@media screen and (max-width: 600px){
   #footer .footer-top, #footer .footer-bottom {text-align: center;}
   #footer .footer-signup {width: 100%}
   #footer .footer-social {padding-top: 20px; width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
   #footer .simple-form form {margin: 0 auto}
   #footer .footer-bottom p {margin-bottom: 20px;}
   #footer .footer-bottom {width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
   #footer .footer-bottom ul {-webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
}


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

/* pages */
.pages h1 {font-weight: 700; font-size: 1.75rem; line-height: 1.75rem; letter-spacing: .02em; color: #121c4e}
.pages .page-title {margin-bottom: 30px;}

/* pk */
.pk.detail .body h3 {color: #121c4e}
.pk.detail .references > p {color: #121c4e; font-size: 18px; font-weight: 600; margin-bottom: 25px;}
.pk.detail .references ul li {list-style: none; margin-bottom: 25px;}
.pk.detail .references ul li a span {display: block;}
.pk.detail .references ul li a span.source {color: #121c4e; font-size: 13px; margin-bottom: 5px;}
.pk.detail .references ul li a:hover span.source, .pk.detail .references ul li a:focus span.source {color: #6f110f}
.pk.detail .references ul li a span.title {color: #121c4e; font-size: 18px}

/* sidebar */
.sidebar .main {width: 75%; padding-right: 10%;}
.sidebar.sidebar-left .main {width: 75%; padding-left: 10%; padding-right: 0}
.sidebar aside {width: 25%}
.sidebar aside nav ul li {margin-bottom: 15px; list-style: none; font-size: 16px; line-height: 18px; letter-spacing: .02em; font-weight: 600;}
.sidebar aside nav ul li a {color: #848484; font-weight: 600;}
.sidebar aside nav ul li a:hover, .sidebar aside nav ul li a:focus {color: #6f110f}
.sidebar aside nav ul li a.active {color: #121c4e}
@media screen and (max-width: 600px){
  .sidebar .main {width: 100%; padding-right: 0;}
  .sidebar.sidebar-left .main {width: 100%; padding-left: 0;}
  .sidebar aside {width: 100%;}
  .sidebar.sidebar-left aside {padding-bottom: 0;}
  .sidebar aside nav ul li {margin-bottom: 5px; font-size: 14px; line-height: 14px;}
  .sidebar aside nav ul li a {display: block; text-align: center; border: 1px solid #848484; padding: 10px}
  .sidebar aside nav ul li a.active {background-color: #121c4e; border-color: #121c4e; color: #fff}
  .sidebar aside nav ul li a:focus {background-color: #6f110f; border-color: #6f110f; color: #fff}
}

/* news */
.news.detail .main .page-title .date {padding-top: 10px; color: #848484; font-weight: 700; font-size: 14px;}

.landing .buttons {display: none}
.landing .buttons .btn {width: calc(50% - 12px); text-align: center; padding: 13px 0}
.landing .buttons .btn:first-child {margin-right: 24px;}
@media screen and (max-width: 768px){
  .landing .buttons {display: block}
}


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

/* banners */
.banner {height: auto; position: relative; background-color: #fff;}
.banner.sm-banner:before {display: block; content: ''; width: 100%; padding-top: 39%}
.banner.large-banner:before {display: block; content: ''; width: 100%; padding-top: 46%;}
.banner .container {height: 100%}
.banner.large-banner {min-height: 420px;}
.banner.large-banner p {font-size: 1.125rem; line-height: 1.5rem; display: block; padding-top: 10px; position: relative; max-width: 418px;}
.banner.large-banner .mobile-only {display: none}
.banner .container {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%;}
.banner.large-banner .title-lrg-1 {color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
@media screen and (max-width: 1024px){
  .banner.large-banner {min-height: 0; -ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
  .banner.large-banner .container {position: absolute; bottom: 0; left: 0; width: 100%; flex-grow: 0; height: auto; margin: 0 auto; transform: none}
  .banner .title-lrg-1 {font-size: 4.75vw; line-height: 5vw;}
  .banner.large-banner p {}
}
@media screen and (max-width: 960px){
  .banner.large-banner:before {padding-top: 40%}
}
@media screen and (max-width: 960px){
  .banner .content {padding-top: 0;}
  .banner .title-lrg-1:before {display: none;}
  .banner.large-banner p {margin-bottom: 0; max-width: 42vw;}
  .banner.large-banner .btn-container {padding-bottom: 10px; -ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 600px){
  .banner.large-banner {min-height: 300px;}
  .banner .title-lrg-1 {font-size: 6vw; line-height: 7vw;}
  .banner.large-banner p {font-size: 14px; line-height: 18px; max-width: 54vw;}
   .banner.sm-banner .container, .banner.tall-banner .container, .banner.med-banner .container {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
   .banner.large-banner .btn-container {display: none}
   .banner.large-banner .mobile-only {display: inline;}
}
@media screen and (max-width: 375px){
}

/* callouts */
.callout.callout-red {background-color: #6f110f;}
.callout.callout-red * {color: #fff}
.callout .container > * {margin-bottom: 30px;}
.callout .container > *:last-child {margin-bottom: 0;}
.callout p {max-width: 760px; margin: 0 auto;}
.callout .simple-form form {margin: 0 auto;}
.callout h2 {color: #121c4e}

/* forms */
.simple-form .dform {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}
.simple-form form {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #fff; position: relative; width: 100%; max-width: 400px; height: 45px}
.simple-form .dform_email {width: calc(100% - 45px)}
.simple-form .submit_button {width: 45px}
.simple-form label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}
.simple-form input[type=email] {width: 100%; height: 45px; padding: 0 15px; line-height: 45px; text-transform: uppercase; font-size: 11px; letter-spacing: .12em;}
.simple-form input[type=submit] {width: 100%; height: 45px; text-indent: -9999px; background-image: url(/assets/images/arw.svg); background-repeat: no-repeat; background-position: left center; background-size: 70%;}
.simple-form  ::placeholder {color: #fff;opacity: 1;}
.simple-form  :-ms-input-placeholder {color: #fff;}
.simple-form  ::-ms-input-placeholder {color: #fff;}
.form input[type=text], .form input[type=email], .form input[type=tel] {width: 100%; height: 50px; line-height: 50px; border: 1px solid #e1e1e1; border-radius: 4px; padding: 0 15px; font-size: 16px; color: #121c4e}
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=tel]:focus, .form textarea:focus {border-color: #28a745;}
.form .dform_element.dform_text_input label, .form .dform_element.dform_email label, .form .dform_element.dform_textarea label, .form .dform_element.dform_select label, .form .dform_element.dform_checkbox > label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form br {display: none}
.form .dfcolumns {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.form .dform_columns_2 .dfcolumns .column {width: calc(50% - 12px) !important}
.form .dform_columns_2 .dfcolumns .column[data-number="1"] {margin-right: 24px;}
.form .dform_columns_3 .dfcolumns .column {width: calc(33.333% - 16px) !important}
.form .dform_columns_3 .dfcolumns .column[data-number="2"] {margin-left: 24px; margin-right: 24px}
.form textarea {min-width: 100%; max-width: 100%; height: 100px; min-height: 100px; max-height: 200px; width: 100%; border: 1px solid #e1e1e1; border-radius: 4px; padding: 15px; font-size: 16px; color: #121c4e}
.form input[type=submit] {border-radius: 0; -webkit-appearance: none; font-weight: 700; color: #6f110f; display: inline-block; border: 3px solid #6f110f; position: relative; text-transform: uppercase; font-size: 14px; line-height: 14px; letter-spacing: .14em; padding: 15px 25px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.form input[type=submit]:hover, .form input[type=submit]:focus {background-color: #6f110f; color: #fff}
.form .dform_element.dform_text_input, .form .dform_element.dform_email, .form .dform_element.dform_textarea, .form .dform_element.dform_select, .form .dform_element.dform_file_upload, .form .dform_element.dform_date, .form .dform_element.dform_checkbox {margin-bottom: 24px;}
.form .dform_element.dform_date {margin-bottom: 40px;}
.form .dform_error {margin-top: 5px; color: #6f110f; font-weight: 600; font-size: 13px;}
.form .dform_select .dform_container {position: relative; display: block; border: 1px solid #e1e1e1; width: 100%; border-radius: 4px; height: 50px; line-height: 50px;}
.form .dform_select .dform_container select {background-color: transparent; border-radius: 4px; color: #121c4e; border: none; width: 100%;margin: 0;outline: none;padding: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.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 #121c4e;}
.form .dform_element.dform_date .dfinput_dates {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.form .dform_element.dform_date .df_date_elem_extra, .form .dform_element.dform_date .df_date_elem {position: relative; display: block; border: 1px solid #e1e1e1; width: calc(33.333% - 16px); border-radius: 4px; height: 50px;}
.form .dform_element.dform_date .df_date_elem_extra:after, .form .dform_element.dform_date .df_date_elem: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 #121c4e;}
.form .dform_element.dform_date .df_date_elem_extra select, .form .dform_element.dform_date .df_date_elem select {background-color: transparent; border-radius: 4px; color: #121c4e; border: none; width: 100%;margin: 0;outline: none;padding: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.form .dform_element.dform_date .dfinput_dates > div:nth-child(2) {margin-left: 24px; margin-right: 24px;}
.form .dform_element.dform_date label {color: #121c4e; text-transform: uppercase; letter-spacing: .05em; display: block; font-weight: 600; font-size: 13px; margin-top: 5px}
.form .dform_element.dform_date > label {font-size: 15px; margin-bottom: 5px; margin-top: 0}
.form .dform_element.dform_checkbox ul.checkboxes li {list-style: none;}

.form.form-labels .dform_element.dform_text_input label, .form.form-labels .dform_element.dform_email label, .form.form-labels .dform_element.dform_textarea label, .form.form-labels .dform_element.dform_select label, .form.form-labels .dform_element.dform_checkbox > label {font-size: 16px; display: block; margin-bottom: 5px; font-weight: 600; color: #121c4e; border: 0; clip: none; height: auto; margin: auto; overflow: visible; padding: 0; position: relative; width: auto;}


@media screen and (max-width: 500px){
  .form .dform_columns_2 .dfcolumns .column {width: 100% !important}
  .form .dform_columns_2 .dfcolumns .column[data-number="1"] {margin-right: 0;}
  .form .dform_columns_3 .dfcolumns .column {width: 100% !important}
  .form .dform_columns_3 .dfcolumns .column[data-number="2"] {margin-left: 0; margin-right: 0}

  .form-labels .dform_columns_2 .dfcolumns .column {width: 100% !important}
  .form-labels .dform_columns_2 .dfcolumns .column[data-number="1"] {margin-right: 0;}
  .form-labels .dform_columns_3 .dfcolumns .column {width: 100% !important}
  .form-labels .dform_columns_3 .dfcolumns .column[data-number="2"] {margin-left: 0; margin-right: 0}

  .form .dform_element.dform_date .df_date_elem_extra {width: calc(45% - 16px)}
  .form .dform_element.dform_date .dfinput_dates > div:nth-child(2) {width: calc(25% - 16px)}
  .form .dform_element.dform_date .dfinput_dates > div:nth-child(3) {width: calc(30% - 16px)}
}
@media screen and (max-width: 415px){
  .form .dform_element.dform_date .df_date_elem_extra {width: calc(45% - 8px)}
  .form .dform_element.dform_date .dfinput_dates > div:nth-child(2) {width: calc(25% - 8px); margin-left: 12px; margin-right: 12px;}
  .form .dform_element.dform_date .dfinput_dates > div:nth-child(3) {width: calc(30% - 8px)}
  .form .dform_element.dform_date .df_date_elem_extra select, .form .dform_element.dform_date .df_date_elem select {font-size: 14px;}
}
@media screen and (max-width: 320px){
  .form .dform_element.dform_date .df_date_elem_extra {width: 45%}
  .form .dform_element.dform_date .dfinput_dates > div:nth-child(2) {width: 25%; margin-left: 0; margin-right: 0;}
  .form .dform_element.dform_date .dfinput_dates > div:nth-child(3) {width: 30%}
  .form .dform_element.dform_date .df_date_elem_extra select, .form .dform_element.dform_date .df_date_elem select {font-size: 13px;}
}



/* body */
.body * {color: #121c4e}
.body p {color: #202020}
.body > *:last-child {margin-bottom: 0;}
.body img {display: block; max-width: 100%; height: auto !important}
.body ul li, .body ol li {margin-left: 23px; margin-bottom: 10px;}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body a, .body ul, .body ol, .body img, .body blockquote, .body table {margin-bottom: 20px}
.body a {font-weight: 400; text-decoration: underline; color: #6f110f; font-weight: 600}
.body h1, .body h2, .body h1 *, .body h2 * {font-weight: 600; font-size: 2.25rem; line-height: 3rem; color: #121c4e}
.body h3 {font-weight: 600; font-size: 1.25rem; line-height: 1.25rem; color: #121c4e}
.body h4 {font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: .1em; text-transform: uppercase;}
.body h5 {font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: .1em; text-transform: uppercase;}
.body h6 {font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: .1em; text-transform: uppercase;}

/* page title */
.page-title .title, .page-title h1 {display: inline-block; color: #121c4e; font-size: 2rem; line-height: 2rem; font-weight: 700;}

/* narrow text */
.narrow-text-960 .container {max-width: 960px;}
.narrow-text .container {max-width: 750px;}
.narrower-text .container {max-width: 500px;}

/* image banner */
.image-banner {background-color: #2f3951;}
.image-banner:after {display: block; content: ''; width: 100%; padding-top: 34%}

/* icon list */
.icon-list .item {width: calc(50% - 50px); margin-bottom: 100px}
.icon-list .item:nth-child(odd) {margin-right: 100px;}
.icon-list .item .image {width: 80px; margin-right: 20px;}
.icon-list .item .text {width: calc(100% - 100px)}
.icon-list .item .text h3 {color: #121c4e}
.icon-list .item .text .num {color: #121c4e; font-size: 18px; font-weight: 600; padding: 10px 0 8px 0}
.icon-list .item img {max-width: 80px; max-height: 80px; display: block;}
.icon-list .item:hover .text h3, .icon-list .item:focus .text h3 {color: #6f110f}
@media screen and (max-width: 960px){
  .icon-list .item {width: calc(50% - 25px); margin-bottom: 50px}
  .icon-list .item:nth-child(odd) {margin-right: 50px;}
}
@media screen and (max-width: 600px){
  .icon-list .item {width: 100%;}
  .icon-list .item:nth-child(odd) {margin-right: 0;}
}
@media screen and (max-width: 500px){
  .icon-list .item {display: block; text-align: center; margin-bottom: 35px}
  .icon-list .item .image {display: block; width: 100%; margin-right: 0; margin-bottom: 15px}
  .icon-list .item img {margin: 0 auto}
}

/* back link */
.back-link a {color: #121c4e}
.back-link a:hover, .back-link a:focus {color: #6f110f}

/* article list */
.article-list .item {margin-bottom: 50px; -ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
.article-list .item:last-child {margin-bottom: 0;}
.article-list .item .text {width: 75%; display: block; padding-left: 30px;}
.article-list .item .text.full {width: 100%; display: block; padding-left: 0;}
.article-list .item .image {width: 25%; display: block;}
.article-list .item .title {color: #121c4e; font-weight: 600;}
.article-list .item .title, .article-list .item p {margin-bottom: 10px;}
.article-list .item p.date {color: #848484; font-weight: 700; font-size: 14px;}
.article-list .item:hover .title, .article-list .item:focus .title {color: #6f110f}
aside .article-list .item {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #c7c7c7;}
aside .article-list .item:last-child {margin-bottom: 0; border-bottom: none;}
aside .article-list .item .title {display: block;}
aside .article-list .item .link {font-size: 16px;}
@media screen and (max-width: 500px){
  .article-list .item .text {width: 100%; display: block; padding-left: 0;}
  .article-list .item .image {display: none}
}

/* archives */
.archives li {margin-left: 17px; margin-bottom: 5px;}
.archives li a:hover, .archives li a:focus {color: #121c4e}

/* pagination */
.pagination {display: block; padding-top: 30px; border-top: 2px solid #c7c7c7}
.pagination li {margin-right: 10px; display: inline-block;}
.pagination li a {font-weight: 700;display: block;padding: 9px;text-align: center;line-height: 18px;font-size: 15px;min-width: 35px;height: 35px;color: #121c4e;}
.pagination li a:hover, .pagination li a:focus {color: #6f110f}
.pagination li a.active {background-color: #121c4e;color: #fff;}
.pagination li a.active:hover, .pagination li a.active:focus {color: #fff;background-color: #6f110f;}
@media screen and (max-width: 600px){
  .pagination li.desktop-only {display: none}
}

/* video feed */
.video-feed h2 {color: #121c4e; font-weight: 600; margin-bottom: 30px;}
.video-feed .video {margin-bottom: 30px; display: block; width: 100%; position: relative;}
.video-feed .video .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
@keyframes spin {
  to {transform: rotate(360deg);}
}
.video-feed .video .play .stroke-solid {stroke-dashoffset: 0;stroke-dashArray: 300;stroke-width: 4px;transition: stroke-dashoffset 1s ease, opacity 1s ease;}
.video-feed .video .play .icon {transform: scale(.8);transform-origin: 50% 50%;transition: transform 200ms ease-out;}
.video-feed .video:hover .play .stroke-solid {opacity: 1;stroke-dashoffset: 300;}
.video-feed .video:hover .play .icon {transform: scale(.9);}

/* news feed */
.news-feed h2 {color: #121c4e; font-weight: 600; margin-bottom: 30px;}
.news-feed .article {font-size: 16px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.news-feed .article:last-child {border-bottom: none;}
.news-feed .article * {margin-bottom: 5px;}
.news-feed .article .date {color: #121c4e; font-weight: 600;}
.news-feed .article .summary {font-size: 15px;}
.news-feed .article a {text-transform: uppercase; letter-spacing: .05em;}
.news-feed .article a:hover, .news-feed .article a:focus {color: #121c4e}

.company-list .company {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #202020;}
.company-list .info {width: 250px; margin-right: 40px;}
.company-list .info img {width: 100%; height: auto; display: block; margin-bottom: 20px;}
.company-list .info a {display: block; width: 100%; text-align: center; padding: 10px; font-size: 16px; line-height: 16px; letter-spacing: .1em; margin-bottom: 10px; background-color: #121c4e;}
.company-list .info a:last-child {margin-bottom: 0;}
.company-list .info a:hover, .company-list .info a:focus {background-color: #6f110f;}
.company-list .body h2 {font-size: 1.5rem; line-height: 1.5rem; letter-spacing: .02em; font-weight: 700; color: #121c4e}
@media screen and (max-width: 768px){
  .company-list .info {width: 33%}
}
@media screen and (max-width: 500px){
  .company-list .info {width: 100%; margin-bottom: 40px; margin-right: 0;}
  .company-list .text {width: 100%; text-align: center;}
}