/* 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: 'Poppins', sans-serif;}
input[type=submit] {font-family: 'Poppins', 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 {font-family: 'Poppins', sans-serif; font-weight: 400; border-radius: 0; -webkit-appearance: none;}
span {font-family: 'Poppins', sans-serif;}
button {font-family: 'Poppins', sans-serif; background: none; border: none; padding: 0; cursor: pointer; outline: inherit}
select {font-family: 'Poppins', sans-serif; -webkit-appearance: none; -webkit-border-radius: 0px;}

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

/* Headers  */
.title-lrg-1 {font-weight: 800; font-style: italic; font-size: 3.375rem; line-height: 3.5625rem; color: #5e5b57}
.title-lrg-2 {font-size: 2.5rem; font-weight: 600; color: #5e5b57; line-height: 2.75rem;}
.title-lrg-3 {font-size: 2.3125rem; font-weight: 600; color: #5e5b57; line-height: 2.5rem;}
.title-lrg-4 {font-weight: 800; font-size: 3.375rem; line-height: 3.5625rem; color: #5e5b57}
.title-med-1 {}
.title-sml-1 {font-weight: 800 !important; text-transform: uppercase; letter-spacing: .2em; color: #3f97a1 !important; font-size: 16px !important; line-height: 16px !important;}
.title-sml-2 {font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #3f97a1; font-size: 14px; line-height: 14px;}
.title-sml-3 {font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #5e5b57; font-size: 14px; line-height: 14px;}
@media screen and (max-width: 600px){

}

/* Paragraphs */
p {color: #3f97a1; font-weight: 400; font-size: 16px; line-height: 26px;}
p.p-sml {font-size: 14px; line-height: 21px;}
p.p-lrg {font-size: 21px; line-height: 32px;}
@media screen and (max-width: 768px){
  p.p-lrg br {display: none;}
}
@media screen and (max-width: 500px){
  p.p-lrg {font-size: 17px; line-height: 28px;}
}

/* Links */
a {color: #3f97a1; text-decoration: none; font-weight: 700; cursor: pointer; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
a:hover {color: #3f97a1; text-decoration: none;}
a:active {}
a:focus, button:focus, input[type=submit]:focus {text-decoration: underline}
a.color-teal:hover, a.color-teal:focus {color: #39596D}

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

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

/* Colors
*/

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

/* General */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
.icon {display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.icon:hover {transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.full-bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.text-center {text-align: center}
.text-uppercase {text-transform: uppercase;}
.body img {display: block; max-width: 100%; height: auto !important}
.body ul li, .body ol li {font-style: italic; color: #5e5b57; font-weight: 400; font-size: 16px; line-height: 26px; margin-left: 20px; margin-bottom: 5px;}
.body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body a, .body ul, .body ol, .body img, .body blockquote, .body table, .body .embed-container {margin-bottom: 30px}
.body h2 {font-size: 2.3125rem; font-weight: 600; color: #5e5b57; line-height: 2.5rem;}
.body h3 {font-size: 2rem; font-weight: 600; color: #5e5b57; line-height: 2.25rem;}
.body h4 {font-size: 1.34375rem; font-weight: 600; color: #5e5b57; text-transform: uppercase; letter-spacing: .08em;}
.body h5 {font-size: 1.15rem; font-weight: 600; color: #5e5b57; text-transform: uppercase; letter-spacing: .08em;}
.body h6 {font-size: 1rem; font-weight: 600; color: #5e5b57; text-transform: uppercase; letter-spacing: .08em;}
.body blockquote {padding: 30px 0}
.body blockquote, .body blockquote p {letter-spacing: 0; width: 100%; text-align: center; font-family: 'Playfair Display', serif; font-weight: 800; font-size: 2.3125rem; font-style: italic;}
.d-block {display: block;}
.d-flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.flex-nowrap {-webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}
.align-items-center {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.align-items-end {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
.align-items-start {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
.justify-content-center {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.justify-content-end {-ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.flex-1 {-webkit-flex: 1; -ms-flex: 1; flex: 1}
.flex-column {-webkit-flex-flow: column; flex-flow: column}
.flex-reverse {-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse}
.no-scroll {overflow: hidden}
.image-square:after {display: block; content: ''; width: 100%; padding-top: 100%}
.sixteen-nine:after {display: block; content: ''; width: 100%; padding-top: 56.25%}
::selection {background: #3f97a1; color: #fff}
::-moz-selection {background: #3f97a1; color: #fff}
.h-100 {height: 100%}
.w-100 {width: 100%}
.mh-100 {max-height: 100%;}
.mw-10 {max-width: 10%;}
.mw-20 {max-width: 20%;}
.mw-30 {max-width: 30%;}
.mw-40 {max-width: 40%;}
.mw-50 {max-width: 50%;}
.mw-60 {max-width: 60%;}
.mw-70 {max-width: 70%;}
.mw-80 {max-width: 80%;}
.mw-90 {max-width: 90%;}
.mw-100 {max-width: 100%;}
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.two-col {column-count: 2; column-gap: 70px;}
.light-txt * {color: #fff}
.text-right {text-align: right;}
.text-left {text-align: left;}
.bg-dblue {background-color: #1c2e3d;}
.bg-mblue {background-color: #39596d;}
.bg-teal {background-color: #3f97a1;}
.bg-teal.light-txt a:hover {color: #1c2e3d;}
.color-grey {color: #5e5b57 !important}
.color-teal {color: #3f97a1 !important}
.font-weight-regular {font-weight: 400;}
.font-weight-medium {font-weight: 500;}
.font-weight-semibold {font-weight: 600;}
.font-weight-bold {font-weight: 700;}
.opacity-50 {opacity: .5;}
.sbs-links * {margin: 0 10px;}
.nowrap {white-space: nowrap;}
.border-top {border-top: 2px solid #e6e7e8;}
.body:after {display: block; content: ''; clear: both; overflow: hidden; visibility: hidden; width: 0; height: 0}
.pos-relative {position: relative;}
@media screen and (max-width: 768px){
  .two-col {column-gap: 30px;}
  .text-center-mobile {text-align: center;}
}
@media screen and (max-width: 500px){
  .two-col {column-gap: 0; column-count: 1;}
}

/* Buttons & Links */
.btn {border-radius: 3px; white-space: nowrap; position: relative; font-weight: 700; display: inline-block; font-size: 14px; line-height: 14px; letter-spacing: .04em; color: #3f97a1; background-color: #fff; padding: 13px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover, .btn:focus {background-color: #3f97a1; color: #fff}
.btn.teal {background-color: #3f97a1; color: #fff}
.btn.teal:hover, .btn.teal:focus {background-color: #39596D; color: #fff}
.btn.btn-lrg {width: 100%; max-width: 250px; padding: 16px; font-size: 16px; line-height: 16px; text-align: center;}

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

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

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

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


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

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

/* Header */
#header {width: 100%; position: relative; z-index: 9999; height: 80px; background-color: #1c2e3d; position: fixed;}
#header #header-logo {z-index: 3; width: 190px; height: 31px; background-image: url(/assets/images/logo.svg);}
#header nav li {list-style: none}
#header > .container {height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
#header nav #mobile-nav-bottom {display: none}
#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}
#header nav > ul {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
#header nav li.level-1 {list-style: none; position: relative; margin-left: 25px; 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 nav li.level-1:first-child {margin-left: 0 !important}
#header nav li.level-1 a {font-size: 14px; letter-spacing: .1em; color: #fff; text-transform: uppercase; font-weight: 500}
#header nav li.level-1 a.btn {font-weight: 500; text-transform: uppercase; color: #3f97a1}
#header nav li.level-1 a.btn:hover, #header nav li.level-1 a.btn:focus {background-color: #3f97a1; color: #fff;}
#header nav li.level-1 a:hover {color: #3f97a1}
#header nav li.level-1 {color: #fff; font-size: 14px; letter-spacing: .125em; font-weight: 700; text-transform: uppercase}
#header nav li.level-1 .dropdown-menu {min-width: calc(100% + 30px); padding: 15px 30px; position: absolute; top: 59px; left: 50%; background-color: #fff; transform: translateX(-50%)}
#header nav li.level-1 .dropdown-menu ul li {padding: 15px 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid}
#header nav li.level-1 .dropdown-menu ul li a {text-transform: none; font-size: 16px; font-weight: 600; letter-spacing: .065em}
#header nav .dropdown-menu[aria-hidden="true"] {opacity: 0; visibility: hidden}
#header nav .dropdown-menu[aria-hidden="false"] {opacity: 1; visibility: visible}
#mobile-menu-trigger, .mobile-menu-trigger-container {display: none}
@media screen and (max-width: 600px){
  #header #header-logo {width: 150px; height: 24px;}
}
@media screen and (max-width: 500px){
  #header nav li.level-1 {margin-left: 15px;}
  #header nav li.level-1 a {letter-spacing: 0;}
}
@media screen and (max-width: 415px){
  /* #header {height: 100px; padding: 10px 0;}
  #header > .container {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  #header nav {width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto}
  #header nav > ul {width: 100%;}
  #header nav li.level-1 {width: 47.5%; margin-left: 5%;}
  #header nav li.level-1 a {width: 100%; text-align: center; background-color: #39596d; padding: 13px; border-radius: 3px; line-height: 14px;}
  #header nav li.level-1 a:hover, #header nav li.level-1 a:focus {background-color: #3f97a1;}
  #header nav li.level-1 a.btn {background-color: #fff;}
  #header nav li.level-1 a.btn:hover, #header nav li.level-1 a.btn:focus {background-color: #3f97a1;} */
}
@media screen and (max-width: 300px){
  #header nav li.level-1 a {font-size: 13px; padding: 10px;}
}
/* @media screen and (max-width: 960px){
  #header > .container {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
  .mobile-menu-trigger-container {height: 100%; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
  #mobile-menu-trigger {display: block}
  #mobile-menu-trigger {-ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; z-index: 9999;  display: block;width: 35px;height: 25px;position: absolute;-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: #000;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  #mobile-menu-trigger span:nth-child(1) {top: 0px;}
  #mobile-menu-trigger span:nth-child(2),#mobile-menu-trigger span:nth-child(3) {top: 10px;}
  #mobile-menu-trigger span:nth-child(4) {top: 20px;}
  #mobile-menu-trigger.is-open span {background-color: #fff}
  #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 {display: block; position: absolute; top: 16px; left: 20px; width: 15px; height: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
  #header #header-nav li span:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #983222;}
  #header #header-nav li span.level-1-trigger-icon:before {width: 100%;}
  #header #header-nav li span.level-1-trigger-icon:after {width: 100%;}
  #header #header-nav span:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #983222; 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 {color: #fff; padding-top: 8px; padding-bottom: 8px; padding-right: 25px; display: block; border-width: 0}
  #header #header-nav ul li.level-1 a {padding-left: 50px; color: #fff; font-size: 25px; font-weight: 600; text-transform: uppercase; letter-spacing: .125em}
  #header #header-nav ul li.level-1 .dropdown-menu ul li a {padding: 5px 25px 5px 50px; text-transform: none; font-size: 16px; letter-spacing: .065em}
  #header #header-nav ul li.level-1 .dropdown-menu ul {padding: 5px 0 10px 0}
  #header #header-nav {position: fixed; top: 0; left: 100%; bottom: 0; right: -100%; z-index: 1; width: 100%; height: 100vh; overflow: scroll; padding-top: 100px; background-color: #000; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  #header #header-nav:before {display: block; content: ''; width: 100%; height: 100px; background-color: #000; position: fixed; top: 0; left: 100%; right: -100%; z-index: 2; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  #header.is-mobile-open #header-nav {left: 0; right: 0}
  #header.is-mobile-open #header-nav:before {left: 0; right: 0}
  .overflow-hidden {overflow: hidden; height: 100%;}
} */

/* Footer */
#footer {width: 100%; background-color: #1c2e3d; position: relative;}
#footer .top {padding: 50px 0 30px 0;}
#footer .top .left img {width: 190px; display: block; margin-bottom: 30px;}
#footer .top .left ul {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
#footer .top .left ul li {list-style: none; margin-right: 30px;}
#footer .top .left ul li a {text-transform: uppercase; font-size: 14px; letter-spacing: .1em; font-weight: 500;}
#footer .top .right p {max-width: 400px; margin: 5px 0 15px 0;}
#footer .top .right p.opacity-50 a {text-decoration: underline; font-weight: 400;}
#footer .bottom {padding: 30px 0; position: relative;}
#footer .bottom:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(28,46,61,0) 0%, rgba(144,152,159,1) 50%, rgba(28,46,61,0) 100%);}
#footer .bottom ul.links {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
#footer .bottom ul.links li {list-style: none; margin-right: 30px; font-size: 14px;}
#footer .bottom ul.links li:last-child {margin-right: 0;}
#footer .bottom ul.links li p {opacity: .5;}
#footer .bottom ul.links li a {font-weight: 400; opacity: .5;}
#footer .bottom ul.links li a:hover, #footer .bottom ul.links li a:focus {opacity: 1}

#footer .bottom ul.social {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
#footer .bottom ul.social li {list-style: none; margin-left: 30px;}
#footer .bottom ul.social li:first-child {margin-left: 0;}
#footer .bottom ul.social li a {width: 25px; height: 25px; opacity: .5;}
#footer .bottom ul.social li a:hover {opacity: 1;}
#footer .bottom ul.social li a.linkedin {background-image: url(/assets/images/linkedin.svg);}

@media screen and (max-width: 960px){
  #footer .bottom ul.links {width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  #footer .bottom ul.links li {margin: 0 15px 10px 15px !important;}
  #footer .bottom ul.links li.info {width: 100%; text-align: center; margin-right: 0;}
  #footer .bottom ul.social {padding-top: 5px; width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  #footer .bottom ul.social li {margin: 0 15px !important;}
}

@media screen and (max-width: 768px){
  #footer .top .left {width: 100%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 50px;}
  #footer .top .left ul li {margin: 0 15px;}
  #footer .top .right {width: 100%}
  #footer .top .right .form.form-split {max-width: 100%;}
  #footer .top .right p {max-width: 100%; text-align: center;}
}

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

/* thank you */
.ty .ty-top img {width: 56%}
.ty .ty-top .text {width: 44%}
@media screen and (max-width: 768px){
  .ty .ty-top .container {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
  .ty .ty-top .text {padding-bottom: 5vw;}
}
@media screen and (max-width: 500px){
  .ty .ty-top img {width: 100%; order: 2}
  .ty .ty-top .text {width: 100%; order: 1; text-align: center;}
}

/* pages */
.pages .body p > br:first-child {display: none;}
.pages .body ul ul {margin-bottom: 0;}
.pages .body ul ul li {list-style: circle;}

/* news */
.news-scroller-title {padding: 0 5vw;}
.news-scroller {overflow: hidden;}
.news-scroller .swiper-wrapper {transition-timing-function: linear !important;}
.news-scroller .swiper-slide {width: auto !important; padding: 0 2.5vw;}
.news .featured-news .featured {width: 50%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.1); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.1);}
.news .featured-news .featured .info .inner {background-color: rgba(237,236,237,.75); width: 100%; max-width: 600px;}
.news .featured-news .featured .info .num {background-color: #3f97a1; padding: 20px;}
.news .featured-news .featured .info .num span {color: #fff; font-weight: 600; font-size: 4.1875rem; line-height: 4.1875rem;}
.news .featured-news .featured .info .text {padding: 20px}
.news .featured-news .featured .info .text p {margin-top: 5px;}
.news .featured-news .trending {width: 50%}
.news .featured-news .trending .inner {max-width: 600px; padding-left: 50px;}
.news .trending .title {border-bottom: 2px solid #3f97a1;}
.news .trending .article {display: block; border-bottom: 2px solid #e6e7e8;}
.news .trending .article:last-child {border-bottom: none;}
.news.detail .trending * {margin-bottom: 0 !important;}
.news-slider {padding: 0 5%; position: relative;}
.news-slider .news-button-prev.swiper-button-disabled, .news-slider .news-button-next.swiper-button-disabled {opacity: .5 !important}
.news-slider .news-button-next:after, .news-slider .news-button-prev:after {transition: 300ms ease all; content: ''; width: 34px; height: 34px; background-size: 24px; background-image: url(/assets/images/arrow.svg); background-repeat: no-repeat; background-position: center;}
.news-slider .news-button-prev:after {transform: rotate(-180deg)}
.news-slider .news-button-next, .news-slider .news-button-prev {background-color: #fff; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; position: absolute; top: 0; left: auto; right: auto; bottom: 0; width: 5vw; margin-top: 0; top: 0; height: 100%; transition: 300ms ease all}
.news-slider .news-button-prev {left: 0}
.news-slider .news-button-next {right: 0}
.news-slider .item {position: relative; transition: 300ms ease all; border-bottom: none !important; padding: 0 !important; height: auto;}
.news-slider .item:hover, .news-slider .item:focus {-webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.1); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.1);}
.news-slider .item .image:after {display: block; content: ''; width: 100%; padding-top: 150%}
.news-slider .item .info {background-color: rgba(237, 236, 237, .75); width: calc(100% - 5vw); position: absolute; bottom: 0; left: 0; padding: 2.5vw; transition: 300ms ease all;}
.news-slider .item .info .title-lrg-3 {margin-bottom: 20px;}
.news-slider .item .info .btn {text-align: center;}
.news-slider .item:hover .info, .news-slider .item:focus .info {background-color: rgba(237, 236, 237, .95);}
.news-slider .item:hover .btn, .news-slider .item:focus .btn {background-color: #39596D;}
.news.detail .trending {width: 33.333%; margin-left: 8.333%; margin-bottom: 8.333%;}
@media screen and (max-width: 1200px){
  .news .featured-news .trending .inner {padding-right: 5vw; padding-left: 5vw;}
}
@media screen and (max-width: 768px){
  .news.detail .trending {width: 100%; margin-left: 0; margin-bottom: 70px;}
}
@media screen and (max-width: 600px){
  .news-scroller-title {width: 100%; text-align: center; padding-top: 15px;}
  .news-scroller-container {display: block;}
  .news .featured-news .trending {width: 100%}
  .news .featured-news .featured {padding: 5vw 0 10vw 5vw; width: 100%; margin: 0 5vw; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
}
@media screen and (max-width: 500px){
  .news-slider .item .info {width: calc(100% - 10vw); padding: 5vw;}
}


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

/* banner */
.banner {height: auto; width: 100%; position: relative;}
.banner .title-lrg-2 {margin-bottom: 10px;}
.banner:after {display: block; content: ''; width: 100%; padding-top: 37%}
.banner .container {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%);}
@media screen and (max-width: 768px){
  .banner:after {display: none;}
  .banner {padding: 5% 0;}
  .banner.no-text {padding: 0}
  .banner.no-text:after {display: block; content: ''; width: 100%; padding-top: 37%}
  .banner .container {position: relative; left: auto; top: auto; transform: none; height: auto}
}
@media screen and (max-width: 500px){
  .banner p br {display: none;}
}

/* image text splits */
.overlap {position: relative; top: -3vw; margin-bottom: -3vw;}
.image-text-split .form {max-width: 390px;}
.image-text-split .text p {margin: 20px 0 25px 0; max-width: 350px;}
.image-text-split .text ul {margin: 20px 0 25px 0;}
.image-text-split .text ul li {color: #3f97a1; font-size: 16px; line-height: 26px; margin-left: 15px;}
.image-text-split .text p.p-lrg {margin: 15px 0 25px 0; max-width: 450px;}
.image-text-split .text h2.title-lrg-2 {max-width: 400px;}
.image-text-split .text {width: 50%;}
.image-text-split .text > div {width: 100%; max-width: 600px;}
.image-text-split .image {width: 50%;}
@media screen and (max-width: 1330px){
  .image-text-split .text {padding-left: 5%;}
  .image-text-split.flex-reverse .text {padding-left: 0; padding-right: 5%;}
}
@media screen and (max-width: 1200px){
  .overlap {top: -5vw; margin-bottom: -5vw;}
  .overlap .image-text-split:first-child .text {top: 2.5vw; position: relative;}
}
@media screen and (max-width: 960px){
  .overlap {top: -7vw; margin-bottom: -7vw;}
}
@media screen and (max-width: 768px){
  .overlap {top: auto; margin-bottom: 0;}
  .overlap .image-text-split:first-child .text {top: auto;}
  .image-text-split {text-align: center;}
  .image-text-split .text {width: 100%; max-width: 100%; padding-left: 5%; padding-right: 5%; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .image-text-split.flex-reverse .text {padding-right: 5%; padding-left: 5%;}
  .image-text-split .image {width: 100%; padding: 0 5%;}
  .image-text-split.mobile-image-bleed .image {padding: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .image-text-split.mobile-image-bleed .image img {width: 110%; max-width: 110%;}
  .image-text-split .image.full-image {padding: 0 5% 0 0;}
  .image-text-split .image img {max-width: 100%; width: 100%}
  .image-text-split .text h2.title-lrg-2 {max-width: 100%;}
  .image-text-split .text p {max-width: 100%;}
  .image-text-split .text p.p-lrg {max-width: 100%;}
  .image-text-split .form {max-width: 100%;}
  .image-text-split .text ul {text-align: left;}
}

/* image text link */
.image-text-link .image {width: 37.5%}
.image-text-link .link {width: 37.5%; position: relative;}
.image-text-link .link .link-image {width: 100%}

.image-text-link .link .link-image svg circle {transform-origin: center;}
.image-text-link .link .link-image svg circle.circle1 {display: block; opacity: .25; animation: pulse-inner 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;}
.image-text-link .link .link-image svg circle.circle2 {display: block; animation: pulse-mid 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.image-text-link .link .link-image svg circle.circle3 {display: block; animation: pulse-outer 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}

.image-text-link .link span.title {font-weight: 500; font-size: 14px; padding-top: 10px;}
.image-text-link .text:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: linear-gradient(0deg, rgba(28,46,61,0) 0%, rgba(144,152,159,1) 50%, rgba(28,46,61,0) 100%);}
.image-text-link .text {width: 25%; position: relative; padding-left: 20px;}
.image-text-link .text .block {margin-bottom: 30px;}
.image-text-link .text .block:last-child {margin-bottom: 0;}
@media screen and (max-width: 768px){
  .image-text-link .link .link-image svg g.logo-path {transform: rotate(-90deg); transform-origin: center;}
  .image-text-link .link span.title {position: absolute; width: auto; bottom: 10px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding-top: 0;}
  .image-text-link .image {width: 100%;}
  .image-text-link .link {width: 100vw; height: 75vw; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .image-text-link .link .link-image {transform: rotate(90deg); width: 75vw}
  .image-text-link .text {width: 100%; padding-top: 20px; padding-left: 0; text-align: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .image-text-link .text:before {width: 100%; height: 1px; background: linear-gradient(90deg, rgba(28,46,61,0) 0%, rgba(144,152,159,1) 50%, rgba(28,46,61,0) 100%);}
}

/* line slide */
.line-slide .nav {position: relative;}
.line-slide .categories {position: relative; bottom: auto; left: auto; width: auto;}
.line-slide .categories:after {display: block; content: ''; width: 100%; height: 2px; background-color: #3f97a1; opacity: .5;}
.line-slide .categories button {width: auto; height: auto; border-radius: 0; background: none; margin: 0 50px 0 0; display: block; font-size: 16px; font-weight: 700; color: #3f97a1; padding-bottom: 10px; opacity: .5;}
.line-slide button span {display: block;}
.line-slide .categories button:last-child {margin-right: 0 !important;}
.line-slide .categories button:focus {text-decoration: none;}
.line-slide .categories button.active {opacity: 1;}
.line-slide .line {z-index: 2; position: absolute; bottom: 0; transition: left 0.5s ease-in-out, width 0.5s 0.10s; height: 2px; background-color: #3f97a1; left: 0; width: 43px; pointer-events: none;}
@media screen and (max-width: 960px){
  .line-slide .categories button {margin: 0 20px 0 0}
}

/* text bg slider */
.text-bg-slider {position: relative;}
.text-bg-slider .bg-slider {position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.text-bg-slider .bg-slider .swiper-wrapper {position: absolute;}
.text-bg-slider .bg-slider img {width: 60% !important; height: auto !important; position: absolute; top: 0; right: 0; transform: none !important;}
.text-bg-slider .text-slider {position: relative; z-index: 2;}
.text-bg-slider .text-slider p {max-width: 350px; margin: 20px 0 25px 0;}
.text-bg-slider .text-slider .nav {position: relative;}
.text-bg-slider .text-slider .pagination {position: relative; bottom: auto; left: auto; width: auto;}
.text-bg-slider .text-slider .pagination:after {display: block; content: ''; width: 100%; height: 2px; background-color: #3f97a1; opacity: .5;}
.text-bg-slider .text-slider .pagination button {width: auto; height: auto; border-radius: 0; background: none; margin: 0 50px 0 0; display: block; font-size: 16px; font-weight: 700; color: #3f97a1; padding-bottom: 10px; opacity: .5;}
.text-bg-slider .text-slider .pagination button:last-child {margin-right: 0 !important;}
.text-bg-slider .text-slider .pagination button:focus {text-decoration: none;}
.text-bg-slider .text-slider .pagination button.swiper-pagination-bullet-active {opacity: 1;}
.text-bg-slider .line {position: absolute; bottom: 0; transition: left 0.5s ease-in-out, width 0.5s 0.10s; height: 2px; background-color: #3f97a1; left: 0; width: 43px; pointer-events: none;}
.text-bg-slider .swiper-slide {opacity: 0 !important;}
.text-bg-slider .swiper-slide.swiper-slide-active {opacity: 1 !important;}
@media screen and (max-width: 500px){
  .text-bg-slider .text-slider .pagination button {margin: 0 20px 0 0}
}

/* text image slider */
.text-image-slider {position: relative;}
.text-image-slider .image-slider {}
.text-image-slider .image-slider .swiper-wrapper {}
.text-image-slider .image-slider img {}
.text-image-slider .ti-text-slider {position: relative; z-index: 2;}
.text-image-slider .ti-text-slider .text {padding-right: 2.5%;}
.text-image-slider .ti-text-slider .features {padding-left: 2.5%;}
.text-image-slider .ti-text-slider .nav {position: relative;}
.text-image-slider .ti-text-slider .pagination {position: relative; bottom: auto; left: auto; width: auto;}
.text-image-slider .ti-text-slider .pagination:after {display: block; content: ''; width: 100%; height: 2px; background-color: #3f97a1; opacity: .5;}
.text-image-slider .ti-text-slider .pagination button {width: auto; height: auto; border-radius: 0; background: none; margin: 0 50px 0 0; display: block; font-size: 16px; font-weight: 700; color: #3f97a1; padding-bottom: 10px; opacity: .5;}
.text-image-slider .ti-text-slider .pagination button:last-child {margin-right: 0 !important;}
.text-image-slider .ti-text-slider .pagination button:focus {text-decoration: none;}
.text-image-slider .ti-text-slider .pagination button.swiper-pagination-bullet-active {opacity: 1;}
.text-image-slider .line {position: absolute; bottom: 0; transition: left 0.5s ease-in-out, width 0.5s 0.10s; height: 2px; background-color: #3f97a1; left: 0; width: 43px; pointer-events: none;}
.text-image-slider .swiper-slide {opacity: 0 !important;}
.text-image-slider .swiper-slide.swiper-slide-active {opacity: 1 !important;}
@media screen and (max-width: 768px){
  .text-image-slider {padding-top: 35px;}
  .text-image-slider .ti-text-slider .text {margin-bottom: 30px; padding-right: 0; width: 100%; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto}
  .text-image-slider .ti-text-slider .features {padding-left: 0; width: 100%;}
}
@media screen and (max-width: 500px){
  .text-image-slider .ti-text-slider .text {margin-bottom: 15px;}
  .text-image-slider .ti-text-slider .pagination button {margin: 0 20px 0 0}
}

/* tab slide */
.tab-slide .nav {position: relative; overflow: hidden; border-radius: 50px; background-color: rgba(255,255,255,.2); height: 30px;}
.tab-slide .nav .pagination {position: relative; z-index: 2;}
.tab-slide .nav li {list-style: none;}
.tab-slide .nav li button {height: 30px; line-height: 30px; padding: 0 30px; font-size: 12px; font-weight: 700; opacity: .5;}
.tab-slide .nav li button.active {opacity: 1;}
.tab-slide .nav li button:focus {text-decoration: none;}
.tab-slide .line {position: absolute; bottom: 0; transition: left 0.25s ease-in-out, width 0.25s 0.10s; height: 30px; border-radius: 50px; background-color: #3f97a1; left: 0; width: 69px; pointer-events: none;}
@media screen and (max-width: 320px){
  .tab-slide .nav li button {padding: 0 20px;}
}
@media screen and (max-width: 300px){
  .tab-slide .nav li button {padding: 0 15px;}
}
/* form styles */

.form form .dform_element {margin-bottom: 12px;}
.form form .dform_element.dform_checkbox {margin-bottom: 0;}

.form .dform_element.dform_text_input label, .form .dform_element.dform_email label, .form .dform_element.dform_checkbox > label, .form .dform_element.dform_textarea label, .form .dform_element.dform_select label, .form .dform_element.dform_html label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.form form input[type=text], .form form input[type=email], .form form input[type=tel] {border: 1px solid transparent; border-radius: 3px; padding: 0 15px; background-color: rgba(255,255,255,.2); color: #fff; width: 100%; height: 50px; font-weight: 400; font-size: 14px;}
.form form input[type=text]:focus, .form form input[type=email]:focus, .form form input[type=tel]:focus {border-color: rgba(63, 151, 161, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(63, 151, 161, 0.6);}

.form form textarea {border: 1px solid transparent; border-radius: 3px; resize: none; padding: 15px; color: #fff; width: 100%; height: 175px; max-width: 100%; min-width: 100%; max-height: 300px; min-height: 175px; background-color: rgba(255,255,255,.2); font-weight: 400; font-size: 14px;}
.form form textarea:focus {border-color: rgba(63, 151, 161, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(63, 151, 161, 0.6);}

.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_2 .dfcolumns .column {width: calc(50% - 6px) !important;}
.form form .dform_columns_2 .dfcolumns .column[data-number="1"] {margin-right: 12px;}

.form form .dform_columns_3 .dfcolumns .column {width: calc(33.333% - 8px) !important;}
.form form .dform_columns_3 .dfcolumns .column[data-number="2"] {margin-left: 12px; margin-right: 12px;}

.form form .dform_select .dform_container {position: relative; display: block; width: 100%;}
.form form .dform_select .dform_container select {padding: 0 32px 0 15px; line-height: 50px; color: #fff !important; background-color: rgba(255,255,255,.2); height: 50px; border: 1px solid transparent; border-radius: 3px; font-size: 14px;font-weight: 400; width: 100%; margin: 0; outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form form .dform_select .dform_container::after {content: "";position: absolute;top: 50%;right: 15px;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 #17254b;}
.form li {list-style: none;}
.form .dform_element.dform_checkbox ul.checkboxes {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.form .dform_element.dform_checkbox ul.checkboxes li {width: 50%; margin-bottom: 30px;}
.form .dform_element.dform_checkbox ul.checkboxes li label {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 .dform_element.dform_checkbox label {text-transform: uppercase; color: #17254b; font-weight: 500; font-size: 14px; letter-spacing: .02em;}
.form form .submit_button {width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.form.signup form .submit_button > div {width: 100%}
.form form .submit_button input[type=submit] {border-radius: 3px; padding: 0 15px; background-color: #fff; color: #3f97a1; width: 100%; height: 50px; font-weight: 700; font-size: 14px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.form form .submit_button input[type=submit]:hover, .join-form .form form .submit_button input[type=submit]:focus {background-color: #3f97a1; color: #fff}
.form .dform_error {background-color: #d1491e; font-size: 12px; padding: 2px 5px; color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.form ::placeholder {color: #a4acb2; opacity: 1;}
.form :-ms-input-placeholder {color: #a4acb2;}
.form ::-ms-input-placeholder {color: #a4acb2;}

.form.form-teal form input[type=text], .form.form-teal form input[type=email], .form.form-teal form input[type=tel], .form.form-teal form textarea {background-color: rgba(63, 151, 161,.2); color: #3f97a1;}
.form.form-teal form .dform_select .dform_container select {background-color: rgba(63, 151, 161,.2); color: #3f97a1 !important;}
.form.form-teal form .dform_select .dform_container::after {border-top-color: #3f97a1;}
.form.form-teal form .submit_button input[type=submit] {background-color: #3f97a1; color: #fff;}
.form.form-teal form .submit_button input[type=submit]:hover, .form.form-teal form .submit_button input[type=submit]:focus {background-color: #39596D;}
.form.form-teal ::placeholder {color: #98c3c9; opacity: 1;}
.form.form-teal :-ms-input-placeholder {color: #98c3c9;}
.form.form-teal ::-ms-input-placeholder {color: #98c3c9;}

.form.form-light form input[type=text]:focus, .form.form-light form input[type=email]:focus, .form.form-light form input[type=tel]:focus {border-color: rgba(255, 255, 255, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);}
.form.form-light ::placeholder {color: #bcd8dc; opacity: 1;}
.form.form-light :-ms-input-placeholder {color: #bcd8dc;}
.form.form-light ::-ms-input-placeholder {color: #bcd8dc;}
.form.form-light form .submit_button input[type=submit]:hover, .form.form-light form .submit_button input[type=submit]:focus {background-color: #39596D; color: #fff}

.form.form-3-cols {position: relative;}
.form.form-3-cols form .submit_button {position: absolute; bottom: 0; right: 0; width: calc(33% - 4px);}
.form.form-3-cols form .submit_button div {width: 100%}

.form.form-split {max-width: 400px;}
.form.form-split form {width: 100%}
.form.form-split form .dform {width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.form.form-split form .dform_element.dform_email {width: calc(60% - 6px); margin-right: 12px;}
.form.form-split form .submit_button {width: calc(40% - 6px)}
.form.form-split form .submit_button div {width: 100%}

.form form .dform_element.dform_file_upload {height: 50px;}
.form form input[type="file"] {margin-left: 10px; font-weight: 500; font-size: 13px;}
.form form input[type=file]::file-selector-button {cursor: pointer; border: none; outline: none; border-radius: 30px; white-space: nowrap; position: relative; font-weight: 700; display: inline-block; font-size: 14px; line-height: 14px; color: #3f97a1; background-color: #fff; padding: 10px 20px; transition: 300ms ease all;}
.form form input[type=file]::-webkit-file-upload-button {cursor: pointer; border: none; outline: none; border-radius: 30px; white-space: nowrap; position: relative; font-weight: 700; display: inline-block; font-size: 14px; line-height: 14px; color: #3f97a1; background-color: #fff; padding: 10px 20px; transition: 300ms ease all;}
.form form input[type=file]::-ms-browse {cursor: pointer; border: none; outline: none; border-radius: 30px; white-space: nowrap; position: relative; font-weight: 700; display: inline-block; font-size: 14px; line-height: 14px; color: #3f97a1; background-color: #fff; padding: 10px 20px; transition: 300ms ease all;}
.form form input[type=file]::file-selector-button:hover {background-color: #39596D; color: #fff;}
.form form input[type=file]::-webkit-file-upload-button:hover {background-color: #39596D; color: #fff;}
.form form input[type=file]::-ms-browse:hover {background-color: #39596D; color: #fff}
.form form .dform_element.dform_file_upload .dform_label {font-size: 14px;}
.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 .req {display: none;}

.form.form-apply form .submit_button input[type=submit] {width: calc(33.333% - 8px) !important;}
.form.form-apply form .submit_button div {width: 100%;}
.form.form-apply form .submit_button div.dfinput_full {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}

@media screen and (max-width: 1200px){
  .form form .dform_element.dform_file_upload .dform_label {width: 100%; display: block; line-height: 12px; font-size: 12px; margin-bottom: 5px; font-weight: 500;}
  .form form input[type="file"] {margin-left: 0;}
  .form form input[type=file]::file-selector-button {padding: 8px 16px;}
  .form form input[type=file]::-webkit-file-upload-button {padding: 8px 16px;}
  .form form input[type=file]::-ms-browse {padding: 8px 16px;}
}
@media screen and (max-width: 600px){
  .form form input[type=file]::file-selector-button {padding: 10px;}
  .form form input[type=file]::-webkit-file-upload-button {padding: 10px;}
  .form form input[type=file]::-ms-browse {padding: 10px;}
}
@media screen and (max-width: 500px){
  .form form 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 .dform_element.dform_checkbox ul.checkboxes li {width: 100%;}
  .form.form-3-cols form .submit_button {position: relative; bottom: auto; right: auto; width: 100%;}
  .form form .submit_button div {width: 100%}
}
@media screen and (max-width: 300px){
  .form.form-split form .dform_element.dform_email {width: 100%; margin-right: 0; margin-bottom: 12px;}
  .form.form-split form .submit_button {width: 100%;}
}

/* before after */
#before-after {width: 1200px; height: 530px; position: relative;}
#before-after:after {transition: 500ms ease all; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(/assets/images/lines.png); content: ''; background-size: 100% auto; background-position: top left center;}
#before-after[data-state="before"]:after {opacity: 0;}
#before-after .logo {position: absolute; z-index: 2; width: 170px; height: 170px; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -15px;}
#before-after .circle {transition: 500ms ease all; text-align: center; position: absolute; z-index: 2; width: 106px; height: 106px; border-radius: 106px; background-color: #39596d;}
#before-after .circle:before {display: block; content: ''; width: 100%; height: 100%; border-radius: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, rgba(255,255,255,0.2987788865546218) 50%, rgba(255,255,255,0.20354079131652658) 50%);}
#before-after .square {transition: 500ms ease all; text-align: center; position: absolute; z-index: 2; width: 100px; height: 100px; border-radius: 10px; background-color: #39596d;}
#before-after .square:before {display: block; content: ''; width: 100%; height: 100%; border-radius: 10px; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, rgba(255,255,255,0.2987788865546218) 50%, rgba(255,255,255,0.20354079131652658) 50%);}
#before-after .square .fa-icon {font-size: 50px;}
#before-after .text {font-weight: 700; line-height: 17px;}

#before-after[data-state="before"] .circle#circle-data_team {top: 0px; left: 105px;}
#before-after[data-state="before"] .circle#circle-fundraising {top: 140px; left: 25px;}
#before-after[data-state="before"] .circle#circle-political_ground {top: 310px; left: 160px;}
#before-after[data-state="before"] .circle#circle-digital {top: 190px; left: 370px;}
#before-after[data-state="before"] .circle#circle-events {top: 45px; left: 585px;}
#before-after[data-state="before"] .circle#circle-legal {top: 25px; left: 780px;}
#before-after[data-state="before"] .circle#circle-comms {top: 390px; left: 835px;}
#before-after[data-state="before"] .circle#circle-rapid_response {top: 210px; left: 1070px;}

#before-after[data-state="after"] .circle#circle-data_team {top: 0px; left: 0px;}
#before-after[data-state="after"] .circle#circle-fundraising {top: 0px; left: 156px;}
#before-after[data-state="after"] .circle#circle-political_ground {top: 0px; left: 312px;}
#before-after[data-state="after"] .circle#circle-digital {top: 0px; left: 468px;}
#before-after[data-state="after"] .circle#circle-events {top: 0px; left: 624px;}
#before-after[data-state="after"] .circle#circle-legal {top: 0px; left: 780px;}
#before-after[data-state="after"] .circle#circle-comms {top: 0px; left: 936px;}
#before-after[data-state="after"] .circle#circle-rapid_response {top: 0px; left: 1092px;}

#before-after[data-state="before"] .square .text {display: none;}
#before-after[data-state="after"] .square .text {position: absolute; top: 100px; padding-top: 15px;}

#before-after[data-state="before"] .square#square-crm {top: 125px; left: 190px;}
#before-after[data-state="before"] .square#square-dashboard {top: 410px; left: 0px;}
#before-after[data-state="before"] .square#square-data {top: 45px; left: 385px;}
#before-after[data-state="before"] .square#square-amplify {top: 345px; left: 325px;}
#before-after[data-state="before"] .square#square-connect {top: 410px; left: 475px;}
#before-after[data-state="before"] .square#square-tools {top: 335px; left: 655px;}
#before-after[data-state="before"] .square#square-reports {top: 180px; left: 720px;}
#before-after[data-state="before"] .square#square-team {top: 215px; left: 880px;}
#before-after[data-state="before"] .square#square-apps {top: 10px; left: 990px;}
#before-after[data-state="before"] .square#square-tenants {top: 410px; left: 1100px;}

#before-after[data-state="after"] .square#square-dashboard {top: 405px; left: 0px;}
#before-after[data-state="after"] .square#square-crm {top: 405px; left: 122px;}
#before-after[data-state="after"] .square#square-data {top: 405px; left: 244px;}
#before-after[data-state="after"] .square#square-amplify {top: 405px; left: 366px;}
#before-after[data-state="after"] .square#square-connect {top: 405px; left: 488px;}
#before-after[data-state="after"] .square#square-tools {top: 405px; left: 610px;}
#before-after[data-state="after"] .square#square-reports {top: 405px; left: 732px;}
#before-after[data-state="after"] .square#square-team {top: 405px; left: 854px;}
#before-after[data-state="after"] .square#square-apps {top: 405px; left: 976px;}
#before-after[data-state="after"] .square#square-tenants {top: 405px; left: 1098px;}

#before-after[data-state="before"] .logo svg circle {opacity: 0;}

#before-after[data-state="after"] .logo svg circle {transform-origin: center;}
#before-after[data-state="after"] .logo svg circle.st2 {display: block; opacity: .25; animation: pulse-inner 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;}
#before-after[data-state="after"] .logo svg circle.st1 {display: block; animation: pulse-mid 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
#before-after[data-state="after"] .logo svg circle.st0 {display: block; animation: pulse-outer 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}

#before-after-mobile {display: none;}

@keyframes pulse-outer {
  0% {
    transform: scale(.5);
  }
  95%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-mid {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-inner {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

@media screen and (max-width: 1330px){
  #before-after {display: none}
  #before-after-mobile {display: flex}
  #before-after-mobile img {max-height: calc(100vh - 160px);}
  #before-after-mobile #before-mobile {display: none}
}
@media screen and (max-width: 415px){
  #before-after-mobile img {max-height: calc(100vh - 80px);}
}

/* logo slider */
.logo-slider {height: 25px; overflow: hidden; margin: 0 25px;}
.logo-slider .swiper-slide {/*opacity: 0;*/ transition: 1.5s ease all;}
/* .logo-slider .swiper-slide.swiper-slide-active {opacity: 1;} */
.logo-slider img {width: 100vw; max-width: 70px; max-height: 25px; display: block;}
@media screen and (max-width: 600px){
  .logo-slider {margin: 0 15px;}
}
@media screen and (max-width: 415px){
  .logo-slider {margin: 0 10px;}
}
@media screen and (max-width: 400px){
  .logo-slider {margin: 0 5px;}
}
@media screen and (max-width: 355px){
  .logo-slider {margin: 0;}
}
@media screen and (max-width: 300px){
  .logo-slider {margin: 0 -5px;}
}

/* wide image */
@media screen and (max-width: 768px){
  .wide-img {width: 100%; overflow: hidden;}
  .wide-img img {max-width: 150vw; width: 150vw}
}
@media screen and (max-width: 500px){
  .wide-img img {max-width: 200vw; width: 200vw}
}

/* list page */
.list.landing .top-filters {position: relative;}
.list.landing .line-slide .categories:after {display: none;}
.list.landing .top-filters .line-slide {position: relative; bottom: -2px;}
.list.landing .top-filters .line-slide .line {width: 21.23px}
.list.landing .top-filters:after {display: block; content: ''; width: 100%; height: 2px; background-color: #3f97a1; opacity: .25;}
.list.landing .filter-sort > span, .list.landing .filter-sort > button, .list.landing .filter-sort > a, .list.landing .sort-container > button {display: block; padding: 10px 20px; text-transform: uppercase; font-size: 15px; line-height: 15px; letter-spacing: .2em; font-weight: 500;}
.list.landing .sort-container > button, .list.landing .filter-sort > button, .list.landing .filter-sort > a {font-weight: 500; color: #3f97a1}
.list.landing .sort-container > button:hover, .list.landing .filter-sort > button:hover, .list.landing .filter-sort > a:hover, .list.landing .filter-sort > button.active, .list.landing .filter-sort > a.active {font-weight: 800;}
.list.landing .filter-sort > span {font-weight: 700; margin-right: 20px}
.list.landing .filter-sort > span.label {background-color: #3f97a1; color: #fff;}
.list.landing .sort .sort-container {position: relative;}
.list.landing .sort button:focus {text-decoration: none;}
.list.landing .sort button.open-sort-menu.open {font-weight: 800;}
.list.landing .sort button.open-sort-menu[aria-expanded="true"] {font-weight: 800;}
.list.landing .sort .sort-menu {position: absolute; top: 100%; left: 0; background-color: #9fcbd0; z-index: 5; padding: 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: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: .1em; margin-bottom: 15px}
.list.landing .sort .sort-menu button.active, .list.landing .sort .sort-menu button:hover {font-weight: 700}
.list.landing .sort .sort-menu button .circle {display: block; width: 13px; height: 13px; 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 .top-filters .categories-mobile {display: none;}

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

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

.list.landing .list .item {padding: 40px 0; border-bottom: 2px solid #e6e7e8;}
.list.landing .list .item:hover {background-color: #fff;}
.list.landing .list .item p {color: #5e5b57; line-height: 16px;}
.list.landing .list .item h2 {padding-top: 5px;}
.list.landing .list .item .title-sml-3 {font-weight: 700; text-transform: uppercase; letter-spacing: .2em; margin: 5px 0 15px 0;}
.list.landing .list .item .btn {width: 100%; max-width: 255px; text-align: center;}

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

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

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

.faq-item {text-align: left; display: block; width: 100%;}
.faq-item .answer {padding-top: 35px;}
.faq-item .answer p {line-height: 24px !important;}
.faq-item:hover, .faq-item:focus {text-decoration: none;}
.faq-item .answer[aria-hidden="true"] {display: none;}
.faq-item .answer[aria-hidden="false"] {display: block;}