@charset "UTF-8";
/* font-classes */
.default-font {
    font-family: ff-meta-serif-web-pro, serif !important;
}
.ms-mediumital {
    font-family: ff-meta-serif-web-pro, serif;
    font-style: italic;
}
.secondary-font {
    font-family: ff-zwo-web-pro, sans-serif !important;
}
.mt-negative {
    margin-top: -1rem;
}
.ml-negative {
    margin-left: -1rem;
}
.mb-negative {
    margin-bottom: -1rem;
}
/* colors */
.primary {
    color: #0472E3;
}
.bg-primary-inverse {
    background-color: #0472E3;
}
.bg-primary {
    background-color: #fff;
}
.secondary {
    color: #0359B1;
}
.bg-secondary-inverse {
    background-color: #0359B1;
}
.third {
    color: #ee0d00;
}
.bg-third-inverse {
    background-color: #ee0d00;
}
.b--third {
    border-color: #ee0d00;
}
.darkest-blue {
    color: #023366;
}
.bg-darkest-blue {
    background-color: #023366;
}
.green {
    color: #00a87a;
}
.bg-green {
    background-color: #00a87a;
}
.lighter-green {
    color: #02d69c;
}
.bg-lighter-green {
    background-color: #02d69c;
}
.darker-green {
    color: #036E52;
}
.bg-darker-green {
    background-color: #036E52;
}
.darkest-green {
    color: #002118;
}
.bg-darkest-green {
    background-color: #002118;
}
.red {
    color: #EE0D00;
}
.bg-red {
    background-color: #EE0D00;
}
.yellow {
    color: #F5A81D;
}
.bg-yellow {
    background-color: #F5A81D;
}
.purple {
    color: #7038a8;
}
.bg-purple {
    background-color: #7038a8;
}
.salmon {
    color: #fa615c;
}
.bg-salmon {
    background-color: #fa615c;
}
.blue {
    color: #1c1cab;
}
.bg-blue {
    background-color: #1c1cab;
}
.light-blue {
    color: #e6f1f5;
}
.bg-light-blue {
    background-color: #e6f1f5;
}
.brown {
    color: #94705c;
}
.bg-brown {
    background-color: #94705c;
}
/* grays */
.white {
    color: #fff;
}
.bg-white {
    background-color: #fff;
}
.b--white {
    border-color: #fff;
}
.lightest-gray {
    color: #F5F5F5;
}
.bg-lightest-gray {
    background-color: #F5F5F5;
}
.b--lightest-gray {
    border-color: #F5F5F5;
}
.fog-gray {
    color: #EDEDED;
}
.bg-fog-gray {
    background-color: #EDEDED;
}
.b--fog-gray {
    border-color: #EDEDED;
}
.light-gray {
    color: #E2E2E2;
}
.bg-light-gray {
    background-color: #E2E2E2;
}
.b--light-gray {
    border-color: #E2E2E2;
}
.medium-gray {
    color: #C0C0C0;
}
.bg-medium-gray {
    background-color: #C0C0C0;
}
.b--medium-gray {
    border-color: #C0C0C0;
}
.dark-gray {
    color: #666;
}
.bg-dark-gray {
    background-color: #666;
}
.b--dark-gray {
    border-color: #666;
}
.darkest-gray {
    color: #222;
}
.bg-darkest-gray {
    background-color: #222;
}
.b--darkest-gray {
    border-color: #222;
}
.black {
    color: #000;
}
.bg-black {
    background-color: #000;
}
.b--black {
    border-color: #000;
}
/* Font colors */
.font-color {
    color: #222;
}
.headline-font-color {
    color: #222;
}
.bg-font-color {
    background-color: #222;
}
.inverse-font-color {
    color: #fff;
}
.bg-inverse-font-color {
    background-color: #fff;
}
.circle {
    position: relative;
    width: 18px;
    height: 18px;
    background: #0472E3;
    border-radius: 50%;
    display:inline-block;
    justify-content: center;
    margin-left: 6px;
}
.circle:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 4px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #ffffff;
    padding-top: 4px;
}
/************** -sm **************/
@media (max-width: 48em) {
    .w-100-sm {
        width: 100% !important;
    }
    .hide-sm, .hide_sm {
        display: none !important;
    }
}
/************** -ns **************/
@media (min-width: 48em) {
    .hide-ns {
        display: none !important;
    }
    .w-45-ns {
        width: 45%;
    }
}
/************** -m **************/
@media (min-width: 48em) and (max-width: 80.625em) {
    .hide-m, .hide_md {
        display: none !important;
    }
}
/************** -l **************/
@media (min-width: 80.625em) {
    .hide-l, .hide_lg {
        display: none;
    }
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
