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

input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

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

/* Headers  */
.title-lrg-1 {font-family: 'Averia Serif Libre', cursive; font-size: 4.6875rem; line-height: 4.6875rem; text-transform: uppercase; letter-spacing: .02em;}
.title-lrg-1 span {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2rem; line-height: 2rem; letter-spacing: .1em; text-transform: uppercase; display: block;}
.title-med-1 {font-family: 'Averia Serif Libre', cursive; font-size: 2.375rem; line-height: 3rem;}
.title-med-2 {font-family: 'Montserrat', sans-serif; font-size: 2rem; line-height: 2rem; text-transform: uppercase; letter-spacing: .1em;}
.title-sml-1 {text-transform: uppercase; letter-spacing: .1em; font-size: 17px; line-height: 28px; font-weight: 700;}
.title-sml-2 {font-size: 17px; line-height: 36px; font-weight: 700; text-transform: uppercase; letter-spacing: .16em;}
.title-sml-3 {font-size: 15px; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: .16em;}
.title-sml-4 {font-size: 14px; line-height: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: .16em;}

/* Paragraphs */
p {color: #0b162c; font-weight: 400; letter-spacing: .045em; font-size: 17px; line-height: 30px;}
p.text-muted {font-size: 15px; line-height: 15px; opacity: .5}
@media screen and (max-width: 960px){
  p {font-size: 16px; line-height: 27px;}
  .title-lrg-1 {font-size: 3rem; line-height: 3rem;}
}
@media screen and (max-width: 375px){
  p {font-size: 15px; line-height: 24px;}
}

/* Links */
a {color: #0b162c; font-weight: 700; text-decoration: none; cursor: pointer; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
a:hover {text-decoration: none; color: #bf0426}
a.no-color-change:hover {color: #0b162c;}
a:active {}
a:focus, button:focus, input[type=submit]:focus {text-decoration: none}
a.back-link {font-size: 15px; line-height: 15px; text-transform: uppercase; letter-spacing: .2em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
a.back-link:before {margin-right: 10px; display: block; content: ''; width: 16px; height: 16px; background-image: url(/assets/images/arrow_blue.svg); background-position: center; background-repeat: no-repeat;}

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

/* Fonts
font-family: 'Montserrat', sans-serif;
font-family: 'Playfair Display SC', serif;
*/

/* 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;}
.centered {text-align: center}
.text-uppercase {text-transform: uppercase;}
.body * {color: #0b162c !important;}
.body img {display: block; max-width: 100%; height: auto !important}
.body ul li, .body ol li {color: #0b162c; font-weight: 400; letter-spacing: .045em; font-size: 17px; line-height: 30px; margin-left: 25px; margin-bottom: 10px;}
.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: 30px}
.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: 400; letter-spacing: .05em;}
.body h6 {font-size: 15px; text-transform: uppercase; letter-spacing: .05em;}
.body .float-right {float: right; margin-left: 30px; width: 36%}
.body .float-right.file-image {width: 30%}
.body .float-right img {width: 100%; height: auto;}
.body .float-right.file-image img {margin-bottom: 0; position: relative; z-index: 2; -webkit-box-shadow: 0px 0px 10px 0px rgba(11,22,44,.15); -moz-box-shadow: 0px 0px 10px 0px rgba(11,22,44,.15); box-shadow: 0px 0px 10px 0px rgba(11,22,44,.15);}
.body .float-right.file-image a {border-right: 1px solid #ba232b; padding: 10px 15px; display: block; margin-bottom: 30px; color: #ba232b; background-color: rgba(11,22,44,.05); text-transform: uppercase; width: 100%; text-align: right; font-size: 14px; font-weight: 400;}
.body .float-right.file-image a:hover {color: #0b162c; border-color: #0b162c;}
.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;}
.body .anchor-offset:before {content: ''; display: block; height: 83px; margin: -83px 0 0;}
.body formtemplate * {margin-bottom: 0;}
.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}
.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: #a2cbf9; color: #fff}
::-moz-selection {background: #a2cbf9; color: #fff}
.h-100 {height: 100%}
.w-100 {width: 100%}
.bg-white {background-color: #ffffff !important;}
.bg-lblue {background-color: #a2cbf9 !important;}
.bg-mblue {background-color: #1e3559 !important;}
.bg-dblue {background-color: #0c2143 !important;}
.bg-ddblue {background-color: #0b162c !important;}
.bg-lgrey {background-color: #f1f2f2 !important;}
.bg-red *, .bg-mblue *, .bg-lblue *, .bg-dblue *, .bg-ddblue * {color: #fff !important; border-color: #fff !important}
.bg-lgrey.dark-text * {color: #0b162c !important; border-color: #0b162c !important;}
.white {color: #fff !important;}
.red {color: #ba232b !important;}
.bg-red {background-color: #ba232b !important;;}
.lblue {color: #a2cbf9 !important;}
.mblue {color: #1e3559 !important;}
.dblue {color: #0c2143 !important;}
.ddblue {color: #0b162c !important;}
.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;}
.outer-padded {position: relative;}
.outer-padded > * {position: relative; z-index: 15;}
.outer-padded .bg {z-index: 1 !important; display: block; width: calc(100% + 8vw); height: 100%; position: absolute; left: -4vw; top: 0; -webkit-box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1); box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1);}
.outer-padded.rounded-bottom .bg {border-bottom-left-radius: 4vw; border-bottom-right-radius: 4vw;}
.outer-padded.rounded-top .bg {border-top-left-radius: 4vw; border-top-right-radius: 4vw;}
.outer-padded.bg-white .bg {background-color: #fff;}
.outer-padded.bg-lgrey .bg {background-color: #f1f2f2;}
.outer-padded.extended-right .bg, .outer-padded.extended-left .bg {width: calc(100% + 12vw);}
.outer-padded.extended-left .bg {left: -8vw;}
.outer-padded.shadow-top-none .bg:before {display: block; width: 92vw; content: ''; position: absolute; left: 0; height: 4vw; background-color: #fff;}
.outer-padded.shadow-bottom-none .bg:after {display: block; width: 92vw; content: ''; position: absolute; left: 0; height: 4vw; background-color: #fff;}
.outer-padded.shadow-top-none .bg:before {top: -4vw;}
.outer-padded.shadow-bottom-none .bg:after {bottom: -4vw;}
.outer-padded.shadow-top-none, .outer-padded.shadow-bottom-none {z-index: 10 !important;}
.shifted-up-100 {position: relative; top: -100px; margin-bottom: -100px;}
.above {z-index: 2; position: relative;}
.d-block {display: block;}
@media screen and (max-width: 768px){
  .two-col {column-gap: 30px;}
  .shifted-up-100 {top: -50px; margin-bottom: -50px;}
  .outer-padded .bg {display: none;}
  .outer-padded.rounded-bottom {border-bottom-left-radius: 4vw; border-bottom-right-radius: 4vw;}
  .outer-padded.rounded-top {border-top-left-radius: 4vw; border-top-right-radius: 4vw;}
}
@media screen and (max-width: 600px){
  .body .float-right {float: none; margin-left: 0; width: 100%}
  .body .float-right.file-image {width: 100%}
}
@media screen and (max-width: 500px){
  .two-col {column-gap: 0; column-count: 1;}
}

/* Buttons & Links */
.btn {max-width: 100%; border-radius: 12px; text-align: center; text-transform: uppercase; white-space: nowrap; position: relative; display: inline-block; font-size: 1.5rem; line-height: 1.5rem; font-weight: 700; letter-spacing: .1em; color: #0b162c !important; background-color: #fff; padding: 15px 30px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover, .btn:focus {background-color: #bf0426; color: #fff !important}
.btn.blue {background-color: #0b162c !important; color: #fff !important}
.btn.blue:hover, .btn.blue:focus {background-color: #bf0426 !important; color: #fff !important}
.btn.red {background-color: #bf0426 !important; color: #fff !important}
.btn.red:hover, .btn.red:focus {background-color: #0b162c !important; color: #fff !important}
.btn.btn-lrg {font-size: 2rem; line-height: 2rem; padding: 15px 25px;}
@media screen and (max-width: 1100px){
  .btn.btn-lrg {font-size: 1.5rem; line-height: 1.5rem;}
}
@media screen and (max-width: 500px){
  .btn {letter-spacing: .05em !important; white-space: normal;}
}

/* Overlays */
.overlay {position: relative; overflow: hidden;}
.overlay > div {position: relative; z-index: 2}
.overlay:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay-black-70:after {background: rgba(17,17,17,.7)}

/* Margin & Padding */
.vp-20 {padding-top: 20px; padding-bottom: 20px}
.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-50 {margin-top: 50px}
.mt-70 {margin-top: 70px}
.mt-100 {margin-top: 100px}
.mb-15 {margin-bottom: 15px}
.mb-30 {margin-bottom: 30px}
.mb-50 {margin-bottom: 50px}
.mb-70 {margin-bottom: 70px}
.mb-100 {margin-bottom: 100px}
.hp-12 {padding-left: 12%; padding-right: 12%}
.hp-18 {padding-left: 18%; padding-right: 18%}
@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}
  .mt-100 {margin-top: 50px}
  .vp-50 {padding-top: 25px; padding-bottom: 25px}
  .pt-50 {padding-top: 25px}
  .pb-50 {padding-bottom: 25px}
  .mb-50 {margin-bottom: 25px}
  .mt-50 {margin-top: 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-12 {padding-left: 8%; padding-right: 8%}
  .hp-18 {padding-left: 12%; padding-right: 12%}
}
@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-12 {padding-left: 4%; padding-right: 4%}
  .hp.no-padding-mobile {padding-left: 0 !important; padding-right: 0 !important}
  .hp-18 {padding-left: 6%; padding-right: 6%}
}
@media screen and (max-width: 415px){
  .hp {padding-left: 8vw !important; padding-right: 8vw !important}
}

/* 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-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}
.pt-150 {padding-top: 150px}
.mt-30 {margin-top: 30px}
.mt-70 {margin-top: 70px}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.mb-50 {margin-bottom: 50px}
.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: 1024px){
  .vp-200 {padding-top: 100px; padding-bottom: 100px}
  .pt-50 {padding-top: 25px}
  .pb-50 {padding-bottom: 25px}
  .mb-50 {margin-bottom: 25px}
  .pb-100 {padding-bottom: 50px}
  .vp-150 {padding-top: 75px; padding-bottom: 75px}
  .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%}
  .pt-150 {padding-top: 75px}
}
@media screen and (max-width: 768px){
  .hp {padding-left: 0; padding-right: 0}
}
@media screen and (max-width: 768px){
  .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: 40px; padding-bottom: 40px}
  .vp-200 {padding-top: 50px; padding-bottom: 50px}
  .pt-150 {padding-top: 50px}
}
@media screen and (max-width: 500px){
  .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: #0b162c; background-color: #fff;}
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-flow: column; flex-flow: column;}
main {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-flow: column; flex-flow: column;}
.container {width: 100%; padding: 0 8vw; margin: auto; position: relative;}
.container.extended {padding: 0 4vw;}
#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: #bf0426}
@media screen and (max-width: 1200px){
  html, body {font-size: .9em}
}
@media screen and (max-width: 960px){
  html, body {font-size: .8em}
}
@media screen and (max-width: 500px){
  #wrapper {padding-top: 96px;}
  html, body {font-size: .7em}
}

/* Header */
#header-sticky-wrapper {width: 100%; height: 135px}
#header {width: 100%; position: relative; z-index: 9999; height: 200px; background-color: #0b162c; transition: 300ms ease all; -webkit-box-shadow: 0px 5px 20px 0px rgba(11,22,44,.5); -moz-box-shadow: 0px 5px 20px 0px rgba(11,22,44,.5); box-shadow: 0px 5px 20px 0px rgba(11,22,44,.5);}
#header #header-logo {}
#header #header-logo, #header #header-logo svg {z-index: 3; width: 106px; height: 100px}
#header #header-nav li {list-style: none}
#header > .container {-webkit-flex-flow: column; flex-flow: column; 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 .header-main {height: 100%; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-flow: column; flex-flow: column; 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}
#header .header-top {width: 100%; 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}
#header .header-top nav ul {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#header .header-top nav ul li {display: block}
#header .header-top nav ul li a {border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; text-align: center; display: block; font-weight: 700; color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: .2em; min-width: 160px; padding: 0 25px; height: 36px; line-height: 36px;}
#header .header-top nav ul li a:hover {background-color: #fff !important;}
#header .header-top nav ul li a.bg-ddblue:hover {color: #0b162c !important;}
#header .header-top nav ul li a.bg-red:hover {color: #ba232b !important;}
#header .header-top .search {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#header .header-top .search button {position: relative; border-bottom: 3px solid transparent; width: 36px; height: 36px;}
#header .header-top .search button svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 1.5px}
#header .header-top .search button[aria-expanded="true"] {border-color: #fff;}
#header .header-top .search form.hidden {width: 0; overflow: hidden;}
#header .header-top .search input {width: 195px; border-bottom: 3px solid #fff; height: 36px; font-size: 15px; letter-spacing: .1em; color: #fff}
#header .header-top .search input[type="search"]::-webkit-search-decoration,
#header .header-top .search input[type="search"]::-webkit-search-cancel-button,
#header .header-top .search input[type="search"]::-webkit-search-results-button,
#header .header-top .search input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.is-header-desktop #header .mobile-inner-container {width: 100%; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.is-header-desktop #header .header-mid {width: 100%; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.is-header-desktop #header .header-bottom {width: 100%}
.is-header-desktop #header #header-nav #mobile-nav-bottom {display: none}
.is-header-desktop #header #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 #header-nav > ul {width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.is-header-desktop #header #header-nav li.level-1 {list-style: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.is-header-desktop #header #header-nav li.level-1.has-dropdown-menu {transition: 300ms ease all}
.is-header-desktop #header #header-nav li.level-1:first-child {margin-left: 0}
.is-header-desktop #header #header-nav li.level-1 > a {letter-spacing: .01em; font-size: 15px; line-height: 15px; padding-bottom: 20px; border-bottom: 5px solid transparent; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .2em;}
.is-header-desktop #header #header-nav li.level-1:hover > a, .is-header-desktop #header #header-nav li.level-1 a.active {border-color: #fff;}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu {padding: 20px 0 25px 0; color: #fff; min-width: 200%; position: absolute; top: 100%; left: 0; background-color: #1e3559; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-right: 1px solid transparent;}
.is-header-desktop #header.is-fixed #header-nav li.level-1 .dropdown-menu {border-left-color: #f1f2f2; border-bottom-color: #f1f2f2; border-right-color: #f1f2f2;}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu ul li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu ul li:last-child {border-bottom: none}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu ul li.section-header a {font-style: normal; padding: 10px 30px; font-size: 13px; color: #a2cbf9; text-transform: uppercase; letter-spacing: .1em;}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu ul li a {display: block; color: #fff; padding: 5px 30px; white-space: nowrap; text-transform: none; font-size: 13px; line-height: 13px; font-weight: 400; letter-spacing: .02em; font-style: italic;}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu ul li a {font-style: normal; padding: 15px 30px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .2em; transition: none; -webkit-transition: none; -o-transition: none}
.is-header-desktop #header #header-nav li.level-1 .dropdown-menu ul li a:hover {text-decoration: underline;}
.is-header-desktop #header #header-nav .dropdown-menu[aria-hidden="true"] {opacity: 0; visibility: hidden}
.is-header-desktop #header #header-nav .dropdown-menu[aria-hidden="false"] {opacity: 1; visibility: visible}
/* .is-header-desktop #header.is-fixed #header-nav li.level-1 > a {color: #0b162c} */
.is-header-desktop #header #header-nav li.level-1:hover > a {border-color: #a2cbf9; font-weight: 700;}
.is-header-desktop #header #header-nav li.level-1 > a.active {font-weight: 700;}
#mobile-menu-trigger, .mobile-menu-trigger-container {display: none}
@media screen and (max-width: 1300px){
  .is-header-desktop #header #header-nav li.level-1 > a {letter-spacing: .1em;}
}
@media screen and (max-width: 1100px){
  .is-header-desktop #header #header-nav li.level-1 > a {letter-spacing: .05em;}
}
@media screen and (max-width: 1024px){
  .is-header-desktop #header #header-nav li.level-1 > a {letter-spacing: 0;}
}
@media screen and (max-width: 960px){
  #header {height: 170px;}
  #header.is-mobile-open #header-logo .st0 {fill: transparent}
  #header.is-mobile-open #header-logo .st1 {fill: #ffffff}
  #header.is-mobile-open #header-logo .st2 {fill: #ffffff}
  #header .header-top {order: 1; position: relative; z-index: 3;}
  #header .mobile-inner-container {position: relative; z-index: 3; width: 100%; order: 2; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
  .mobile-menu-trigger-container {order: 3; -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;}
  /* #header.is-fixed #mobile-menu-trigger span {background-color: #0b162c;} */
  #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: #a2cbf9 !important}
  #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.level-1-trigger-icon {margin-left: -20px; margin-right: 20px; position: relative; display: block; width: 14px; height: 14px; -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: 3px; background: #a2cbf9;}
  #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: 3px; background: #a2cbf9; 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 {text-align: center; color: #fff; padding-top: 0; padding-bottom: 0; padding-right: 0; display: block; border-width: 0}
  #header #header-nav ul li.level-1 a {padding: 4vw 0; 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; position: relative; letter-spacing: .1em; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding-left: 0; color: #fff; font-size: 25px; font-weight: 700;}
  #header #header-nav {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: fixed; top: 0; left: 100%; bottom: 0; right: -100%; z-index: 1; width: 100%; height: 100vh; overflow: scroll; padding-top: calc(8vw + 170px); padding-left: 8vw; padding-right: 8vw; padding-bottom: calc(8vw + 170px); background-color: #0b162c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  #header #header-nav > ul {-ms-flex-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
  #header #header-nav:before {display: block; content: ''; width: 100%; height: 170px; background-color: #0b162c; 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 #header-nav ul li .dropdown-menu ul li a {color: #a2cbf9; font-size: 18px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: .1em;}
  #header #header-nav .dropdown-menu ul {padding: 0 0 4vw 0;}
  #header #header-nav .expand-menu {padding: 0 5%;}
  #header #header-nav .expand-menu[aria-hidden="true"] {display: none;}
  #header #header-nav .expand-menu ul {padding: 16px 5%;}
  #header #header-nav li span.level-2-trigger-icon {display: block; position: absolute; top: 50%; left: 2.5%; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; -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.level-2-trigger-icon:before {width: 100%;}
  #header #header-nav li span.level-2-trigger-icon:after {width: 100%;}
  #header #header-nav .expand-menu ul li.section-header a {margin-bottom: 8px; font-size: 16px; color: #a2cbf9; font-weight: 400; text-transform: uppercase; letter-spacing: .1em;}
  #header #header-nav .expand-menu ul li a {padding: 8px 0 !important; font-weight: 400; font-family: 'Montserrat', sans-serif; text-transform: none; font-size: 15px; font-style: italic; letter-spacing: 0;}
}
@media screen and (max-width: 500px){
  #header #header-nav {padding-top: calc(8vw + 96px); padding-bottom: calc(8vw + 96px);}
  #header .header-top .search {display: none;}
  #header {height: 96px; position: fixed; top: 0; left: 0;}
  #header .header-top {position: absolute; padding: 0 8vw;}
  #header #header-logo, #header #header-logo svg {width: 76px; height: 72px;}
  .mobile-menu-trigger-container {padding-top: 36px;}
  #header #header-nav:before {height: 96px}
}

/* Footer */
#footer {width: 100%; position: relative; z-index: 2; padding: 0 10px;}
#footer li {list-style: none;}
#footer .top .text .title {text-transform: uppercase; font-size: 15px; line-height: 15px; letter-spacing: .2em; margin-bottom: 15px;}
#footer .top .text .info {font-size: 8px; line-height: 12px; opacity: .5; max-width: 75%;}
#footer .top .links {padding-top: 30px;}
#footer .top .links li {margin-right: 20px;}
#footer .top .links a, #footer .top .links li {text-transform: uppercase; font-weight: 400; letter-spacing: .2em; font-size: 13px;}
#footer .top .links a:hover, #footer .top .links a:focus {font-weight: 700;}
#footer .top .logo {width: 145px; height: 145px; background-image: url(/assets/images/emblem.svg);}
@media screen and (max-width: 768px){
  #footer .top .logo {width: 100px; height: 100px;}
  #footer .top .links a {letter-spacing: .1em; font-size: 13px;}
}
@media screen and (max-width: 500px){
  #footer .top .links {order: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; flex-wrap: nowrap;}
  #footer .top .logo {order: 2;}
  #footer {text-align: center;}
  #footer .top .text {margin-bottom: 4vw; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;}
  #footer .top .text .info {max-width: 100%;}
  #footer .top .links {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  #footer .top .links a, #footer .top .links li {margin: 0 5px !important; white-space: nowrap;}
  #footer .container {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
}
@media screen and (max-width: 415px){
  #footer {padding: 0 10px;}
}



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

/* search */
.results .pagination li {font-size: 15px; line-height: 15px; 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}
.results .pagination li.padded {margin: 0 25px}
.results .pagination li a {font-weight: 400; font-size: 15px; line-height: 15px; margin: 0 25px}
.results .pagination li a.active {font-weight: 700;}
.results .pagination li a.page-next, .results .pagination li a.page-previous {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;}
.results .pagination li a.page-first, .results .pagination li a.page-last {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;}
.results .pagination li a.page-next {transform: rotate(180deg);}
.results .pagination li a.page-last {transform: rotate(180deg);}
@media screen and (max-width: 500px){
  .results .pagination li.padded {margin: 0 15px}
  .results .pagination li a {margin: 0 15px}
}

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

/* banners */
.banner {width: 100%; position: relative; background-color: #1e3559;}
.banner.rounded-bottom {border-bottom-left-radius: 4vw; border-bottom-right-radius: 4vw; -webkit-box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1); box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1);}

/* form styles */
.form form {width: 100%; display: block}
.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(50% - 9px) !important; margin-right: 18px;}
.form form .dform_columns_2 .dfcolumns .column[data-number="2"] {width: calc(50% - 9px) !important}
.form form .dform_columns_4 .dfcolumns .column {margin-right: 18px;}
.form form .dform_columns_4 .dfcolumns .column[data-number="1"] {width: calc(40% - 13.5px)}
.form form .dform_columns_4 .dfcolumns .column[data-number="2"], .form form .dform_columns_4 .dfcolumns .column[data-number="3"], .form form .dform_columns_4 .dfcolumns .column[data-number="4"] {width: calc(20% - 13.5px)}
.form form .dform_columns_4 .dfcolumns .column[data-number="4"] {margin-right: 0;}
.form form input[type=email], .form form input[type=text], .form form input[type=tel] {line-height: 50px; border-bottom: 3px solid #fff; height: 50px; padding: 0; width: 100%; background-color: transparent; color: #fff !important; font-size: 16px;}
.form form textarea {border-bottom: 3px solid #fff; height: 160px; max-height: 160px; min-height: 160px; resize: none; padding: 0; width: 100%; background-color: transparent; color: #fff !important; font-size: 16px;}
.form form input[type=email]:focus, .form form input[type=text]:focus, .form form input[type=tel]:focus {border-color: #a2cbf9 !important;}
.form form .dform_label .req {display: none;}
.form form .dform_text_input .dform_label, .form form .dform_email .dform_label, .form form .dform_email .dform_label, .form form .dform_select .dform_label, .form form .dform_html .dform_label, .form form .dform_textarea .dform_label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form form .dform_element.dform_file_upload .dform_label {font-size: 16px;}
.form form .dform_element {margin-bottom: 40px;}
.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 .submit_button {text-align: center; padding-top: 40px}
.form form input[type="file"] {margin-left: 15px; font-style: italic; font-size: 16px;}
.form form input[type=file]::file-selector-button {font-style: normal; cursor: pointer; margin-right: 15px; font-size: 15px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: none; outline: none; padding: 10px 50px; border-radius: 10px; background-color: #fff; transition: 300ms ease all;}
.form form input[type=file]::-webkit-file-upload-button {font-style: normal; cursor: pointer; margin-right: 15px; font-size: 15px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: none; outline: none; padding: 10px 50px; border-radius: 10px; background-color: #fff; transition: 300ms ease all;}
.form form input[type=file]::-ms-browse {font-style: normal; cursor: pointer; margin-right: 15px; font-size: 15px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: none; outline: none; padding: 10px 50px; border-radius: 10px; background-color: #fff; transition: 300ms ease all;}
.form form input[type=file]::file-selector-button:hover {background-color: #ba232b; color: #fff}
.form form input[type=file]::-webkit-file-upload-button:hover {background-color: #ba232b; color: #fff}
.form form input[type=file]::-ms-browse:hover {background-color: #ba232b; color: #fff}
.form form input[type="submit"] {border-radius: 12px; width: 100%; max-width: 335px; text-transform: uppercase; font-size: 1.5rem; line-height: 1.5rem; padding: 15px 30px; background-color: #fff; color: #0b162c !important; font-weight: 700; letter-spacing: .1em;}
.form form input[type="submit"]:hover, .form form input[type="submit"]:focus {background-color: #ba232b !important; color: #fff !important}
.form form ::placeholder {color: #a9aeb8; opacity: 1;}
.form form :-ms-input-placeholder {color: #a9aeb8;}
.form form ::-ms-input-placeholder {color: #a9aeb8;}
.form form .dform_error {background-color: #ba232b; color: #fff; font-size: 12px; 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; letter-spacing: .045em; color: #a9aeb8 !important; background-color: #1e3559 !important; height: 50px; border-top: none; border-left: none; border-right: none; border-bottom: 3px solid #fff; font-size: 16px; 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 select:focus {color: #fff !important; border-bottom-color: #a2cbf9 !important}
.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 #fff;}
.form form .dform_element.dform_entries_list .dform_label {font-size: 16px;}
.form form .dform_entries_list {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 .dform_entries_list .dform_container {position: relative; display: block; width: auto;}
.form form .dform_entries_list .dform_container select {margin: 0 0 0 15px; padding: 0 44px 0 0; line-height: 50px; letter-spacing: .045em; color: #a9aeb8 !important; background-color: transparent; height: 50px; border-top: none; border-left: none; border-right: none; border-bottom: 3px solid #fff; font-size: 16px; width: 100%; outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form form .dform_entries_list .dform_container select:focus {color: #fff !important; border-bottom-color: #a2cbf9 !important}
.form form .dform_entries_list .dform_container select option, .form form .dform_entries_list .dform_container select:focus option {color: #0b162c !important;}
.form form .dform_entries_list .dform_container::after {content: "";position: absolute;top: 50%;right: 0;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 #fff;}
@media screen and (max-width: 960px){
  .form form .dform_element.dform_entries_list .dform_label {width: 100%}
  .form form .dform_entries_list .dform_container {width: 100%}
  .form form .dform_entries_list .dform_container select {margin: 0;}
}
@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;}
  .form form .dform_columns_4 .dfcolumns .column[data-number="2"] {margin-right: 0;}
  .form form .dform_columns_4 .dfcolumns .column[data-number="1"], .form form .dform_columns_4 .dfcolumns .column[data-number="2"], .form form .dform_columns_4 .dfcolumns .column[data-number="3"], .form form .dform_columns_4 .dfcolumns .column[data-number="4"] {width: calc(50% - 9px)}
}
@media screen and (max-width: 500px){
  .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}
  .form form .dform_element {margin-bottom: 25px;}
  .form form .dform_columns_4 .dfcolumns .column[data-number="1"], .form form .dform_columns_4 .dfcolumns .column[data-number="2"], .form form .dform_columns_4 .dfcolumns .column[data-number="3"], .form form .dform_columns_4 .dfcolumns .column[data-number="4"] {width: 100%; margin-right: 0}
}

/* news slider */
.news-slider-wrapper {padding: 0 4vw;}
.news-slider-wrapper > .bg-lgrey {background-color: #fff !important;}
.news-slider-wrapper > .bg-lgrey.ns {background-color: #f1f2f2 !important;}
.news-slider-wrapper > .bg-lgrey.ns.extended-right .bg {width: 4vw; height: 100%; position: absolute; top: 0; right: 0; background-color: #f1f2f2;}
.news-slider-wrapper .outer-padded.extended-right .bg {width: calc(100% + 4vw); left: 0;}
.news-slider-container {margin-left: -4vw; overflow-y: hidden; overflow-x: visible; padding: 0 0 0 4vw; position: relative;}
.news-slider .slide {display: block; transition: 500ms ease all; opacity: 0 !important; position: relative;}
.news-slider .slide.swiper-slide-active {opacity: 1 !important}
.news-slider .slide .padding {padding: 38px 0 4vw 4vw}
.news-slider .slide .inner {padding: 4vw 0 0 0}
.news-slider .slide .inner .text {width: calc(66% - 8vw); padding-right: 8vw;}
.news-slider .slide .inner .text.full {width: 100%; padding-right: 0;}
.news-slider .slide .inner .text .title-med-1 {margin-bottom: 30px}
.news-slider .slide .inner .image {width: 34%}
.news-slider .slide:before {display: block; content: ''; width: 44px; height: 92px; position: absolute; top: 0; left: 4vw; background-image: url(/assets/images/ribbon.svg); background-size: 100%;}
.news-slider .top {padding-left: calc(2vw + 44px); padding-bottom: 33px;}
.news-slider .date {padding-bottom: 5px; display: inline-block; font-size: 15px; line-height: 15px; text-transform: uppercase; letter-spacing: .3em; border-bottom: 1px solid #bf0426;}
.news-slider .news-pagination-wrapper {position: absolute; height: calc(100% - 35px); width: 4vw; bottom: auto; left: 0; top: 15px; 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}
.news-slider .swiper-pagination {display: block !important; bottom: auto !important; left: auto !important; width: 100% !important}
.news-slider .swiper-pagination .swiper-pagination-bullet {margin: 0 !important; position: relative; opacity: 1 !important; font-size: 16px; line-height: 16px; padding: 15px; display: block; width: 100%; border-radius: 0; height: auto; background-color: transparent;}
.news-slider .swiper-pagination .swiper-pagination-bullet:before {transition: 300ms ease all; display: block; content: ''; width: 0; left: 0; top: 50%; height: 1px; background-color: #0b162c; position: absolute;}
.news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: calc(2vw - 10px)}
/* @media screen and (max-width: 1200px){
  .news-slider-container {padding: 15px 0 20px 5%}
  .news-slider .news-pagination-wrapper {width: 5%}
}
@media screen and (max-width: 960px){
  .news-slider .slide .padding {padding: 15px}
  .news-slider .slide .inner {padding: 15px}
  .news-slider .slide .inner .text {width: calc(66% - 30px); padding-right: 30px;}
  .news-slider .slide:before {left: 30px; height: 46px; width: 22px}
  .news-slider .top {padding-left: 60px; padding-bottom: 10px;}
  .news-slider .slide .inner .text .title-med-1 {margin-bottom: 15px;}
  .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 4vw}
} */
@media screen and (max-width: 768px){
  .news-slider-wrapper > .bg-lgrey {background-color: #f1f2f2 !important;}
  .news-slider-wrapper {padding: 0 8vw;}
  .news-slider-wrapper:after {display: block; content: ''; width: 8vw; height: 100%; background-color: #f1f2f2; position: absolute; top: 0; right: 0;}
  .news-slider .slide .inner .text {width: 100%; padding-right: 0}
  .news-slider .slide .inner .image {display: none}
  .news-slider .news-pagination-wrapper {width: 8vw;}
  .news-slider-container {padding: 0 0 0 8vw; margin-left: -8vw;}
  .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: calc(4vw - 10px)}

  /* .news-slider .news-pagination-wrapper {width: 60px}
  .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 30px} */
  /* .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 25px}
  .news-slider .news-pagination-wrapper {width: 50px}
  .news-slider .slide .padding {padding: 10px}
  .news-slider .slide .inner {padding: 10px}
  .news-slider .slide:before {left: 20px;}
  .news-slider .top {padding-left: 50px;}
  .news-slider .slide .inner .text .title-med-1 {margin-bottom: 15px;} */
}
/* @media screen and (max-width: 500px){
  .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 25px}
  .news-slider-container {padding: 15px 0 20px 50px}
  .news-slider .slide .inner .text {width: 100%; padding-right: 0}
  .news-slider .news-pagination-wrapper {width: 50px}
  .news-slider .slide .padding {padding: 10px}
  .news-slider .slide .inner {padding: 10px}
  .news-slider .slide:before {left: 20px;}
  .news-slider .top {padding-left: 50px;}
  .news-slider .slide .inner .text .title-med-1 {margin-bottom: 15px;}
}
@media screen and (max-width: 375px){
  .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 20px}
} */

/* news */
.list.landing .top-filters-search {border-bottom: 3px solid #0b162c;}
.list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {display: block; padding: 10px; text-transform: uppercase; font-size: 15px; line-height: 15px; letter-spacing: .2em;}
.list.landing .sort-container > button, .list.landing .filter-sort > button, .list.landing .filter-sort > a {font-weight: 400; color: #0b162c}
.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: 700;}
.list.landing .filter-sort > span {font-weight: 700; margin-right: 20px}
.list.landing .filter-sort > span.label {border-radius: 20px; padding: 10px 25px;}
.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: 700;}
.list.landing .sort button.open-sort-menu[aria-expanded="true"] {background-color: #1e3559; color: #fff; font-weight: 700;}
.list.landing .sort .sort-menu {position: absolute; top: 100%; left: 0; background-color: #1e3559; padding: 20px; z-index: 5}
.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: #fff; 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: 13px; line-height: 14px; text-transform: uppercase; font-weight: 400; letter-spacing: .2em; margin-bottom: 20px}
.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: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; margin-right: 10px}
.list.landing .sort .sort-menu button.active .circle {background-color: #fff;}
.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; border-bottom: 3px solid #fff; width: 36px; height: 36px;}
.list.landing main .search.nb button {cursor: default; pointer-events: none; border-bottom: none !important; width: 20px; margin-right: 10px;}
.list.landing main .search button svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 1.5px}
.list.landing main .search button[aria-expanded="true"] {border-color: #0b162c;}
.list.landing main .search form[data-hidden="true"] {width: 0 !important; overflow: hidden; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;}
.list.landing main .search input {width: 195px; border-bottom: 3px solid #0b162c; height: 36px; font-size: 15px; letter-spacing: .1em; color: #0b162c}
.list.landing main .search.nb input {width: 100%; border-bottom: none !important;}
.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: 400; font-size: 15px; line-height: 15px; margin: 0 25px}
.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 .white .pagination-container li button.prevBtn, .list.landing .white .pagination-container li button.nextBtn {background-image: url(/assets/images/arrow.svg);}
.list.landing .white .pagination-container button.firstBtn, .list.landing .white .pagination-container button.lastBtn {background-image: url(/assets/images/arrow_dbl.svg);}
.list.landing .pagination-container li button.nextBtn {transform: rotate(180deg);}
.list.landing .pagination-container button.lastBtn {transform: rotate(180deg);}
.list.landing .white .pagination-container li button.nextBtn {transform: none;}
.list.landing .white .pagination-container li button.prevBtn {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 .white .pagination-record * {color: #fff !important;}

.list.landing .district-top {position: relative; padding: 38px 0 4vw 4vw}
.list.landing .district-top .top {padding-left: calc(2vw + 44px); padding-bottom: 33px;}
.list.landing .district-top:before {display: block; content: ''; width: 44px; height: 92px; position: absolute; top: 0; left: 4vw; background-image: url(/assets/images/ribbon.svg); background-size: 100%;}
.list.landing .district-top .top .state {padding-bottom: 5px; display: inline-block; font-size: 15px; line-height: 15px; text-transform: uppercase; letter-spacing: .3em; border-bottom: 1px solid #bf0426;}

.list.detail .info .title-med-1 {font-weight: 900; font-style: italic; font-size: 3.125rem; line-height: 3.125rem;}
.list.detail .info .date {margin: 20px 0 25px 0; display: inline-block; font-size: 15px; line-height: 20px; letter-spacing: .3em; border-bottom: 1px solid #ba232b;}
.list.detail .info .share {padding-top: 25px;}
.list.detail .info .apply-share .btn {margin-right: 25px;}
.list.detail .info .share li, .list.landing .info .share li {list-style: none; margin-right: 25px;}
.list.detail .info .share li:last-child, .list.landing .info .share li:last-child {margin-right: 0;}
.list.detail .info .share li a:hover svg .st0, .list.landing .info .share li a:hover svg .st0 {fill: #ba232b}
.list.detail .info .body .embed-container {margin-bottom: 40px; margin-top: 10px}

/* .list.detail .citations-title {display: block; border-bottom: 1px solid #0b162c; margin-top: 30px;}
.list.detail .citations {padding-bottom: 15px;}
.list.detail .citations[aria-hidden="true"] {display: none;}
.list.detail .citations[aria-hidden="false"] {display: block;}
.list.detail .citations * {font-size: 12px !important; line-height: 16px !important; letter-spacing: 0 !important;} */

/* .list.landing .box:hover,.list.landing .box:focus {-webkit-box-shadow: 0px 5px 10px 0px rgba(11,22,44,.25); -moz-box-shadow: 0px 5px 10px 0px rgba(11,22,44,.25); box-shadow: 0px 5px 10px 0px rgba(11,22,44,.25);} */
.list.landing .box {display: block; position: relative; width: 100%; width: 92vw; padding: 4vw 8vw 4vw 4vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -3px; margin-bottom: -3px}
.list.landing .box:nth-child(even) {background-color: #f1f2f2;}
.list.landing .box:nth-child(even):before {display: block; content: ''; width: 4vw; height: 100%; background-color: #f1f2f2; position: absolute; left: -4vw; top: 0;}
.list.landing .box:hover {z-index: 2;}
.list.landing .box:last-child:after {display: none}
.list.landing .box .title-med-1, .list.detail .box .title-med-1 {font-weight: 900; font-style: italic; padding-top: 20px;}
.list.landing .box.featured .title-med-1 {padding-top: 40px;}
.list.landing .box .news-summary {margin-top: 15px;}
.list.landing .box .image {width: 21%; margin-left: 45px}
.list.landing .box .date, .list.detail .box .date {font-size: 15px; line-height: 20px; letter-spacing: .3em; border-bottom: 1px solid #ba232b;}
.list.landing .box .feat {display: block; padding: 0 25px 0 69px; font-size: 20px; line-height: 20px; font-weight: 700; letter-spacing: .18em;}
.list.landing .box.featured .text:before {display: block; content: ''; width: 44px; height: 92px; position: absolute; top: 0; left: 4vw; background-image: url(/assets/images/ribbon.svg); background-size: 100%;}

.list.landing .top .breadcrumbs li {list-style: none; margin-right: 10px;}
.list.landing .top .breadcrumbs li {font-size: 15px; line-height: 15px; font-weight: 700;}
.list.landing .top .breadcrumbs li a {text-transform: uppercase; font-size: 15px; line-height: 15px; letter-spacing: .1em;}
.list.landing .top .letters .label {margin-bottom: 15px; margin-right: 30px; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 15px; border-radius: 20px; padding: 10px 25px; background-color: #0b162c; color: #fff}
.list.landing .top .letters .letters-list li {margin-bottom: 15px; color: #0b162c; list-style: none; font-weight: 700; font-size: 17px; line-height: 17px; margin-right: 15px;}
.list.landing .top .letters .letters-list li:last-child {display: none;}
.list.landing .top .letters .letters-list li button {border-bottom: 2px solid transparent; color: #0b162c; font-weight: 700; font-size: 17px; line-height: 17px; text-transform: uppercase;}
.list.landing .top .letters .letters-list li button:hover {border-color: #0b162c;}
.list.landing .top .letters .letters-list li button.active {color: #ba232b; border-color: #ba232b;}

.list.detail .box {display: block; position: relative; width: calc(30.66666666vw - 13.333333333333px); padding: 4vw; background-color: #fff;}
.list.detail .box .title-med-1 {transition: 300ms ease all}
.list.detail .box:hover .title-med-1, .list.detail .box:focus .title-med-1 {color: #ba232b}
.list.detail .box:nth-child(1) {margin-left: -4vw;}
/* .list.detail .box:nth-child(1):hover {z-index: 3}
.list.detail .box:nth-child(3):hover {z-index: 3} */
.list.detail .box:nth-child(3) {margin-right: -4vw}
.list.detail .box:nth-child(2) {z-index: 2}
.list.detail .box:nth-child(2):before {display: block; content: ''; width: 3px; position: absolute; top: 0; left: -3px; height: 100%; background-color: #0b162c; transition: 300ms ease all}
.list.detail .box:nth-child(2):after {display: block; content: ''; width: 3px; position: absolute; top: 0; right: -3px; height: 100%; background-color: #0b162c; transition: 300ms ease all}
/* .list.detail .box:nth-child(2):hover:before, .list.detail .box:nth-child(2):hover:after {background-color: #ffffff;} */
.list.detail .box .date {display: inline-block;}
.list.detail .box .title-med-1 {padding-bottom: 20px;}
@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;}
  .list.landing .box {padding: 20px 4vw 4vw 4vw; margin-left: -4vw;}
  .list.landing .box.career {padding: 5vw;}
  .list.landing .box.featured .text:before {top: 2px}
  .list.landing .box:nth-child(even):before {left: auto; right: -4vw;}
}
@media screen and (max-width: 960px){
  .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 .box .image {width: 33.333%; margin-left: 30px}
  .list.landing .box.featured .text:before {height: 46px; width: 22px}
  .list.landing .box .feat {padding: 0 15px 0 37px}
  .list.landing .box .title-med-1 {padding-top: 15px;}
  .list.landing .box.featured .title-med-1 {padding-top: 25px;}
}
@media screen and (max-width: 768px){
  .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;}
  .list.landing .box {width: 100vw; padding: 20px 8vw 4vw 8vw; margin-left: -8vw;}
  .list.landing .box:nth-child(even):before {display: none;}
  .list.landing .box.featured .text:before {left: 5vw}
  .list.landing .box .image {display: none}
  .list.detail .box {width: 100%; padding: 4vw 0; margin-left: 0 !important; margin-right: 0 !important}
  .list.detail .box:nth-child(1) {margin-bottom: -3px}
  .list.detail .box:nth-child(2):before {width: 100%; left: 0; height: 3px; top: 0}
  .list.detail .box:nth-child(2):after {width: 100%; right: auto; left: 0; bottom: 0; top: auto; height: 3px;}
  .list.detail .box:nth-child(3) {margin-top: -3px}
}
@media screen and (max-width: 600px){
  .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;}
  .list.landing .box .date {font-size: 12px; letter-spacing: .15em;}
  .list.landing .box .feat {font-size: 14px; letter-spacing: .15em;}
}
@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}
  .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: #f1f2f2; -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 .box .news-summary {display: none}
  .list.landing .filter-sort > span.label {border-radius: 0;}
}
@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.landing .box .date {letter-spacing: .1em;}
  .list.landing .box .feat {letter-spacing: .1em;}
  .list.landing .box {width: calc(100vw - 20px)}
}
@media screen and (max-width: 375px){
  .list.landing .box .date {font-size: 11px; letter-spacing: .05em;}
  .list.landing .box .feat {font-size: 13px; letter-spacing: .05em; padding: 0 10px 0 32px;}
}
@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;}
}

/* map */
#map #map_inner svg * {cursor: pointer !important;}

/* district search */
.search-district .inner {padding: 0 25px; background-color: #0b162c; border-radius: 12px;}
.search-district form {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1}
.search-district input {text-align: center; width: 100%; color: #fff; border-radius: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 2rem; line-height: 2rem; padding: 15px 25px;}
.search-district input:focus::placeholder {color: transparent; opacity: 0;}
.search-district input:focus:-ms-input-placeholder {color: transparent; opacity: 0;}
.search-district input:focus::-ms-input-placeholder {color: transparent; opacity: 0;}
.search-district ::placeholder {color: #fff; opacity: 1; overflow: visible;}
.search-district :-ms-input-placeholder {color: #fff; overflow: visible;}
.search-district ::-ms-input-placeholder {color: #fff; overflow: visible;}
@media screen and (max-width: 500px){
  .search-district .inner {width: 100%;}
  .search-district input {font-size: 1.5rem; line-height: 1.5rem;}
}

/* district list */
.district-list .detail .name {width: 25%;}
.district-list .detail .position {width: 25%;}
.district-list .detail .term {width: 25%; font-weight: 400;}
.district-list .detail .contact {width: 25%; font-weight: 400;}
.district-list .detail .contact .button {display: none;}
.district-list .columns {padding-bottom: 20px;}
.district-list .columns > div {text-transform: uppercase; font-size: 16px; letter-spacing: .2em; font-weight: 400; line-height: 16px;}
.district-list .columns > div > span {padding-bottom: 5px; display: inline-block; border-bottom: 1px solid #ba232b;}
.district-list .district {font-weight: 700; padding: 20px 0; position: relative; font-size: 17px; line-height: 17px;}
.district-list .district:nth-child(even) {background-color: #f1f2f2;}
.district-list .district.detail:nth-child(even) {background-color: #fff;}
.district-list .district.detail:nth-child(odd) {background-color: #f1f2f2;}
.district-list .district:nth-child(even):before, .district-list .district:nth-child(even):after {background-color: #f1f2f2; display: block; content: ''; width: 4vw; height: 100%; position: absolute; top: 0;}
.district-list .district.detail:nth-child(odd):before, .district-list .district.detail:nth-child(odd):after {background-color: #f1f2f2; display: block; content: ''; width: 4vw; height: 100%; position: absolute; top: 0;}
.district-list .district.detail:nth-child(even):before, .district-list .district.detail:nth-child(even):after {display: none;}
.district-list .district:nth-child(even):before, .district-list .district.detail:nth-child(odd):before {left: -4vw}
.district-list .district:nth-child(even):after, .district-list .district.detail:nth-child(odd):after {right: -4vw}
@media screen and (max-width: 960px){
  .district-list .columns > div {letter-spacing: .05em;}
}
@media screen and (max-width: 768px){
  .district-list .columns > div {white-space: nowrap; font-size: 12px; line-height: 12px;}
  .district-list .columns .contact span {display: none;}
  .district-list .detail .name {width: calc(66% - 24px); padding-right: 4vw;}
  .district-list .detail .term {width: 33%; text-align: right; padding-right: 4vw;}
  .district-list .detail .position {display: none;}
  .district-list .detail .contact {width: 24px; text-align: right;}
  .district-list .detail .contact .text {display: none;}
  .district-list .detail .contact .button {display: block;}
  .district-list .district:nth-child(even):before, .district-list .district:nth-child(even):after, .district-list .district.detail:nth-child(odd):before, .district-list .district.detail:nth-child(odd):after {width: 8vw;}
  .district-list .district:nth-child(even):before, .district-list .district.detail:nth-child(odd):before {left: -8vw}
  .district-list .district:nth-child(even):after, .district-list .district.detail:nth-child(odd):after {right: -8vw}
}