/*
SPECTRUM REACH BRAND STYLES
These are the core styles for the Spectrum Reach Brand.
Please do not edit or add any custom classes here. Use the components.css to add new styles.

====================================================
TABLE OF CONTENTS:

1. FONTS
2. ICONS
3. RESETS
4. LINKS
5. BORDERS
6. PADDING -- CARD
7. BUTTONS
8. GENERAL STYLING
9. TITLES
10. PARAGRAPHS
11. TEXT COLORS
12. LICHT SHADOWS
13. SPECIAL BACKGROUND CLASSES
14. BACKGROUNDS
15. BUTTONS
16. ANGLES
17. BORDERS
18. FORMS

====================================================


----------------------------------------------------
FONTS
----------------------------------------------------
*/
@font-face {
    font-family: 'Spectrum Sans Regular';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/SpectrumSans_W_Rg.woff2) format("woff2"), url(/assets/fonts/SpectrumSans_W_Rg.woff) format("woff")
}

@font-face {
    font-family: 'Spectrum Sans Medium';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/SpectrumSans_W_Md.woff2) format("woff2"), url(/assets/fonts/SpectrumSans_W_Md.woff) format("woff")
}

@font-face {
    font-family: 'Spectrum Sans Bold';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/SpectrumSans_W_Bd.woff) format("woff")
}

@font-face {
    font-family: 'Spectrum Sans Extra Bold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/assets/fonts/SpectrumSans_W_XBd.woff) format("woff2"), url(/assets/fonts/SpectrumSans_W_XBd.woff) format("woff")
}

@font-face {
    font-family: icomoon;
    src: url(/assets/fonts/icomoon.eot?d8zrk);
    src: url(/assets/fonts/icomoon.eot?d8zrk#iefix) format("embedded-opentype"), url(/assets/fonts/icomoon.ttf?d8zrk) format("truetype"), url(/assets/fonts/icomoon.woff?d8zrk) format("woff"), url(/assets/fonts/icomoon.svg?d8zrk#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.block-inline-blockcard .card .card-cta a::after, .button--video--icon--light-blue::before, .button--video--icon--white::before, .icomoon, [class*=" icon-"], [class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/*
----------------------------------------------------
ICONS
----------------------------------------------------
*/
.icon-twitter:before {
    content: "\e922"
}

.icon-facebook:before {
    content: "\e91f"
}

.icon-instagram:before {
    content: "\e920"
}

.icon-linkedin:before {
    content: "\e921"
}

.icon-spectrum-clock:before {
    content: "\e915"
}

.icon-spectrum-calendar-blank:before {
    content: "\e916"
}

.icon-spectrum-ki-info-circle:before {
    content: "\e917"
}

.icon-spectrum-location:before {
    content: "\e918"
}

.icon-spectrum-ki-calendar:before {
    content: "\e912"
}

.icon-spectrum-ki-document:before {
    content: "\e913"
}

.icon-spectrum-ki-person:before {
    content: "\e914"
}

.icon-spectrum-envelope:before {
    content: "\e90e"
}

.icon-spectrum-calendar:before {
    content: "\e900"
}

.icon-spectrum-close-1:before {
    content: "\e901"
}

.icon-spectrum-arrow-1:before {
    content: "\e902"
}

.icon-spectrum-pointer-down:before {
    content: "\e903"
}

.icon-spectrum-pointer-up:before {
    content: "\e904"
}

.icon-spectrum-pointer-filled:before {
    content: "\e905"
}

.icon-spectrum-arrow-3:before {
    content: "\e906"
}

.icon-spectrum-arrow-share:before {
    content: "\e907"
}

.icon-spectrum-pointer-left:before {
    content: "\e909"
}

.icon-spectrum-pointer-right:before {
    content: "\e908"
}

.icon-spectrum-pointer-outline:before {
    content: "\e90a"
}

.icon-spectrum-outline-questionmark:before {
    content: "\e90b"
}

.icon-spectrum-chart-web:before {
    content: "\e90c"
}

.icon-spectrum-mobile-phone:before {
    content: "\e90d"
}

.icon-spectrum-desktop-mobile-group:before {
    content: "\e90f"
}

.icon-spectrum-cog:before {
    content: "\e910"
}

.icon-spectrum-arrow-2:before {
    content: "\e911"
}

/*
----------------------------------------------------
RESETS
----------------------------------------------------
*/
body {
    font-family: "Spectrum Sans Regular", sans-serif;
    font-size: 14px;
    color: #001b33
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Spectrum Sans Bold", sans-serif
}

p {
    font-family: "Spectrum Sans Regular", sans-serif
}

b, strong {
    font-family: "Spectrum Sans Bold", sans-serif;
    font-size: inherit;
    color: inherit
}

i {
    font-style: italic;
    font-size: inherit
}

button:focus {
    outline: 0
}

/*
----------------------------------------------------
LINKS
----------------------------------------------------
*/
a {
  color: #0071B0;
}

a:active {
  color: #0071B0;
}

a:hover {
  color: #142F47;
}

a:focus {
  color: #142F47;
}

a:visited {
  color: #667685;
}

.link--dark {
    color: #28c1ff;
}

.link--dark:active {
    color: #edf5fb;
}

.link--dark:hover {
    color: #edf5fb;
}

.link--dark:focus {
    color: #edf5fb;
}

.link--dark:visited {
    color: #f2f2f2;
}

.link--no-underline {
    text-decoration: none!important;
}

.link--underline {
    text-decoration: underline!important;
}
/*
----------------------------------------------------
BORDERS
----------------------------------------------------
*/
.border-1-light-blue-30 {
    border: solid 1px #0071b0;
}

.border-1-deep-blue-30 {
    border: solid 1px #001b33;
}

.border-2-light-blue-30 {
    border: solid 2px #0071b0;
}

.border-3-light-blue-30 {
    border: solid 3px #0071b0;
}

.border-4-light-blue-30 {
    border: solid 4px #0071b0;
}

.border-5-light-blue-30 {
    border: solid 5px #0071b0;
}

.border-top-1-light-blue-30 {
    border-top: solid 1px #0071b0;
}

.border-top-1-deep-blue-30 {
    border-top: solid 1px #001b33;
}

.border-top-2-light-blue-30 {
    border-top: solid 2px #0071b0;
}

.border-top-3-light-blue-30 {
    border-top: solid 3px #0071b0;
}

.border-top-4-light-blue-30 {
    border-top: solid 4px #0071b0;
}

.border-top-5-light-blue-30 {
    border-top: solid 5px #0071b0;
}

.border-bottom-1-light-blue-30 {
    border-bottom: solid 1px #0071b0;
}

.border-bottom-1-deep-blue-30 {
    border-bottom: solid 1px #001b33;
}

.border-bottom-2-light-blue-30 {
    border-bottom: solid 2px #0071b0;
}

.border-bottom-3-light-blue-30 {
    border-bottom: solid 3px #0071b0;
}

.border-bottom-4-light-blue-30 {
    border-bottom: solid 4px #0071b0;
}

.border-bottom-5-light-blue-30 {
    border-bottom: solid 5px #0071b0;
}

.border-bottom-1-gray-10 {
    border-bottom: solid 1px #f2f2f2;
}

.border-left-1-light-blue-30 {
    border-left: solid 1px #0071b0;
}

.border-left-1-deep-blue-30 {
    border-left: solid 1px #001b33;
}

.border-left-2-light-blue-30 {
    border-left: solid 2px #0071b0;
}

.border-left-3-light-blue-30 {
    border-left: solid 3px #0071b0;
}

.border-left-4-light-blue-30 {
    border-left: solid 4px #0071b0;
}

.border-left-5-light-blue-30 {
    border-left: solid 5px #0071b0;
}

.border-right-1-light-blue-30 {
    border-right: solid 1px #0071b0;
}

.border-right-1-deep-blue-30 {
    border-right: solid 1px #001b33;
}

.border-right-2-light-blue-30 {
    border-right: solid 2px #0071b0;
}

.border-right-3-light-blue-30 {
    border-right: solid 3px #0071b0;
}

.border-right-4-light-blue-30 {
    border-right: solid 4px #0071b0;
}

.border-right-5-light-blue-30 {
    border-right: solid 5px #0071b0;
}

.border-tb-1-light-blue-30 {
    border-top: solid 1px #0071b0;
    border-bottom: solid 1px #0071b0;
}

.border-tb-1-deep-blue-30 {
    border-top: solid 1px #001b33;
    border-bottom: solid 1px #001b33;
}

.border-tb-2-light-blue-30 {
    border-top: solid 2px #0071b0;
    border-bottom: solid 2px #0071b0;
}

.border-tb-3-light-blue-30 {
    border-top: solid 3px #0071b0;
    border-bottom: solid 3px #0071b0;
}

.border-tb-4-light-blue-30 {
    border-top: solid 4px #0071b0;
    border-bottom: solid 4px #0071b0;
}

.border-tb-5-light-blue-30 {
    border-top: solid 5px #0071b0;
    border-bottom: solid 5px #0071b0;
}

.border-lr-1-light-blue-30 {
    border-left: solid 1px #0071b0;
    border-right: solid 1px #0071b0;
}

.border-lr-1-deep-blue-30 {
    border-left: solid 1px #001b33;
    border-right: solid 1px #001b33;
}

.border-lr-2-light-blue-30 {
    border-left: solid 2px #0071b0;
    border-right: solid 2px #0071b0;
}

.border-lr-3-light-blue-30 {
    border-left: solid 3px #0071b0;
    border-right: solid 3px #0071b0;
}

.border-lr-4-light-blue-30 {
    border-left: solid 4px #0071b0;
    border-right: solid 4px #0071b0;
}

.border-lr-5-light-blue-30 {
    border-left: solid 5px #0071b0;
    border-right: solid 5px #0071b0;
}

.border-left-1-gray-20 {
    border-left: solid 1px #ccd1d7;
}

.border-right-1-gray-20 {
    border-right: solid 1px #ccd1d7;
}

.border-lr-2-gray-20 {
    border-left: solid 1px #ccd1d7;
    border-right: solid 1px #ccd1d7;
}

.border-top-1-gray-20 {
    border-top: solid 1px #ccd1d7;
}

.border-tb-1-gray-20 {
    border-top: solid 1px #ccd1d7;
    border-bottom: solid 1px #ccd1d7;
}

/*
----------------------------------------------------
PADDING -- CARD
----------------------------------------------------
*/
.card--padding-1 {
    padding: 20px;
}

.card--padding-2 {
    padding: 20px;
}

.card--padding-3 {
    padding: 48px;
}

.card--padding-4 {
    padding: 64px;
}

.card--padding-5 {
    padding: 72px;
}
/*
----------------------------------------------------
BUTTONS
----------------------------------------------------
*/
.button--solid--blue {
    background-color: #28c1ff;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center;
}

.button--solid--blue p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px;
}

.button--solid--blue:hover {
    background-color: #0099d8;
    text-decoration: none;
}

.button--solid--blue:focus {
    outline: 0;
}

.button--outline--blue {
    background-color: rgba(255, 255, 255, 0);
    padding: 10px 30px 10px 30px;
    border: 1px solid #0071b0;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #0071b0!important
}

.button--outline--blue p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #0071b0;
    margin: 2px;
}

.button--outline--blue span {
    color: #0071b0;
}

.button--outline--blue:hover {
    background-color: #0071b0;
    color: #fff;
    text-decoration: none;
}

.button--outline--blue:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff;
}

.button--outline--blue:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff;
}

.button--outline--blue:hover:focus {
    outline: 0;
}
/*
----------------------------------------------------
GENERAL STYLING
----------------------------------------------------
*/
.no-underline {
    text-decoration: none;
}

.text-underline {
    text-decoration: underline;
}

.bold-text {
    font-family: "Spectrum Sans Bold", sans-serif;
    font-weight: 700!important;
}

.normal-text {
    font-weight: 400!important;
}

.capitalize-text {
    text-transform: capitalize;
}

@media screen and (max-width:768px) {
    .hide-mobile-image {
        display: none;
    }
}

.hide--desktop-header {
    display: none;
}

@media screen and (min-width:992px) {
    .hide--desktop-header {
        display: block!important;
    }
}

.hide--mobile-header {
    display: block;
}

@media screen and (min-width:992px) {
    .hide--mobile-header {
        display: none;
    }
}

.hide {
    display: none;
}

.show {
    display: block;
}

.img-fill {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-fill-desktop {
    max-width: 100%;
    display: block;
}

.image-thumbnail-sm {
    height: 180px;
}

@media (min-width:991px) {
    .img-fill-desktop {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width:768px) {
    .image-thumbnail {
        height: 200px;
    }
}

@media (min-width:991px) {
    .image-thumbnail {
        height: 250px;
    }
}
#bg--home-static {
    background: url("/assets/images/home/HP-TopBG@2x.jpg") no-repeat;
    background-color: #001b33;
    background-size: 100vw;
    background-position: top;
    padding-bottom: 90px;
  }

  #home-hero-copy {
    padding-top: 50px;
    padding-bottom: 87vw;
  }

  @media (min-width: 1600px) {
    #home-hero-copy {
      padding-bottom: 92vw;
    }
  }

  @media (min-width: 2500px) {
    #home-hero-copy {
      padding-bottom: 120vw;
    }
  }

  #video-container {
    margin-top: -65vw;
    margin-bottom: -30px;
  }

  @media (max-width: 991px) {
    #home-hero-copy {
      padding-top: 30px;
      padding-bottom: 90vw;
    }
    #bg--home-static {
      background: url("/assets/images/home/HP-TopBG@2x.jpg") no-repeat;
      background-size: cover;
      background-position: bottom;
      background-color: #001b33;
    }
    #video-container {
      margin-top: -50vw;
      margin-bottom: 0px;
    }
  }
/*
----------------------------------------------------
TITLES
----------------------------------------------------
*/
.title--bold-lg-h1--display {
    font-size: 48px;
    font-family: "Spectrum Sans Bold";
    line-height: 58px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h1--display {
        font-size: calc(48px + 16 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h1--display {
        font-size: 64px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h1--display {
        line-height: 72px;
    }
}

.title--bold-lg-h1 {
    font-size: 42px;
    font-family: "Spectrum Sans Bold";
    line-height: 52px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h1 {
        font-size: calc(42px + 6 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h1 {
        font-size: 48px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h1 {
        line-height: 58px;
    }
}

.title--bold-lg-h2 {
    font-size: 42px;
    font-family: "Spectrum Sans Bold";
    line-height: 52px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h2 {
        font-size: calc(42px + 6 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h2 {
        font-size: 48px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h2 {
        line-height: 56px;
    }
}

.title--bold-lg-h3 {
    font-size: 28px;
    font-family: "Spectrum Sans Bold";
    line-height: 36px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h3 {
        font-size: calc(28px + 8 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h3 {
        font-size: 36px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h3 {
        line-height: 42px;
    }
}

.title--bold-lg-h5 {
    font-size: 20px;
    font-family: "Spectrum Sans Bold";
    line-height: 24px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h5 {
        font-size: calc(20px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h5 {
        font-size: 24px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h5 {
        line-height: 26px;
    }
}

.title--bold-lg-h2 {
    font-size: 36px;
    font-family: "Spectrum Sans Bold";
    line-height: 42px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h2 {
        font-size: calc(36px + 6 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h2 {
        font-size: 42px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h2 {
        line-height: 52px;
    }
}

.title--bold-lg-h3 {
    font-size: 28px;
    font-family: "Spectrum Sans Bold";
    line-height: 36px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h3 {
        font-size: calc(28px + 8 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h3 {
        font-size: 36px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h3 {
        line-height: 42px;
    }
}

.title--bold-lg-h5 {
    font-size: 20px;
    font-family: "Spectrum Sans Bold";
    line-height: 24px;
}

@media only screen and (min-width:480px) {
    .title--bold-lg-h5 {
        font-size: calc(20px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--bold-lg-h5 {
        font-size: 24px;
    }
}

@media (min-width:992px) {
    .title--bold-lg-h5 {
        line-height: 26px;
    }
}

.title--medium-h4 {
    font-size: 24px;
    font-family: "Spectrum Sans Medium";
    line-height: 24px;
}

@media only screen and (min-width:480px) {
    .title--medium-h4 {
        font-size: calc(24px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--medium-h4 {
        font-size: 28px;
    }
}

@media (min-width:992px) {
    .title--medium-h4 {
        line-height: 36px;
    }
}

.title--medium-h5 {
    font-size: 20px;
    font-family: "Spectrum Sans Medium";
    line-height: 24px;
}

@media only screen and (min-width:480px) {
    .title--medium-h5 {
        font-size: calc(20px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--medium-h5 {
        font-size: 24px;
    }
}

@media (min-width:992px) {
    .title--medium-h5 {
        line-height: 26px;
    }
}

.title--medium-h6 {
    font-size: 18px;
    font-family: "Spectrum Sans Medium";
    line-height: 24px;
}

@media only screen and (min-width:480px) {
    .title--medium-h6 {
        font-size: calc(18px + 2 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .title--medium-h6 {
        font-size: 20px;
    }
}

@media (min-width:992px) {
    .title--medium-h6 {
        line-height: 26px;
    }
}

.title--medium-lg-h5 {
    font-size: 20px;
    font-family: "Spectrum Sans Medium";
    line-height: 24px;
}

@media only screen and (min-width:480px) {
    .title--medium-lg-h5 {
        font-size: calc(20px + 4 * (100vw - 480px)/ (1500 - 480))
    }
}

@media only screen and (min-width:1500px) {
    .title--medium-lg-h5 {
        font-size: 24px;
    }
}

@media (min-width:992px) {
    .title--medium-lg-h5 {
        line-height: 26px;
    }
}
/*
----------------------------------------------------
PARAGRAPHS
----------------------------------------------------
*/

.paragraph--regular-16 {
    font-family: "Spectrum Sans Regular";
    font-size: 1rem;
    color: #001B33;
    line-height: 26px;
  }
.paragraph--regular-20 {
    font-size: 16px;
    font-family: "Spectrum Sans Regular";
    line-height: 26px
}

@media only screen and (min-width:480px) {
    .paragraph--regular-20 {
        font-size: calc(16px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .paragraph--regular-20 {
        font-size: 20px;
    }
}

@media (min-width:992px) {
    .paragraph--regular-20 {
        line-height: 30px;
    }
}

.paragraph--medium-16 {
    font-family: "Spectrum Sans Medium";
    font-size: 1rem;
    line-height: 26px;
}

.paragraph--medium-20 {
    font-size: 16px;
    font-family: "Spectrum Sans Medium";
    line-height: 26px;
}

@media only screen and (min-width:480px) {
    .paragraph--medium-20 {
        font-size: calc(16px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .paragraph--medium-20 {
        font-size: 20px;
    }
}

@media (min-width:992px) {
    .paragraph--medium-20 {
        line-height: 30px;
    }
}

.paragraph--bold-16 {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    line-height: 26px;
}

.paragraph--bold-20 {
    font-size: 16px;
    font-family: "Spectrum Sans Bold";
    line-height: 26px;
}

@media only screen and (min-width:480px) {
    .paragraph--bold-20 {
        font-size: calc(16px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .paragraph--bold-20 {
        font-size: 20px;
    }
}

@media (min-width:992px) {
    .paragraph--bold-20 {
        line-height: 30px;
    }
}

.paragraph--bold-24 {
    font-size: 20px;
    font-family: "Spectrum Sans Bold";
    line-height: 26px;
}

@media only screen and (min-width:480px) {
    .paragraph--bold-24 {
        font-size: calc(20px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .paragraph--bold-24 {
        font-size: 24px;
    }
}

@media (min-width:992px) {
    .paragraph--bold-24 {
        line-height: 30px;
    }
}

.paragraph--bold-16 {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    line-height: 26px;
}

.paragraph--bold-20 {
    font-size: 16px;
    font-family: "Spectrum Sans Bold";
    line-height: 26px;
}

@media only screen and (min-width:480px) {
    .paragraph--bold-20 {
        font-size: calc(16px + 4 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .paragraph--bold-20 {
        font-size: 20px;
    }
}

@media (min-width:992px) {
    .paragraph--bold-20 {
        line-height: 30px;
    }
}

.eyebrow--regular-16 {
    font-size: 14px;
    font-family: "Spectrum Sans Regular";
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .125rem;
}

@media only screen and (min-width:480px) {
    .eyebrow--regular-16 {
        font-size: calc(14px + 2 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .eyebrow--regular-16 {
        font-size: 16px;
    }
}

@media (min-width:992px) {
    .eyebrow--regular-16 {
        line-height: 24px;
    }
}

.eyebrow--medium-16 {
    font-size: 14px;
    font-family: "Spectrum Sans Medium";
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .125rem;
}

@media only screen and (min-width:480px) {
    .eyebrow--medium-16 {
        font-size: calc(14px + 2 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .eyebrow--medium-16 {
        font-size: 16px;
    }
}

@media (min-width:992px) {
    .eyebrow--medium-16 {
        line-height: 24px;
    }
}

.eyebrow--bold-16 {
    font-size: 14px;
    font-family: "Spectrum Sans Bold";
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .125rem;
}

@media only screen and (min-width:480px) {
    .eyebrow--bold-16 {
        font-size: calc(14px + 2 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .eyebrow--bold-16 {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .eyebrow--bold-16 {
        line-height: 24px
    }
}
.caption--regular-14 {
    font-size: 14px;
    font-family: "Spectrum Sans Regular";
    color: #001B33;
    line-height: 20px;
  }

  @media only screen and (min-width: 480px) {
    .caption--regular-14 {
      font-size: calc( 14px + 0 * (100vw - 480px) / (1500 - 480));
    }
  }

  @media only screen and (min-width: 1500px) {
    .caption--regular-14 {
      font-size: 14px;
    }
  }

  @media (min-width: 992px) {
    .caption--regular-14 {
      line-height: 20px;
    }
  }




.caption--bold-14 {
    font-size: 14px;
    font-family: "Spectrum Sans Bold";
    line-height: 20px;
}

@media only screen and (min-width:480px) {
    .caption--bold-14 {
        font-size: calc(14px + 0 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .caption--bold-14 {
        font-size: 14px;
    }
}

@media (min-width:992px) {
    .caption--bold-14 {
        line-height: 20px;
    }
}

.disclaimer--regular-12 {
    font-size: 12px;
    font-family: "Spectrum Sans Regular";
    line-height: 20px;
}

@media only screen and (min-width:480px) {
    .disclaimer--regular-12 {
        font-size: calc(12px + 0 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .disclaimer--regular-12 {
        font-size: 12px;
    }
}

@media (min-width:992px) {
    .disclaimer--regular-12 {
        line-height: 20px;
    }
}

.disclaimer--medium-12 {
    font-size: 12px;
    font-family: "Spectrum Sans Medium";
    line-height: 20px;
}

@media only screen and (min-width:480px) {
    .disclaimer--medium-12 {
        font-size: calc(12px + 0 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .disclaimer--medium-12 {
        font-size: 12px;
    }
}

@media (min-width:992px) {
    .disclaimer--medium-12 {
        line-height: 20px;
    }
}

.disclaimer--bold-12 {
    font-size: 12px;
    font-family: "Spectrum Sans Bold";
    line-height: 20px;
}

@media only screen and (min-width:480px) {
    .disclaimer--bold-12 {
        font-size: calc(12px + 0 * (100vw - 480px)/ (1500 - 480));
    }
}

@media only screen and (min-width:1500px) {
    .disclaimer--bold-12 {
        font-size: 12px;
    }
}

@media (min-width:992px) {
    .disclaimer--bold-12 {
        line-height: 20px;
    }
}
/*
----------------------------------------------------
TEXT COLORS
----------------------------------------------------
*/
.text--white {
    color: #ffffff !important;
  }

  .text--black {
    color: #000000;
  }

  .text--gray-10 {
    color: #F2F2F2;
  }

  .text--gray-20 {
    color: #CCD1D7;
  }

  .text--gray-30 {
    color: #667685;
  }

  .text--gray-40 {
    color: #4D5F71;
  }

  .text--light-blue-00 {
    color: #EDF5FB;
  }

  .text--light-blue-10 {
    color: #28C1FF;
  }

  .text--light-blue-20 {
    color: #0099d8;
  }

  .text--light-blue-30 {
    color: #0071B0;
  }

  .text--light-blue-40 {
    color: #004e87;
  }

  .text--deep-blue-10 {
    color: #28435B;
  }

  .text--deep-blue-20 {
    color: #28435B;
  }

  .text--deep-blue-30 {
    color: #28435B;
  }

  .text--pink-10 {
    color: #BE2875;
  }

  .text--pink-20 {
    color: #96004D;
  }

  .text--pink-30 {
    color: #6E0025;
  }

  .text--purple-10 {
    color: #782FA0;
  }

  .text--purple-20 {
    color: #500778;
  }

  .text--purple-30 {
    color: #280050;
  }

  .text--yellow-10 {
    color: #FFCC42;
  }

  .text--yellow-20 {
    color: #FAA91A;
  }

  .text--yellow-30 {
    color: #CD8304;
  }

  .text--teal-10 {
    color: #28C6B4;
  }

  .text--teal-20 {
    color: #009E8C;
  }
  .text--teal-30 {
    color: #007664;
  }

  .text--red-10 {
    color: #FF4D4A;
  }

  .text--red-20 {
    color: #D6312B;
  }

  .text--green-10 {
    color: #00BF1F;
  }

  .text--green-20 {
    color: #008516;
  }

  .text--instagram-brand {
    color: #000000;
  }

  .text--twitter-brand {
    color: #1DA1F2;
  }

  .text--facebook-brand {
    color: #1877F2;
  }

  .text--linkedin-brand {
    color: #2867B2;
  }
/*
----------------------------------------------------
LICHT SHADOWS
----------------------------------------------------
*/


.shadow--lt-0 {
    box-shadow: 0 0 0 transparent;
}

.shadow--lt-1 {
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}

.shadow--lt-2 {
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
}

.shadow--lt-3 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.shadow--lt-4 {
    box-shadow: 0 24px 24px rgba(0, 0, 0, .15);
}

.shadow--dk-0 {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }

  .shadow--dk-1 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  }

  .shadow--dk-2 {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  }

  .shadow--dk-3 {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  }

  .shadow--dk-4 {
    -webkit-box-shadow: 0 24px 24px rgba(0, 0, 0, 0.5);
            box-shadow: 0 24px 24px rgba(0, 0, 0, 0.5);
  }

  .footer {
    width: 100%;
    height: 945px;
    background-color: #001B33;
    color: #ffffff;
    /* DESKTOP FOOTER LAYOUT */
  }

  @media screen and (min-width: 768px) {
    .footer {
      height: auto;
      padding-bottom: 2rem;
    }
  }

  @media screen and (max-width: 1000px) {
    .footer {
      height: auto;
    }
  }

  @media screen and (min-width: 1199px) {
    .footer {
      height: auto;
    }
  }

  .footer .footer--desktop .footer--desktop-nav-lists ul li {
    list-style: none;
    margin: 1.5vh 0 0 0;
  }

  .footer .footer--desktop .footer--desktop-nav-lists ul li a {
    color: #ffffff;
    font-size: 0.8125rem;
    font-family: "Spectrum Sans Regular", sans-serif;
  }

  .footer .footer--desktop .footer--desktop-nav-lists ul li a:hover {
    text-decoration: underline;
  }

  .footer .footer--desktop .footer--desktop-icons {
    color: #ffffff;
    -webkit-transition: color 1s;
    transition: color 1s;
    text-decoration: none;
    font-size: 1.3rem;
    padding: 5px;
  }

  .footer .footer--desktop .footer--desktop-icons:hover {
    color: #0099d8;
  }

  .footer .footer--desktop .footer--desktop-toreach-btn {
    background-color: #28C1FF;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 200px;
    height: 58px;
  }

  .footer .footer--desktop .footer--desktop-toreach-btn p {
    font-family: "Spectrum Sans Bold";
    font-size: 16px;
    text-align: center;
    padding: 1rem 0 0 0;
    color: #001B33;
  }

  .footer .footer--desktop .footer--desktop-toreach-btn span {
    padding: 0 0 0 1.2vh;
    font-size: 1.1rem;
  }

  .footer .footer--desktop .footer--desktop-toreach-btn:hover {
    background-color: #0099d8;
  }

  .footer .footer--desktop .footer--desktop-callout {
    font-size: 0.75rem;
  }

  .footer .footer--desktop .footer--desktop-address {
    color: #ffffff;
    font-size: 11px;
    line-height: 20px;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn {
    background-color: rgba(0, 27, 51, 0);
    padding: 17px 30px 17px 30px;
    border: 1px solid #0099d8;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #0099d8;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #0099d8;
    margin: 2px;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn span {
    color: #0099d8;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn:hover {
    background-color: #0099d8;
    color: #001B33;
    text-decoration: none;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn:hover p {
    -webkit-transition: color 1s;
    transition: color 1s;
    color: #001B33;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn:hover span {
    -webkit-transition: color 1s;
    transition: color 1s;
    color: #001B33;
  }

  .footer .footer--desktop .footer--desktop-contactus-btn:hover:focus {
    outline: 0;
  }

  .footer .footer > .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  @media screen and (max-width: 768px) {
    .footer--padding-left-mobile-none {
      padding-left: 0 !important;
    }
  }

  @media screen and (max-width: 576px) {
    .footer--padding-top-mobile-none {
      padding-top: 0 !important;
    }
  }

  @media screen and (max-width: 768px) {
    .footer--padding-top-mobile-none-xs {
      padding-top: 0 !important;
    }
  }

  @media screen and (max-width: 768px) {
    .footer--mobile-margin-left-none {
      margin-left: 0 !important;
    }
  }

  @media screen and (max-width: 768px) {
    .footer--margin-10-mobile {
      margin-left: 1.2rem !important;
    }
  }

  @media screen and (max-width: 768px) {
    .footer--mobile-width {
      width: 85%;
    }
  }

  .footer--padding-top-desktop-4 {
    padding-top: 4rem;
  }

  .footer-padding-top-desktop-2 {
    padding-top: 2rem;
  }

  @media (max-width: 1199px) {
    .footer-padding-top-desktop-2 {
      padding-top: 5rem;
    }
  }

  @media (max-width: 576px) {
    .footer--padding-bottom-mobile-xs-3 {
      padding-bottom: 1rem;
    }
  }

  .footer--hide--mobile-address-toggle {
    display: block;
  }

  @media (min-width: 990px) {
    .footer--hide--mobile-address-toggle {
      display: none;
    }
  }

  @media (max-width: 576px) {
    .footer--hide--mobile-address-toggle {
      display: none;
    }
  }

  .footer--hide--desktop-address-toggle {
    display: block;
  }

  @media (max-width: 991px) {
    .footer--hide--desktop-address-toggle {
      display: none;
    }
  }

  @media (max-width: 576px) {
    .footer--hide--desktop-address-toggle {
      display: block;
    }
  }
/*
----------------------------------------------------
SPECIAL BACKGROUND CLASSES
----------------------------------------------------
*/

.bg--cover {
    background-size: cover!important
}

.bg--blur {
    filter: blur(30px);
    transform: scale(1.25)
}

.bg--paper-gradient {
    background: url(/assets/images/home/hero-bg@2x.png) repeat-x center;
    background-size: contain
}

.bg--paper-hero-padding-top {
    padding-top: 10rem
}

@media (min-width:2000px) {
    .bg--paper-hero-padding-top {
        padding-top: 25rem
    }
}

@media (max-width:991px) {
    .bg--paper-hero-padding-top {
        padding-top: 30px;
        padding-bottom: 90vw
    }
}

@media (min-width:1100px) {
    .paper-hero-title-container {
        margin-top: -8rem
    }
}

@media (min-width:2000px) {
    .paper-hero-title-container {
        margin-top: -20rem
    }
}
.bg--deep-blue-30-alpha-80 {
    background-color: rgba(0, 27, 51, 0.8);
  }
.event-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1
}
/*
----------------------------------------------------
BACKGROUNDS
----------------------------------------------------
*/
.bg--light-blue-00 {
    background-color: #edf5fb!important
}

.bg--light-blue-10 {
    background-color: #28c1ff!important
}

.bg--light-blue-20 {
    background-color: #0099d8!important
}

.bg--light-blue-30 {
    background-color: #0071b0!important
}

.bg--light-blue-40 {
    background-color: #004e87!important
}

.bg--deep-blue-10 {
    background-color: #28435b!important
}

.bg--deep-blue-20 {
    background-color: #142f47!important
}

.bg--deep-blue-30 {
    background-color: #001b33!important
}

.bg--deep-blue-40 {
    background-color: #00081b!important
}

.bg--white {
    background-color: #fff!important
}

.bg--black {
    background-color: #000!important
}

.bg--gray-10 {
    background-color: #f2f2f2!important
}

.bg--gray-20 {
    background-color: #ccd1d7!important
}

.bg--gray-30 {
    background-color: #667685!important
}

.bg--gray-40 {
    background-color: #4d5f71!important
}

.bg--teal-10 {
    background-color: #28c6b4!important
}

.bg--teal-20 {
    background-color: #009e8c!important
}

.bg--teal-30 {
    background-color: #007664!important
}

.bg--yellow-10 {
    background-color: #ffcc42!important
}

.bg--yellow-20 {
    background-color: #faa91a!important
}

.bg--yellow-30 {
    background-color: #cd8304!important
}

.bg--pink-10 {
    background-color: #be2875!important
}

.bg--pink-20 {
    background-color: #96004d!important
}

.bg--pink-30 {
    background-color: #6e0025!important
}

.bg--purple-10 {
    background-color: #782fa0!important
}

.bg--purple-20 {
    background-color: #500778!important
}

.bg--purple-30 {
    background-color: #280050!important
}

.bg--red-10 {
    background-color: #ff4d4a!important
}

.bg--red-20 {
    background-color: #ff4d4a!important
}

.bg--green-10 {
    background-color: #00bf1f!important
}

.bg--green-20 {
    background-color: #008516!important
}
.gradient-teal10-light-blue20 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #28C6B4), to(#0099d8));
    background: linear-gradient(-360deg, #28C6B4 10%, #0099d8 100%);
  }
/*
----------------------------------------------------
BUTTONS
----------------------------------------------------
*/

.button--unstyled {
    background-color: transparent;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 0;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center;
    font-family: "Spectrum Sans Regular";
    text-decoration: none
}

.button--unstyled p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--unstyled:hover {
    background-color: transparent;
    text-decoration: none
}

.button--unstyled:focus {
    outline: 0
}

.button--unstyled:hover {
    text-decoration: none;
    color: #001b33
}

.button--unstyled-lightBlue {
    background-color: transparent;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 0;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #0071b0!important;
    text-align: center;
    font-family: "Spectrum Sans Regular";
    text-decoration: none
}

.button--unstyled-lightBlue p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #0071b0;
    text-align: center;
    margin: 2px
}

.button--unstyled-lightBlue:hover {
    background-color: transparent;
    text-decoration: none
}

.button--unstyled-lightBlue:focus {
    outline: 0
}

.button--unstyled-lightBlue:hover {
    text-decoration: none;
    color: #001b33
}

.button--solid--blue {
    background-color: #28c1ff;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center
}

.button--solid--blue p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--solid--blue:hover {
    background-color: #0099d8;
    text-decoration: none
}

.button--solid--blue:focus {
    outline: 0
}

.button--solid--light-blue-10-lg {
    background-color: #28c1ff;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 15px 30px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center
}

.button--solid--light-blue-10-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--solid--light-blue-10-lg:hover {
    background-color: #0099d8;
    text-decoration: none
}

.button--solid--light-blue-10-lg:focus {
    outline: 0
}

.button--solid--light-blue-20-lg {
    background-color: #0099d8;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 16px 28px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #fff!important;
    text-align: center
}

.button--solid--light-blue-20-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin: 2px
}

.button--solid--light-blue-20-lg:hover {
    background-color: #0071b0;
    text-decoration: none
}

.button--solid--light-blue-20-lg:focus {
    outline: 0
}

.button--outline--light-blue-10-lg {
    background-color: rgba(40, 193, 255, 0);
    padding: 14px 27px;
    border: 1px solid #28c1ff;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #28c1ff!important
}

.button--outline--light-blue-10-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #28c1ff;
    margin: 2px
}

.button--outline--light-blue-10-lg span {
    color: #28c1ff
}

.button--outline--light-blue-10-lg:hover {
    background-color: #28c1ff;
    color: #001b33!important;
    text-decoration: none
}

.button--outline--light-blue-10-lg:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--light-blue-10-lg:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--light-blue-10-lg:hover:focus {
    outline: 0
}

.button--solid--light-blue-10-sm {
    background-color: #28c1ff;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 10px 20px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center
}

.button--solid--light-blue-10-sm p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--solid--light-blue-10-sm:hover {
    background-color: #0071b0;
    text-decoration: none
}

.button--solid--light-blue-10-sm:focus {
    outline: 0
}



.button--solid--light-blue-30-lg {
    background-color: #0071b0;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 15px 30px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #fff!important;
    text-align: center
}

.button--solid--light-blue-30-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin: 2px
}

.button--solid--light-blue-30-lg:hover {
    background-color: #0099d8;
    text-decoration: none
}

.button--solid--light-blue-30-lg:focus {
    outline: 0
}

.button--solid--light-blue-30-sm {
    background-color: #0071b0;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 10px 20px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #fff!important;
    text-align: center
}

.button--solid--light-blue-30-sm p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin: 2px
}

.button--solid--light-blue-30-sm:hover {
    background-color: #004e87;
    text-decoration: none
}

.button--solid--light-blue-30-sm:focus {
    outline: 0
}

.button--outline--deep-blue-30-lg {
    background-color: rgba(255, 255, 255, 0);
    padding: 23px 30px;
    border: 1px solid #001b33;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #001b33!important
}

.button--outline--deep-blue-30-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #001b33;
    margin: 2px
}

.button--outline--deep-blue-30-lg span {
    color: #001b33
}

.button--outline--deep-blue-30-lg:hover {
    background-color: #001b33;
    color: #fff;
    text-decoration: none
}

.button--outline--deep-blue-30-lg:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff
}

.button--outline--deep-blue-30-lg:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff
}

.button--outline--deep-blue-30-lg:hover:focus {
    outline: 0
}

.button--outline--deep-blue-30-sm {
    background-color: rgba(255, 255, 255, 0);
    padding: 10px 30px;
    border: 1px solid #001b33;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #001b33!important
}

.button--outline--deep-blue-30-sm p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #001b33;
    margin: 2px
}

.button--outline--deep-blue-30-sm span {
    color: #001b33
}

.button--outline--deep-blue-30-sm:hover {
    background-color: #001b33;
    color: #fff;
    text-decoration: none
}

.button--outline--deep-blue-30-sm:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff
}

.button--outline--deep-blue-30-sm:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff
}

.button--outline--deep-blue-30-sm:hover:focus {
    outline: 0
}

.button--solid--yellow-20-lg {
    background-color: #faa91a;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 16px 28px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center
}

.button--solid--yellow-20-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--solid--yellow-20-lg:hover {
    background-color: #cd8304;
    text-decoration: none
}

.button--solid--yellow-20-lg:focus {
    outline: 0
}

.button--solid--yellow-20-sm {
    background-color: #faa91a;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 10px 20px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center
}

.button--solid--yellow-20-sm p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--solid--yellow-20-sm:hover {
    background-color: #cd8304;
    text-decoration: none
}

.button--solid--yellow-20-sm:focus {
    outline: 0
}

.button--outline--yellow-20-lg {
    background-color: rgba(0, 8, 27, 0);
    padding: 14px 27px;
    border: 1px solid #faa91a;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #faa91a!important
}

.button--outline--yellow-20-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #faa91a;
    margin: 2px
}

.button--outline--yellow-20-lg span {
    color: #faa91a
}

.button--outline--yellow-20-lg:hover {
    background-color: #faa91a;
    color: #001b33;
    text-decoration: none
}

.button--outline--yellow-20-lg:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--yellow-20-lg:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--yellow-20-lg:hover:focus {
    outline: 0
}

.button--outline--yellow-20-sm {
    background-color: rgba(0, 8, 27, 0);
    padding: 10px 30px;
    border: 1px solid #faa91a;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #faa91a!important
}

.button--outline--yellow-20-sm p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #faa91a;
    margin: 2px
}

.button--outline--yellow-20-sm span {
    color: #faa91a
}

.button--outline--yellow-20-sm:hover {
    background-color: #faa91a;
    color: #001b33;
    text-decoration: none
}

.button--outline--yellow-20-sm:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--yellow-20-sm:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--yellow-20-sm:hover:focus {
    outline: 0
}

.button--solid--white-lg {
    background-color: #fff;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
    padding: 14px 27px;
    display: inline-block;
    border: none;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33!important;
    text-align: center
}

.button--solid--white-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    color: #001b33;
    text-align: center;
    margin: 2px
}

.button--solid--white-lg:hover {
    background-color: #ccd1d7;
    text-decoration: none
}

.button--solid--white-lg:focus {
    outline: 0
}

.button--outline--white--lg {
    background-color: rgba(255, 255, 255, 0);
    padding: 14px 27px;
    border: 1px solid #fff;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #fff!important
}

.button--outline--white--lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #fff;
    margin: 2px
}

.button--outline--white--lg span {
    color: #fff
}

.button--outline--white--lg:hover {
    background-color: #fff;
    color: #001b33!important;
    text-decoration: none
}

.button--outline--white--lg:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--white--lg:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #001b33
}

.button--outline--white--lg:hover:focus {
    outline: 0
}

.button--outline--light-blue-20--lg {
    background-color: rgba(0, 113, 176, 0);
    padding: 14px 27px;
    border: 1px solid #0071b0;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #0071b0!important
}

.button--outline--light-blue-20--lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #0071b0;
    margin: 2px
}

.button--outline--light-blue-20--lg span {
    color: #0071b0
}

.button--outline--light-blue-20--lg:hover {
    background-color: #0071b0;
    color: #fff!important;
    text-decoration: none
}

.button--outline--light-blue-20--lg:hover p {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff
}

.button--outline--light-blue-20--lg:hover span {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    transition: color 1s;
    color: #fff
}

.button--outline--light-blue-20--lg:hover:focus {
    outline: 0

}

.button--outline--deep-blue-40-lg {
    background-color: rgba(0, 8, 27, 0);
    padding: 14px 27px;
    border: 1px solid #00081B;
    display: inline-block;
    -webkit-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #001B33;
  }

  .button--outline--deep-blue-40-lg p {
    font-family: "Spectrum Sans Bold";
    font-size: 1rem;
    text-align: center;
    color: #001B33;
    margin: 2px;
  }

  .button--outline--deep-blue-40-lg span {
    color: #001B33;
  }

  .button--outline--deep-blue-40-lg:hover {
    background-color: #00081b;
    color: #ffffff;
    text-decoration: none;
  }

  .button--outline--deep-blue-40-lg:hover p {
    -webkit-transition: color 1s;
    transition: color 1s;
    color: #ffffff;
  }

  .button--outline--deep-blue-40-lg:hover span {
    -webkit-transition: color 1s;
    transition: color 1s;
    color: #ffffff;
  }

  .button--outline--deep-blue-40-lg:hover:focus {
    outline: 0;
  }
  .carousel-control-prev {
    left: auto;
    float: left;
  }

  .carousel-control-next {
    right: auto;
    float: right;
  }

  .carousel-control--btn-next {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: transparent;
  }

  .carousel-control--btn-next span {
    font-size: 1rem;
    color: #001B33;
    position: relative;
    left: 2px;
    top: 11px;
  }

  .carousel-control--btn-prev {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: transparent;
  }

  .carousel-control--btn-prev span {
    font-size: 1rem;
    color: #001B33;
    position: relative;
    left: -3px;
    top: 11px;
  }

  .carousel-control-next, .carousel-control-prev {
    position: relative;
    top: -41px;
  }

  @media (min-width: 768px) {
    .carousel-control--btn-next {
      width: 54px;
      height: 54px;
      border-radius: 50px;
      background: rgba(0, 27, 51, 0.6);
    }
    .carousel-control--btn-next span {
      font-size: 2rem;
      color: #ffffff;
      position: relative;
      left: 2px;
      top: 11px;
    }
    .carousel-control--btn-prev {
      width: 54px;
      height: 54px;
      border-radius: 50px;
      background: rgba(0, 27, 51, 0.6);
    }
    .carousel-control--btn-prev span {
      font-size: 2rem;
      color: #ffffff;
      position: relative;
      left: -3px;
      top: 11px;
    }
    .carousel-control-prev {
      left: 0px;
    }
    .carousel-control-next {
      right: 0px;
    }

    .carousel-control-next, .carousel-control-prev {
      position: absolute;
      top: 0;
    }
  }

  .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
  }



.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px!important;
    height: 10px!important;
    margin-right: 3px!important;
    margin-left: 3px!important;
    text-indent: -999px!important;
    border-radius: 10px!important;
    cursor: pointer!important;
    background-color: #ccd1d7!important;
    background-clip: unset!important;
    border-top: 0!important;
    border-bottom: 0!important;
    opacity: 1!important;
    transition: none!important
}

.carousel-indicators li {
  -webkit-transition: none;
  transition: none;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #142F47;
}
/*
----------------------------------------------------
ANGLES
----------------------------------------------------
*/
.bg--angle-top-up::before {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    font: 0/0 serif;
    border-bottom: 0;
    border-right: 100vw solid #fff;
    border-top: 6rem solid transparent;
    border-left: 0;
    bottom: 0;
    content: ''
}

.bg--angle-top-up.angle--light-blue-20::before {
    border-right-color: #0099d8!important
}

.bg--angle-top-up.angle--light-blue-30::before {
    border-right-color: #0071b0!important
}

.bg--angle-top-up.angle--deep-blue-30::before {
    border-right-color: #001b33!important
}

.bg--angle-top-up.angle--gray-10::before {
    border-right-color: #f2f2f2!important
}

.bg--angle-top-up.angle--white::before {
    border-right-color: #fff!important
}

.bg--angle-top-down::before {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    font: 0/0 serif;
    border-bottom: 0;
    border-right: 0;
    border-top: 6rem solid transparent;
    border-left: 100vw solid #fff;
    bottom: 0;
    content: ''
}

.bg--angle-top-down.angle--light-blue-20::before {
    border-left-color: #0099d8!important
}

.bg--angle-top-down.angle--light-blue-30::before {
    border-left-color: #0071b0!important
}

.bg--angle-top-down.angle--deep-blue-30::before {
    border-left-color: #001b33!important
}

.bg--angle-top-down.angle--gray-10::before {
    border-left-color: #f2f2f2!important
}

.bg--angle-top-down.angle--white::before {
    border-left-color: #fff!important
}

.bg--angle-bottom-down::after {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    font: 0/0 serif;
    border-bottom: 6rem solid transparent;
    border-right: 100vw solid #fff;
    border-top: 0;
    border-left: 0;
    bottom: 0;
    content: ''
}

.bg--angle-bottom-down.angle--light-blue-20::after {
    border-right-color: #0099d8!important
}

.bg--angle-bottom-down.angle--light-blue-30::after {
    border-right-color: #0071b0!important
}

.bg--angle-bottom-down.angle--deep-blue-30::after {
    border-right-color: #001b33!important
}

.bg--angle-bottom-down.angle--gray-10::after {
    border-right-color: #f2f2f2!important
}

.bg--angle-bottom-down.angle--white::after {
    border-right-color: #fff!important
}

.bg--angle-bottom-up::after {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    font: 0/0 serif;
    border-bottom: 6rem solid transparent;
    border-left: 100vw solid #fff;
    border-top: 0;
    border-right: 0;
    bottom: 0;
    content: ''
}

.bg--angle-bottom-up-white::after {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    font: 0/0 serif;
    border-bottom: 6rem solid transparent;
    border-left: 100vw solid #fff;
    border-top: 0;
    border-right: 0;
    bottom: 0;
    content: ''
}

.bg--angle-bottom-up.angle--light-blue-20::after {
    border-left-color: #0099d8!important
}

.bg--angle-bottom-up.angle--light-blue-30::after {
    border-left-color: #0071b0!important
}

.bg--angle-bottom-up.angle--deep-blue-30::after {
    border-left-color: #001b33!important
}

.bg--angle-bottom-up.angle--gray-10::after {
    border-left-color: #f2f2f2!important
}

.bg--angle-bottom-up.angle--white::after {
    border-left-color: #fff!important
}

@media (min-width:992px) {
    .angleCorner::before {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        border-bottom: 0;
        border-right: 0;
        border-top: 5rem solid #fff;
        border-left: 6rem solid transparent;
        top: 0;
        bottom: 0;
        right: 0;
        content: '';
        position: absolute
    }
}
/*
----------------------------------------------------
BORDERS
----------------------------------------------------
*/


.b-1--deep-blue-30 {
    border: solid 1px #001b33
}

.b-2--deep-blue-30 {
    border: solid 2px #001b33
}

.b-3--deep-blue-30 {
    border: solid 3px #001b33
}

.b-4--deep-blue-30 {
    border: solid 4px #001b33
}

.b-5--deeep-blue-30 {
    border: solid 5px #001b33
}

.by-5--light-blue-30 {
    border-top: solid 5px #0071b0;
    border-bottom: solid 5px #0071b0
}

.by-1--deep-blue-30 {
    border-top: solid 1px #001b33;
    border-bottom: solid 1px #001b33
}

.by-2--deep-blue-30 {
    border-top: solid 2px #001b33;
    border-bottom: solid 2px #001b33
}

.by-3--deep-blue-30 {
    border-top: solid 3px #001b33;
    border-bottom: solid 3px #001b33
}

.by-4--deep-blue-30 {
    border-top: solid 4px #001b33;
    border-bottom: solid 4px #001b33
}

.by-5--deep-blue-30 {
    border-top: solid 5px #001b33;
    border-bottom: solid 5px #001b33
}

.bx-1--deep-blue-30 {
    border-left: solid 1px #001b33;
    border-right: solid 1px #001b33
}

.bx-2--deep-blue-30 {
    border-left: solid 2px #001b33;
    border-right: solid 2px #001b33
}

.bx-3--deep-blue-30 {
    border-left: solid 3px #001b33;
    border-right: solid 3px #001b33
}

.bx-4--deep-blue-30 {
    border-left: solid 4px #001b33;
    border-right: solid 4px #001b33
}

.bx-5--deep-blue-30 {
    border-left: solid 5px #001b33;
    border-right: solid 5px #001b33
}

.bt-1--deep-blue-30 {
    border-top: solid 1px #001b33
}

.bt-2--deep-blue-30 {
    border-top: solid 2px #001b33
}

.bt-3--deep-blue-30 {
    border-top: solid 3px #001b33
}

.bt-4--deep-blue-30 {
    border-top: solid 4px #001b33
}

.bt-5--deep-blue-30 {
    border-top: solid 5px #001b33
}

.bl-1--deep-blue-30 {
    border-left: solid 1px #001b33
}

.bl-2--deep-blue-30 {
    border-left: solid 2px #001b33
}

.bl-3--deep-blue-30 {
    border-left: solid 3px #001b33
}

.bl-4--deep-blue-30 {
    border-left: solid 4px #001b33
}

.bl-5--deep-blue-30 {
    border-left: solid 5px #001b33
}

.br-1--deep-blue-30 {
    border-right: solid 1px #001b33
}

.br-2--deep-blue-30 {
    border-right: solid 2px #001b33
}

.br-3--deep-blue-30 {
    border-right: solid 3px #001b33
}

.br-4--deep-blue-30 {
    border-right: solid 4px #001b33
}

.br-5--deep-blue-30 {
    border-right: solid 5px #001b33
}

.bb-1--deep-blue-30 {
    border-bottom: solid 1px #001b33
}

.bb-2--deep-blue-30 {
    border-bottom: solid 2px #001b33
}

.bb-3--deep-blue-30 {
    border-bottom: solid 3px #001b33
}

.bb-4--deep-blue-30 {
    border-bottom: solid 4px #001b33
}

.bb-5--deep-blue-30 {
    border-bottom: solid 5px #001b33
}

.b-1--gray-20 {
    border: solid 1px #ccd1d7
}

.b-2--gray-20 {
    border: solid 2px #ccd1d7
}

.b-3--gray-20 {
    border: solid 3px #ccd1d7
}

.b-4--gray-20 {
    border: solid 4px #ccd1d7
}

.b-5--gray-20 {
    border: solid 5px #ccd1d7
}

.by-1--gray-20 {
    border-top: solid 1px #ccd1d7;
    border-bottom: solid 1px #ccd1d7
}

.by-2--gray-20 {
    border-top: solid 2px #ccd1d7;
    border-bottom: solid 2px #ccd1d7
}

.by-3--gray-20 {
    border-top: solid 3px #ccd1d7;
    border-bottom: solid 3px #ccd1d7
}

.by-4--gray-20 {
    border-top: solid 4px #ccd1d7;
    border-bottom: solid 4px #ccd1d7
}

.by-5--gray-20 {
    border-top: solid 5px #ccd1d7;
    border-bottom: solid 5px #ccd1d7
}

.bx-1--gray-20 {
    border-left: solid 1px #ccd1d7;
    border-right: solid 1px #ccd1d7
}

.bx-2--gray-20 {
    border-left: solid 2px #ccd1d7;
    border-right: solid 2px #ccd1d7
}

.bx-3--gray-20 {
    border-left: solid 3px #ccd1d7;
    border-right: solid 3px #ccd1d7
}

.bx-4--gray-20 {
    border-left: solid 4px #ccd1d7;
    border-right: solid 4px #ccd1d7
}

.bx-5--gray-20 {
    border-left: solid 5px #ccd1d7;
    border-right: solid 5px #ccd1d7
}

.bb-1--gray-20 {
    border-bottom: solid 1px #ccd1d7
}

.bb-2--gray-20 {
    border-bottom: solid 2px #ccd1d7
}

.bb-3--gray-20 {
    border-bottom: solid 3px #ccd1d7
}

.bb-4--gray-20 {
    border-bottom: solid 4px #ccd1d7
}

.bb-5--gray-20 {
    border-bottom: solid 5px #ccd1d7
}

.bl-1--gray-20 {
    border-left: solid 1px #ccd1d7
}

.bl-2--gray-20 {
    border-left: solid 2px #ccd1d7
}

.bl-3--gray-20 {
    border-left: solid 3px #ccd1d7
}

.bl-4--gray-20 {
    border-left: solid 4px #ccd1d7
}

.bl-5--gray-20 {
    border-left: solid 5px #ccd1d7
}

.b-1--light-blue-30 {
    border: solid 1px #0071b0
}

.b-2--light-blue-30 {
    border: solid 2px #0071b0
}

.b-3--light-blue-30 {
    border: solid 3px #0071b0
}

.b-4--light-blue-30 {
    border: solid 4px #0071b0
}

.b-5--light-blue-30 {
    border: solid 5px #0071b0
}

.by-1--light-blue-30 {
    border-top: solid 1px #0071b0;
    border-bottom: solid 1px #0071b0
}

.by-2--light-blue-30 {
    border-top: solid 2px #0071b0;
    border-bottom: solid 2px #0071b0
}

.by-3--light-blue-30 {
    border-top: solid 3px #0071b0;
    border-bottom: solid 3px #0071b0
}

.by-4--light-blue-30 {
    border-top: solid 4px #0071b0;
    border-bottom: solid 4px #0071b0
}

.by-5--light-blue-30 {
    border-top: solid 5px #0071b0;
    border-bottom: solid 5px #0071b0
}

.bx-1--light-blue-30 {
    border-left: solid 1px #0071b0;
    border-right: solid 1px #0071b0
}

.bx-2--light-blue-30 {
    border-left: solid 2px #0071b0;
    border-right: solid 2px #0071b0
}

.bx-3--light-blue-30 {
    border-left: solid 3px #0071b0;
    border-right: solid 3px #0071b0
}

.bx-4--light-blue-30 {
    border-left: solid 4px #0071b0;
    border-right: solid 4px #0071b0
}

.bx-5--light-blue-30 {
    border-left: solid 5px #0071b0;
    border-right: solid 5px #0071b0
}

.bb-1--light-blue-30 {
    border-bottom: solid 1px #0071b0
}

.bb-2--light-blue-30 {
    border-bottom: solid 2px #0071b0
}

.bb-3--light-blue-30 {
    border-bottom: solid 3px #0071b0
}

.bb-4--light-blue-30 {
    border-bottom: solid 4px #0071b0
}

.bb-5--light-blue-30 {
    border-bottom: solid 5px #0071b0
}

.bl-1--light-blue-30 {
    border-left: solid 1px #0071b0
}

.bl-2--light-blue-30 {
    border-left: solid 2px #0071b0
}

.bl-3--light-blue-30 {
    border-left: solid 3px #0071b0
}

.bl-4--light-blue-30 {
    border-left: solid 4px #0071b0
}

.bl-5--light-blue-30 {
    border-left: solid 5px #0071b0
}

.bt-1--light-blue-30 {
    border-top: solid 1px #0071b0
}

.bt-2--light-blue-30 {
    border-top: solid 2px #0071b0
}

.bt-3--light-blue-30 {
    border-top: solid 3px #0071b0
}

.bt-4--light-blue-30 {
    border-top: solid 4px #0071b0
}

.bt-5--light-blue-30 {
    border-top: solid 5px #0071b0
}

.br-1--light-blue-30 {
    border-right: solid 1px #0071b0
}

.br-2--light-blue-30 {
    border-right: solid 2px #0071b0
}

.br-3--light-blue-30 {
    border-right: solid 3px #0071b0
}

.br-4--light-blue-30 {
    border-right: solid 4px #0071b0
}

.br-5--light-blue-30 {
    border-right: solid 5px #0071b0
}

.b-1--red-20 {
    border: solid 1px #d6312b
}

.b-2--red-20 {
    border: solid 2px #d6312b
}

.b-3--red-20 {
    border: solid 3px #d6312b
}

.b-4--red-20 {
    border: solid 4px #d6312b
}

.b-5--red-20 {
    border: solid 5px #d6312b
}

.by-1--red-20 {
    border-top: solid 1px #d6312b;
    border-bottom: solid 1px #d6312b
}

.by-2--red-20 {
    border-top: solid 2px #d6312b;
    border-bottom: solid 2px #d6312b
}

.by-3--red-20 {
    border-top: solid 3px #d6312b;
    border-bottom: solid 3px #d6312b
}

.by-4--red-20 {
    border-top: solid 4px #d6312b;
    border-bottom: solid 4px #d6312b
}

.by-5--red-20 {
    border-top: solid 5px #d6312b;
    border-bottom: solid 5px #d6312b
}

.bx-1--red-20 {
    border-left: solid 1px #d6312b;
    border-right: solid 1px #d6312b
}

.bx-2--red-20 {
    border-left: solid 2px #d6312b;
    border-right: solid 2px #d6312b
}

.bx-3--red-20 {
    border-left: solid 3px #d6312b;
    border-right: solid 3px #d6312b
}

.bx-4--red-20 {
    border-left: solid 4px #d6312b;
    border-right: solid 4px #d6312b
}

.bx-5--red-20 {
    border-left: solid 5px #d6312b;
    border-right: solid 5px #d6312b
}

.bt-1--red-20 {
    border-top: solid 1px #d6312b
}

.bt-2--red-20 {
    border-top: solid 2px #d6312b
}

.bt-3--red-20 {
    border-top: solid 3px #d6312b
}

.bt-4--red-20 {
    border-top: solid 4px #d6312b
}

.bt-5--red-20 {
    border-top: solid 5px #d6312b
}

.bl-1--red-20 {
    border-left: solid 1px #d6312b
}

.bl-2--red-20 {
    border-left: solid 2px #d6312b
}

.bl-3--red-20 {
    border-left: solid 3px #d6312b
}

.bl-4--red-20 {
    border-left: solid 4px #d6312b
}

.bl-5--red-20 {
    border-left: solid 5px #d6312b
}

.br-1--red-20 {
    border-right: solid 1px #d6312b
}

.br-2--red-20 {
    border-right: solid 2px #d6312b
}

.br-3--red-20 {
    border-right: solid 3px #d6312b
}

.br-4--red-20 {
    border-right: solid 4px #d6312b
}

.br-5--red-20 {
    border-right: solid 5px #d6312b
}

.bb-1--red-20 {
    border-bottom: solid 1px #d6312b
}

.bb-2--red-20 {
    border-bottom: solid 2px #d6312b
}

.bb-3--red-20 {
    border-bottom: solid 3px #d6312b
}

.bb-4--red-20 {
    border-bottom: solid 4px #d6312b
}

.bb-5--red-20 {
    border-bottom: solid 5px #d6312b
}
/*
----------------------------------------------------
FORMS
----------------------------------------------------
*/
.form--textfield-input-light-ui {
    width: 498px;
    height: 48px;
  }

  .form--label--text {
    font-size: 16px;
    color: #001B33;
  }

  .form--textfield-input--light-ui-placeholder {
    width: 498px;
    height: 48px;
  }

  .form--paragraph-subhead {
    font-family: "Spectrum Sans Regular";
    font-size: 20px;
  }

  input[type='radio'] {
    border: 2px solid red !important;
  }

  .swatch--container {
    width: 200px;
    height: 200px;
    margin-right: .7rem;
    margin-top: .7rem;
  }

  .swatch--container .swatch--color-block {
    width: 200px;
    height: 100px;
  }

  .swatch--container .swatch--text-container {
    color: #000000;
  }

  .swatch--container .swatch--text-container ul li {
    font-weight: bold !important;
  }

  .swatch--border {
    border: 1px solid rgba(0, 0, 0, 0.2);
  }

  .styleguide--nav {
    margin-left: 7rem;
  }

  .styleguide--nav li a {
    font-family: "Spectrum Sans Bold", sans-serif;
    font-size: 1rem;
    color: #ffffff;
  }

  .styleguide--nav li a:hover {
    color: #0099d8;
    text-decoration: none;
  }

  .styleguide--code-example-header {
    font-family: "Spectrum Sans Bold", sans-serif;
    font-size: 1.5rem;
    color: #001B33;
    width: 595px;
    margin-top: 1vh;
    margin-bottom: 3vh;
  }

  .styleguide--code-sample-container {
    background-color: #F2F2F2;
    width: 600px;
    max-height: 600px;
    border-radius: 10px;
    margin-left: -1rem;
    margin-bottom: 6rem;
  }

  .styleguide--code-sample-container code {
    color: #001B33;
    font-size: .9rem;
    padding-bottom: 6rem;
  }

  .styleguide--code-sample-container-buttons-size {
    width: 630px;
  }

  .styleguide--paragraph-container {
    width: 450px;
    padding-top: 2rem;
  }

  .styleguide--icon {
    font-size: 40px;
  }

  .styleguide--code-example-sub-header {
    font-family: "Spectrum Sans Bold";
    font-size: 26px;
  }

  .styleguide--color-swatch-border {
    border: 1px solid #667685;
  }

  .styleguide--ul-sub-list-bullets {
    list-style-type: disc;
  }

  .styleguide--form-label-desc-container {
    width: 300px;
    height: 150px;
  }

  .styleguide--form-field-desc-container {
    width: 300px;
    height: 140px;
  }

  .styleguide--form-placeholder-desc-container {
    width: 300px;
    height: 100px;
  }

  .styleguide--form-focus-desc-container {
    width: 300px;
    height: 60px;
  }

  .styleguide--form-error-desc-container {
    width: 300px;
    height: 100px;
  }

  .styleguide--textarea {
    width: 496px !important;
    height: 131px !important;
  }

  .styleguide--form-radio-subhead {
    font-family: "Spectrum Sans Regular";
    font-size: 16px;
    color: #001B33;
  }

  .styleguide--form-radio-header {
    font-family: "Spectrum Sans Regular";
    font-size: 20px;
    color: #001B33;
  }

  textarea {
    width: 496px !important;
    height: 131px !important;
  }
  /*# sourceMappingURL=styles.css.map */