.cta {
    background: #001F5A;
    border-color: #001F5A;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: "freightsans_promedium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 14px;
    padding: 22px 24px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-transform: uppercase
}
.cta:hover {
    background: #0050AE;
    border-color: #0050AE;
    text-decoration: none
}
@media (min-width: 768px) {
    .cta {
        font-size: 16px;
        line-height: 16px
    }
}
.cta--white {
    background: #001F5A;
    border-color: #001F5A;
    color: #fff
}
.cta--white:hover {
    background: #0050AE
}
.cta--thin {
    padding: 16px 22px
}
@media (min-width: 768px) {
    .cta--thin {
        padding: 22px 24px
    }
}
.outer-wrapper {
    margin: 0 auto;
    max-width: 1920px !important;
    position: relative;
    width: 100%
}
.outer-wrapper::after {
    clear: both;
    content: "";
    display: table
}
.form__field__input--checkbox input {
    float: left;
    margin: 5px 0 0 0
}
.form__field__input--checkbox label {
    display: block;
    padding: 0 0 0 32px
}
.notification {
    background: #F0F2F6;
    font-size: 14px;
    line-height: 16px;
}
@media (min-width: 768px) {
    .notification {
        font-size: 16px;
        line-height: 20px
    }
}
.notification a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.notification--info .notification__wrapper {
    padding: 32px 50px 32px 22px
}
@media (min-width: 768px) {
    .notification--info .notification__wrapper {
        padding: 30px 38px
        max-width: 1312px;
        margin: auto;
    }
}
.notification__wrapper {
    padding: 12px 50px
}
@media (min-width: 768px) {
    .notification__wrapper {
        padding: 16px 75px 16px 60px
    }
}
.notification__buttons {
    margin: 16px 0
}
@media (min-width: 768px) {
    .notification__buttons {
        margin: 24px 0
    }
}
.notification__buttons .cta {
    margin: 8px 24px 8px 0;
    min-width: 260px;
    text-align: center
}
.notification__heading {
    margin: 0 0 16px
}
.notification__close {
    position: absolute;
    top: 8px;
    cursor: pointer;
    right: 5px
}
@media (min-width: 768px) {
    .notification__close {
        top: 20px;
        right: 30px
    }
}
.notification__close svg {
    height: 32px;
    width: 32px
}
.notification__close svg g {
    opacity: .8;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}
.notification__close svg g g {
    stroke: #4D5863;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}
.notification__close:hover svg g g {
    stroke: #16161D
}