.newsletter-register,
.newsletter-subscription,
.profile-delete,
.status__container,
.redirect__container,
.profile-edit,
.profile-details-mail-username-container,
.discover-container .section-items {
    padding: 16px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}



.newsletter-subscription__image-url img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%
}









@font-face {
    font-family: "raleway-regular";
    src: url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

































































@media(min-width: 10px)and (max-width: 1024px) {
    .adblock div:first-of-type {
        margin-bottom: 8px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .adblock {
        width: 100%
    }
}

























@media(min-width: 10px)and (max-width: 1024px) {
    .adslot-container {
        background-color: #f5f5f5
    }

    .adslot-container.adslot-has-headertext {
        padding: 32px 0
    }
}



.tf-rhs-col .adslot-container {
    background-color: rgba(0, 0, 0, 0)
}

.most-read-widget .adslot-container {
    padding-top: 16px
}

.tf-hide {
    display: none !important
}





.processing {
    top: 0;
    left: 0;
    position: absolute !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    background: rgba(255, 255, 255, .8) !important;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center
}

@media(min-width: 10px)and (max-width: 1024px) {
    .processing {
        position: fixed !important
    }
}



.mobile-container .tf-articlelist,
.mobile-container .article {
    margin: 0
}









@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}





@supports(--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative
    }

    [style*="--aspect-ratio"]::before {
        content: "";
        display: block
    }

    div[style="--aspect-ratio:16/9;"]::before {
        padding-bottom: 56.25%
    }

    div[style="--aspect-ratio:1;"]::before {
        padding-bottom: 100%
    }

    [style*="--aspect-ratio"]>:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}







a {
    background-color: rgba(0, 0, 0, 0)
}



b,
strong {
    font-weight: bolder
}



small {
    font-size: 80%
}







img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}









[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}







[hidden] {
    display: none
}

*,
*:after,
*:before {
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

@media(min-width: 1024px) {
    html {
        overflow-y: scroll
    }
}

html,
body {
    margin: 0;
    padding: 0;
    height: auto;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}









img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
    position: relative
}

img:-moz-loading {
    visibility: hidden
}

img:before {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url("../img/placeholder-no-image.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f5f5f5
}





a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover,
a:focus,
a:active {
    outline: 0
}

::selection,
::-webkit-selection,
::-moz-selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none
}

body {
    margin: 0;
    font-family: "raleway-regular", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #212120;
    background-color: #fff
}

@media(min-width: 1024px) {
    body {
        padding-top: 58px;
        background-color: #fafafa
    }
}



strong,
b {
    font-family: "raleway-bold", sans-serif;
    font-weight: 700;
    font-style: normal
}

.wrapper {
    width: 980px;
    margin: auto
}

#main-content {
    cursor: default
}

@media(min-width: 10px)and (max-width: 1024px) {
    #main-content {
        padding-bottom: 60px;
        width: 100vw;
        position: relative;
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    #main-content {
        margin-bottom: 70px;
        padding: 0
    }

    #main-content.wrapper {
        width: 996px;
        padding: 8px;
        background-color: #fafafa
    }
}

.container {
    display: flex;
    flex-flow: row nowrap
}

.container.prime {
    flex-flow: column nowrap;
    position: relative;
    z-index: 1
}

@media(min-width: 10px)and (max-width: 1024px) {
    .container.prime {
        margin-bottom: -60px
    }
}



.container .tf-lhs-col {
    width: 664px;
    margin-right: 16px;
    align-self: flex-start
}

.container .tf-rhs-col {
    width: 300px;
    flex: 0 0 auto;
    align-self: flex-start;
    position: relative
}

.container .tf-rhs-col--inner {
    margin-bottom: 80px;
    position: relative
}

.container .tf-rhs-col--inner.is-sticky {
    position: fixed;
    width: 300px;
    bottom: 0
}

.container .tf-full-col {
    width: 100%
}











#articles__loadmore.hide {
    display: none
}





#notices__loadcontent.hide {
    display: none
}



#articles__loadmore--end.show {
    display: block
}





#notices__loadcontent--end.show {
    display: block
}







label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    font-family: "raleway-bold", sans-serif
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
    border: none;
    padding: 8px 16px;
    font-size: 16px
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 16px
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 16px;
    border: none;
    cursor: pointer
}

textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select {
    cursor: pointer;
    background-image: url("../img/icon-arrow-down.svg");
    background-position: bottom 9px right 12px;
    background-repeat: no-repeat;
    background-size: 20px
}

button,
input,
optgroup,
select,
textarea,
label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

form input[type=checkbox],
form input[type=radio] {
    display: none
}

form input[type=checkbox]+label,
form input[type=radio]+label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 24px
}

form input[type=checkbox]+label:before,
form input[type=radio]+label:before {
    content: "";
    width: 16px;
    height: 16px;
    padding: 0;
    display: inline-block;
    vertical-align: text-top;
    background-color: #fff;
    border: 1px solid #979797;
    position: absolute;
    left: 3px;
    top: 4px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

form input[type=checkbox]+label:after,
form input[type=radio]+label:after {
    content: "";
    width: 8px;
    height: 8px;
    opacity: 0;
    display: block;
    position: absolute;
    top: 8px;
    left: 7px;
    background-color: #979797;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: opacity .2s ease, transform .1s ease-in-out;
    -moz-transition: opacity .2s ease, transform .1s ease-in-out;
    -o-transition: opacity .2s ease, transform .1s ease-in-out;
    transition: opacity .2s ease, transform .1s ease-in-out
}

form input[type=checkbox]:checked+label:after,
form input[type=checkbox]:hover+label:after,
form input[type=checkbox]:focus+label:after,
form input[type=radio]:checked+label:after,
form input[type=radio]:hover+label:after,
form input[type=radio]:focus+label:after {
    opacity: 1
}

form input[type=checkbox]:disabled+label,
form input[type=radio]:disabled+label {
    color: #fff;
    cursor: auto
}

form input[type=checkbox]:disabled+label:before,
form input[type=radio]:disabled+label:before {
    background-color: #fff
}

form input[type=checkbox]+label {
    padding-left: 32px
}

form input[type=checkbox]+label:before {
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    border: 1px solid #e2e2e2
}

form input[type=checkbox]+label:after {
    width: 24px;
    height: 24px;
    top: 1px;
    left: 0;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    background-color: rgba(0, 0, 0, 0)
}

form input[type=checkbox]:checked+label:after,
form input[type=checkbox]:hover+label:after,
form input[type=checkbox]:focus+label:after {
    opacity: .4
}













.brandbar {
    height: 50px;
    top: 0;
    background-color: #212121;
    margin-bottom: 8px;
    display: flex;
    cursor: default;
    z-index: 11;
    position: fixed;
    width: 100%
}

.brandbar .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.brandbar__links {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 0
}

.brandbar__links li {
    display: inline-block;
    padding: 0 10px;
    position: relative
}

.brandbar__links li>a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: "raleway-bold", sans-serif;
    display: block;
    line-height: 18px
}

.brandbar__links li>a:hover {
    text-decoration: underline
}

.brandbar__links .links--image {
    display: inline-flex;
    align-items: center;
    padding: 0 4px
}

.brandbar__links .links--image-notice {
    margin: -6px 8px 0 0;
    padding: 0;
    min-height: 22px
}

.brandbar__links .links--image-notice img {
    min-width: 110px
}

.brandbar__links .links--image-jobs {
    margin: 0 0 0 8px;
    padding: 0
}

.brandbar__links .links--image-jobs img {
    height: 22px !important;
    max-height: 22px !important
}

.brandbar__links .links--image a {
    display: flex;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.brandbar__links .links--image a:hover {
    text-decoration: none;
    opacity: .8
}

.brandbar__links .links--image a img {
    max-height: 22px
}

.brandbar__links .links--image:after {
    display: none
}

.brandbar__links .links--image-text {
    margin-right: 16px;
    padding: 0;
    min-height: 22px
}

.brandbar .auth {
    margin: 0;
    padding: 0;
    display: flex
}

.brandbar .auth li {
    list-style: none;
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    flex: 0 0 auto
}

.brandbar .auth__register a {
    font-size: 15px;
    background-color: #2cb6dc;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.brandbar .auth__register a:hover,
.brandbar .auth__register a:focus,
.brandbar .auth__register a:active {
    background-color: #1e96b7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.brandbar .auth__register a:disabled,
.brandbar .auth__register a [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.brandbar .auth__logout a {
    font-size: 15px;
    background-color: #2cb6dc;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.brandbar .auth__logout a:hover,
.brandbar .auth__logout a:focus,
.brandbar .auth__logout a:active {
    background-color: #1e96b7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.brandbar .auth__logout a:disabled,
.brandbar .auth__logout a [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.brandbar .auth__login a {
    font-size: 12px;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    width: 75px;
    text-align: center
}

.brandbar .auth__login a:hover {
    text-decoration: underline
}

.brandbar .links--dropdown {
    color: #fff;
    font-size: 12px;
    font-family: "raleway-bold", sans-serif;
    display: inline-block;
    padding: 17px 10px;
    width: 115px;
    flex: 0 0 auto
}

.brandbar .links--dropdown>span:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    background-image: url("../img/icon-arrow-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px
}

.brandbar .links--dropdown:hover>span:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.brandbar .links--dropdown:hover .brandbar__dropdown {
    display: flex
}

.brandbar .links__dropdown--image {
    display: flex;
    align-items: center;
    width: auto;
    min-height: 48px;
    margin-right: 8px;
    padding: 12px 0
}

.brandbar .links__dropdown--image img {
    margin-right: 8px;
    max-height: 24px
}

.brandbar .links__dropdown--image>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.brandbar .links__dropdown--image:after {
    display: none
}

.brandbar .links__dropdown--partners {
    display: flex;
    align-items: center;
    width: auto;
    min-height: 48px;
    margin-right: 24px;
    padding: 12px 0
}

.brandbar__dropdown {
    position: absolute;
    top: 49px;
    right: 0;
    z-index: 100;
    padding: 22px 15px;
    background-color: #fff;
    display: none;
    justify-content: space-between;
    width: auto;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}

.brandbar__dropdown:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 0
}

.brandbar__dropdown--column {
    color: #212120;
    font-size: 14px;
    line-height: 20px;
    font-family: "raleway-regular", sans-serif;
    width: 145px;
    margin: 0 15px
}

.brandbar__dropdown--column a {
    color: #212120;
    font-family: "raleway-regular", sans-serif;
    display: block;
    margin-bottom: 8px
}

.brandbar__dropdown--column a:hover {
    text-decoration: underline
}

.brandbar__dropdown--column a:last-child {
    margin-bottom: 0
}

@media(min-width: 10px)and (max-width: 1024px) {
    .tf-auth {
        margin: 0;
        padding: 0;
        display: none
    }

    .tf-auth.show {
        display: block
    }

    .tf-auth li {
        list-style: none;
        display: inline-block;
        margin-left: 8px
    }

    .tf-auth__register a {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        font-size: 11px;
        height: 26px;
        line-height: 26px;
        padding: 0 16px
    }

    .tf-auth__register a:hover,
    .tf-auth__register a:focus,
    .tf-auth__register a:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .tf-auth__register a:disabled,
    .tf-auth__register a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .tf-auth__logout a {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease
    }

    .tf-auth__logout a:hover,
    .tf-auth__logout a:focus,
    .tf-auth__logout a:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .tf-auth__logout a:disabled,
    .tf-auth__logout a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .tf-auth__login a {
        font-size: 15px;
        color: #212120;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        cursor: pointer;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        border: #2cb6dc;
        background-color: #fff;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        font-size: 11px;
        height: 26px;
        line-height: 26px;
        padding: 0
    }

    .tf-auth__login a:hover,
    .tf-auth__login a:focus,
    .tf-auth__login a:active {
        background-color: #212120;
        color: #dededf;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .tf-auth__login a:disabled,
    .tf-auth__login a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }
}

.social-links-container ul {
    margin: 0;
    padding: 0
}

.social-links-container ul li {
    display: inline-block
}

header .social-links {
    position: relative;
    margin: 0
}

header .social-links .social-control {
    display: flex
}

header .social-links .social-control .social-item {
    margin: 0 0 0 8px;
    flex: auto
}

header .social-links .social-control .social-item a {
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

header .social-links .social-control .social-item a img {
    height: 22px
}

header .social-links .social-control .social-item a:hover {
    opacity: .7
}

header .social-links-container ul li {
    display: block
}

.footer .social-links {
    flex-direction: column;
    margin: 20px auto 10px
}

.footer .social-links .social-title {
    display: block;
    font-size: 14px
}

.footer .social-links .social-container {
    display: block;
    margin-top: 10px
}

.footer .social-links .social-container .social-control .social-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px
}

.footer .social-links .social-container .social-control .social-item a {
    display: inline-block;
    height: 27px
}

.footer .social-links .social-container .social-control .social-item a img {
    height: auto;
    vertical-align: middle;
    margin: 0
}

#menu .social-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

#menu .social-links .social-title {
    display: block;
    font-size: 12px;
    color: #333;
    padding: 10px 25px 10px;
    text-transform: uppercase
}

#menu .social-links .social-container {
    margin-left: 20px
}

#menu .social-links .social-container .social-control .social-item {
    margin: 0 5px 0 0;
    border-bottom: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

#menu .social-links .social-container .social-control .social-item img {
    width: 30px
}

@media(min-width: 1024px) {
    .header {
        background-color: #fff;
        margin-bottom: 8px;
        -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

    .header-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 100px;
        padding: 0 16px
    }

    .header-container--content {
        margin-left: 16px;
        display: flex;
        align-items: center;
        min-width: 680px;
        height: 40px;
        justify-content: flex-end
    }

    .header__logo {
        display: inline-block;
        flex: 1
    }

    .header__logo.news24>img {
        width: auto;
        height: 22px
    }

    .header__logo.w24>img {
        width: auto;
        height: 58px
    }

    .header__logo>img {
        width: auto;
        height: 22px
    }

    .header__search {
        position: relative;
        min-width: 270px
    }

    .header__search-inline {
        position: relative;
        flex-grow: 1;
        display: flex;
        justify-content: space-between
    }

    .header__search-inline input[type=text] {
        width: 270px;
        padding: 0 40px 0 24px;
        height: 34px;
        color: #212120;
        font-size: 13px;
        letter-spacing: 1.3px;
        background-color: #fff;
        border: none;
        -webkit-border-radius: 17px;
        -khtml-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
        border-radius: 17px;
        margin-right: 10px
    }

    .header__search-inline input[type=submit] {
        position: absolute;
        top: 7px;
        left: 230px;
        width: 19px;
        height: 19px;
        display: block;
        right: unset;
        background-image: url("../img/icon-search.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0)
    }

    .header__search-inline input[type=submit].search-all {
        position: relative;
        width: auto;
        height: auto;
        background: none;
        top: unset;
        left: unset;
        right: unset
    }

    .header__search-inline .search-options {
        display: flex;
        border-radius: 17px;
        background-color: #f1f1f1
    }

    .header__search-inline .search-options .brand-logo {
        width: 80px;
        height: 34px;
        border-radius: 17px;
        border: solid 1px #4a4a4a;
        background: #fff;
        text-align: center;
        line-height: 24px
    }

    .header__search-inline .search-options .brand-logo img {
        height: 15px
    }

    .header__search input[type=text] {
        width: 270px;
        padding: 0 40px 0 24px;
        height: 34px;
        color: #212120;
        font-size: 13px;
        letter-spacing: 1.3px;
        background-color: #fff;
        border: none;
        -webkit-border-radius: 17px;
        -khtml-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
        border-radius: 17px;
        -webkit-transition: background-color .2s ease;
        -moz-transition: background-color .2s ease;
        -o-transition: background-color .2s ease;
        transition: background-color .2s ease
    }

    .header__search input[type=text]:focus {
        background-color: #fafafa
    }

    .header__search input[type=submit] {
        position: absolute;
        top: 7px;
        right: 16px;
        width: 19px;
        height: 19px;
        display: block;
        padding: 0;
        -webkit-transition: transform .2s ease-in-out;
        -moz-transition: transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        background-image: url("../img/icon-search.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0)
    }

    .header__search input[type=submit]:hover {
        transform: scale(1.08)
    }

    .header .social-links {
        height: 31px
    }

    .header .social-links .social-control .social-item {
        width: 31px
    }

    .header .social-links .social-control .social-item a img {
        height: 31px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header {
        background-color: #fff;
        color: #212120;
        padding: 0 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 52px
    }

    .header__logo {
        display: inline-block;
        font-size: 0
    }

    .header__logo>img {
        height: 12px;
        width: auto
    }

    .header__content {
        display: inline-block;
        font-size: 0
    }

    .header__content #auth-section {
        display: flex;
        align-items: center;
        height: 40px
    }
}

@media(min-width: 10px)and (max-width: 1024px)and (min-width: 10px)and (max-width: 1024px) {
    .header__content #auth-section {
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle;
        height: auto
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header .auth {
        margin: 0;
        padding: 0
    }

    .header .auth li {
        list-style: none;
        display: inline-block;
        margin-left: 8px
    }

    .header .auth__register a {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        font-size: 11px;
        height: 26px;
        line-height: 26px;
        padding: 0 16px
    }

    .header .auth__register a:hover,
    .header .auth__register a:focus,
    .header .auth__register a:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .header .auth__register a:disabled,
    .header .auth__register a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .header .auth__subscribe a {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        height: 26px;
        line-height: 26px;
        font-size: 11px;
        padding: 0 20px;
        width: auto;
        font-family: "raleway-bold", sans-serif
    }

    .header .auth__subscribe a:hover,
    .header .auth__subscribe a:focus,
    .header .auth__subscribe a:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .header .auth__subscribe a:disabled,
    .header .auth__subscribe a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .header .auth__login a {
        font-size: 11px;
        color: #fff;
        font-family: "raleway-bold", sans-serif
    }

    .header .auth__login a:hover {
        text-decoration: underline
    }

    .header .auth.profile--container a {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        height: 26px;
        line-height: 26px;
        font-size: 11px
    }

    .header .auth.profile--container a:hover,
    .header .auth.profile--container a:focus,
    .header .auth.profile--container a:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .header .auth.profile--container a:disabled,
    .header .auth.profile--container a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }
}

.sticky-header {
    top: 0;
    width: 100%;
    z-index: 99;
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
    background-color: #eceff5
}

.sticky-header.is-sticky {
    position: fixed
}

.sticky-header .adblock {
    max-height: 50px;
    line-height: 0;
    overflow: hidden
}

.sticky-header .adblock>div {
    margin: 0 auto
}

.sticky-header .ad--loaded {
    -webkit-transition: height .8s ease-in-out;
    -moz-transition: height .8s ease-in-out;
    -o-transition: height .8s ease-in-out;
    transition: height .8s ease-in-out
}

.header__nav {
    background-color: #fff
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__nav {
        background-color: #fff;
        margin: 0;
        position: relative
    }

    .header__nav:after {
        content: "";
        width: 8px;
        height: 100%;
        top: 0;
        right: 0;
        position: absolute;
        background: linear-gradient(to right, rgba(164, 164, 164, 0) 0%, rgba(164, 164, 164, 0.2) 50%, rgba(164, 164, 164, 0.8) 100%)
    }
}

.header__nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media(min-width: 1024px) {
    .header__nav ul {
        display: flex;
        justify-content: flex-start
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__nav ul {
        text-align: justify;
        padding: 0 8px;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.header__nav ul>li {
    display: inline-block;
    position: relative
}

@media(min-width: 1024px) {
    .header__nav ul>li {
        flex: 0 1 auto;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__nav ul>li {
        height: 43px;
        text-align: center;
        margin-right: 20px
    }
}

.header__nav ul>li a {
    position: relative;
    text-decoration: none;
    color: #212121;
    font-size: 13px;
    padding: 13px 12px;
    display: block
}

@media(min-width: 1024px) {
    .header__nav ul>li a {
        font-weight: 400;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__nav ul>li a {
        font-size: 10px;
        letter-spacing: 1px;
        color: rgba(33, 33, 32, .5);
        text-transform: uppercase;
        font-family: "raleway-bold", sans-serif;
        position: relative;
        display: flex;
        height: 100%;
        align-items: center;
        padding: 0 5px
    }
}

.header__nav ul>li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    height: 3px;
    background-color: #2cb6dc;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.header__nav ul>li a.is-active {
    color: #000
}

@media(min-width: size) {
    .header__nav ul>li a.is-active {
        color: #212120
    }
}

.header__nav ul>li a.is-active:after {
    opacity: 1
}

@media(min-width: 1024px) {
    .header__nav ul>li:hover a {
        color: #000
    }

    .header__nav ul>li:hover a:after {
        opacity: 1
    }

    .header__nav ul>li:hover .sub-nav {
        display: flex
    }
}

.header__nav ul>li.sponsored a {
    color: #dd1f26
}

.header__nav ul>li.has-children:before {
    content: "";
    width: 12px;
    height: 9px;
    position: absolute;
    top: 20px;
    right: 4px;
    z-index: 1;
    background-image: url("../img/icon-arrow-down.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.header__nav ul>li.has-children a {
    padding: 13px 22px 13px 12px
}

.header__nav ul>li.has-children:hover:before {
    background-image: url("../img/icon-arrow-red-down.svg");
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 16px
}

.header__nav ul>li.has-children.is-active.has-children:before {
    background-image: url("../img/icon-arrow-red-down.svg")
}

.header__nav ul>li.has-children.is-active.has-children:hover:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 16px
}

.header__nav ul>li .sub-nav,
.header__nav ul>li .sub-nav-child {
    flex-direction: column;
    display: none;
    background-color: #fff;
    position: absolute;
    min-width: 180px;
    top: 100%;
    left: 0;
    z-index: 10;
    -webkit-border-radius: 0 0 2px 2px;
    -khtml-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}

.header__nav ul>li .sub-nav>li,
.header__nav ul>li .sub-nav-child>li {
    text-align: left
}

.header__nav ul>li .sub-nav>li a,
.header__nav ul>li .sub-nav-child>li a {
    font-size: 11px;
    letter-spacing: .71px;
    color: #212120;
    padding: 8px 16px;
    text-transform: uppercase;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease
}

.header__nav ul>li .sub-nav>li a:hover,
.header__nav ul>li .sub-nav-child>li a:hover {
    background-color: #f3f3f3
}

.header__nav ul>li .sub-nav>li a:after,
.header__nav ul>li .sub-nav-child>li a:after {
    display: none
}

.header__nav ul>li .sub-nav>li.has-children:before,
.header__nav ul>li .sub-nav-child>li.has-children:before {
    top: 12px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header__nav ul>li .sub-nav>li.has-children:hover:before,
.header__nav ul>li .sub-nav-child>li.has-children:hover:before {
    background-image: url("../img/icon-arrow-down.svg");
    right: 7px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header__nav ul>li .sub-nav>li:hover .sub-nav-child,
.header__nav ul>li .sub-nav-child>li:hover .sub-nav-child {
    display: flex
}

.header__nav ul>li .sub-nav-child,
.header__nav ul>li .sub-nav-child-child {
    left: 100%;
    top: 0
}

.header__nav ul>.menu-left>.sub-nav>li .sub-nav-child {
    left: inherit;
    right: 100%
}

@media(min-width: 1024px) {
    .footer {
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    .footer__logo {
        width: 90px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .footer__logo {
        padding: 1em
    }

    .footer__logo>img {
        height: 2em
    }
}

.footer__nav ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

.footer__nav ul li {
    list-style: none
}

@media(min-width: 1024px) {
    .footer__nav ul li {
        display: inline-block;
        margin-right: 5px;
        position: relative
    }

    .footer__nav ul li:after {
        content: "|";
        margin-left: 5px;
        font-size: 13px
    }

    .footer__nav ul li:last-child:after {
        display: none
    }

    .footer__nav ul li a {
        color: #212120;
        font-size: 12px;
        font-family: "raleway-bold", sans-serif
    }

    .footer__nav ul li a:hover {
        text-decoration: underline
    }
}

.footer--rhs {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 16px;
    margin-bottom: 24px
}

.footer__app-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.footer__app-links a {
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 50%;
    margin-bottom: 4px
}

.footer__app-links a:hover {
    opacity: .8
}

.footer__app-links a img {
    height: 50px
}

.footer__social-title {
    display: block;
    font-family: "raleway-bold", sans-serif;
    color: dimgray;
    font-size: 14px
}

.footer__social .social-links {
    margin: 8px auto
}

.footer__social .social-links .social-control .social-item {
    margin: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.footer__social .social-links .social-control .social-item:hover {
    opacity: .8
}

.footer__social .social-links .social-control .social-item a img {
    width: 30px;
    height: 30px
}

.footer__copyright {
    font-size: 12px;
    color: #212120;
    line-height: 20px;
    display: block;
    margin: 16px 0
}

.footer__copyright .popia {
    display: inline-flex;
    flex-direction: column
}

.footer__copyright a {
    color: #212120;
    display: block;
    line-height: 24px
}

.footer__copyright a:hover {
    text-decoration: underline
}

.footer__copyright a.footer__btn {
    background: #212120;
    display: inline-block;
    line-height: 20px;
    font-size: 10px;
    letter-spacing: .6px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    margin-top: 8px;
    width: fit-content
}

.footer__copyright a.footer__btn:hover,
.footer__copyright a.footer__btn:focus,
.footer__copyright a.footer__btn:active {
    background-color: #070707;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.footer__copyright a.footer__contact {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.footer__copyright a.footer__contact:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 8px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/email-1.svg")
}

.footer__copyright a.footer__phone {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.footer__copyright a.footer__phone:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 8px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/phone.svg")
}

.footer__third-party {
    width: 65px;
    height: 35px;
    margin-top: 8px
}



























@media(min-width: 10px)and (max-width: 340px) {
    .discover-container .section__prime {
        width: 82px;
        height: 13px
    }
}

















.menu.open {
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: visible
}





















.menu__sections ul .menu__item ul.open {
    visibility: visible;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 10px 0 0
}

.menu__sections ul .menu__item ul.open li {
    line-height: 40px
}

.menu__sections ul .menu__item ul.open li a {
    color: #565656;
    margin-left: 50px
}

.menu__sections ul .menu__item ul.open li a span {
    font-size: .9em;
    text-transform: uppercase;
    letter-spacing: 1px
}



body.swipe-active {
    overflow: hidden
}

body.swipe-active .article {
    z-index: 1
}







.swipe-overlay.active {
    visibility: visible
}









@media(min-width: 10px)and (max-width: 1024px) {
    .footer__nav {
        position: fixed;
        left: 0;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        z-index: 99;
        background: #212121;
        height: 61px;
        display: flex;
        align-items: center;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        -o-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -khtml-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0px 0 10px rgba(0, 0, 0, .2)
    }
}

.footer__nav ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

@media(min-width: 10px)and (max-width: 1024px) {
    .footer__nav ul {
        text-align: center;
        position: relative;
        display: flex;
        width: 100%;
        justify-content: space-between;
        height: 43px
    }
}

.footer__nav ul li {
    flex: 1
}

.footer__nav ul li:hover.discover_btn .footer__nav-item--icon img,
.footer__nav ul li.is-active.discover_btn .footer__nav-item--icon img {
    right: 1px;
    top: 14px
}

.footer__nav ul li.discover_btn .footer__nav-item--icon {
    width: 52px;
    height: 52px;
    border-radius: 26px;
    display: inline-block;
    margin-top: -27px;
    background: #ff3266
}

.footer__nav ul li.discover_btn .footer__nav-item--icon img {
    right: 1px;
    top: 14px
}

.footer__nav ul li.discover_btn .footer__nav-item--title {
    padding-top: 5px
}









.footer__nav-item:hover .footer__nav-item--title,
.footer__nav-item.is-active .footer__nav-item--title {
    color: #ff3266
}

.footer__nav-item:hover .footer__nav-item--icon img,
.footer__nav-item.is-active .footer__nav-item--icon img {
    right: 0
}































































































.footer-refresh__terms .popia a {
    background: #212120;
    display: block;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 6px;
    margin-top: 16px;
    width: fit-content;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.footer-refresh .footer__contact,
.footer-refresh .footer__phone {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 12px;
    font-family: "raleway-bold", sans-serif;
    color: #212120
}

.footer-refresh .footer__contact:before,
.footer-refresh .footer__phone:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("")
}

.footer-refresh .footer__phone:before {
    background-image: url("")
}



.footer-refresh__social .footer__social-title {
    margin-bottom: 8px;
    color: #909090;
    display: block;
    font-family: "raleway-bold", sans-serif;
    text-transform: uppercase;
    font-size: 12px
}

.footer-refresh__social .social-item {
    width: 24px;
    height: 24px;
    margin-right: 24px
}





[class~=tf-grid],
[class*=tf-grid-],
[class*=tf-grid_] {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -4px
}

[class~=tf-col],
[class*=tf-col-],
[class*=tf-col_] {
    box-sizing: border-box;
    padding: 0 4px 8px;
    max-width: 100%
}

[class~=tf-col],
[class*=tf-col_] {
    flex: 1 1 0%
}

[class*=tf-col-] {
    flex: none
}

[class~=tf-grid][class~=tf-col],
[class~=tf-grid][class*=tf-col-],
[class~=tf-grid][class*=tf-col_],
[class*=tf-grid-][class~=tf-col],
[class*=tf-grid-][class*=tf-col-],
[class*=tf-grid-][class*=tf-col_],
[class*=tf-grid_][class~=tf-col],
[class*=tf-grid_][class*=tf-col-],
[class*=tf-grid_][class*=tf-col_] {
    margin: 0;
    padding: 0
}

[class*=tf-grid-][class*=-noGutter] {
    margin: 0
}

[class*=tf-grid-][class*=-noGutter]>[class~=tf-col],
[class*=tf-grid-][class*=-noGutter]>[class*=tf-col-] {
    padding: 0
}

[class*=tf-grid-][class*=-noWrap] {
    flex-wrap: nowrap
}

[class*=tf-grid-][class*=-center] {
    justify-content: center
}

[class*=tf-grid-][class*=-right] {
    justify-content: flex-end;
    align-self: flex-end;
    margin-left: auto
}

[class*=tf-grid-][class*=-top] {
    align-items: flex-start
}

[class*=tf-grid-][class*=-middle] {
    align-items: center
}

[class*=tf-grid-][class*=-bottom] {
    align-items: flex-end
}

[class*=tf-grid-][class*=-reverse] {
    flex-direction: row-reverse
}

[class*=tf-grid-][class*=-column] {
    flex-direction: column
}

[class*=tf-grid-][class*=-column]>[class*=tf-col-] {
    flex-basis: auto
}

[class*=tf-grid-][class*=-column-reverse] {
    flex-direction: column-reverse
}

[class*=tf-grid-][class*=-spaceBetween] {
    justify-content: space-between
}

[class*=tf-grid-][class*=-spaceAround] {
    justify-content: space-around
}

[class*=tf-grid-][class*=-equalHeight]>[class~=tf-col],
[class*=tf-grid-][class*=-equalHeight]>[class*=tf-col-],
[class*=tf-grid-][class*=-equalHeight]>[class*=tf-col_] {
    align-self: stretch
}

[class*=tf-grid-][class*=-equalHeight]>[class~=tf-col]>*,
[class*=tf-grid-][class*=-equalHeight]>[class*=tf-col-]>*,
[class*=tf-grid-][class*=-equalHeight]>[class*=tf-col_]>* {
    height: 100%
}

[class*=tf-grid-][class*=-noBottom]>[class~=tf-col],
[class*=tf-grid-][class*=-noBottom]>[class*=tf-col-],
[class*=tf-grid-][class*=-noBottom]>[class*=tf-col_] {
    padding-bottom: 0
}

[class*=tf-col-][class*=-top] {
    align-self: flex-start
}

[class*=tf-col-][class*=-middle] {
    align-self: center
}

[class*=tf-col-][class*=-bottom] {
    align-self: flex-end
}

[class*=tf-col-][class*=-first] {
    order: -1
}

[class*=tf-col-][class*=-last] {
    order: 1
}

[class*=tf-grid-1]>[class~=tf-col],
[class*=tf-grid-1]>[class*=tf-col-],
[class*=tf-grid-1]>[class*=tf-col_] {
    flex-basis: 100%;
    max-width: 100%
}

[class*=tf-grid-2]>[class~=tf-col],
[class*=tf-grid-2]>[class*=tf-col-],
[class*=tf-grid-2]>[class*=tf-col_] {
    flex-basis: 50%;
    max-width: 50%
}

[class*=tf-grid-3]>[class~=tf-col],
[class*=tf-grid-3]>[class*=tf-col-],
[class*=tf-grid-3]>[class*=tf-col_] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

[class*=tf-grid-4]>[class~=tf-col],
[class*=tf-grid-4]>[class*=tf-col-],
[class*=tf-grid-4]>[class*=tf-col_] {
    flex-basis: 25%;
    max-width: 25%
}

[class*=tf-grid-5]>[class~=tf-col],
[class*=tf-grid-5]>[class*=tf-col-],
[class*=tf-grid-5]>[class*=tf-col_] {
    flex-basis: 20%;
    max-width: 20%
}

[class*=tf-grid-6]>[class~=tf-col],
[class*=tf-grid-6]>[class*=tf-col-],
[class*=tf-grid-6]>[class*=tf-col_] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

[class*=tf-grid-7]>[class~=tf-col],
[class*=tf-grid-7]>[class*=tf-col-],
[class*=tf-grid-7]>[class*=tf-col_] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%
}

[class*=tf-grid-8]>[class~=tf-col],
[class*=tf-grid-8]>[class*=tf-col-],
[class*=tf-grid-8]>[class*=tf-col_] {
    flex-basis: 12.5%;
    max-width: 12.5%
}

[class*=tf-grid-9]>[class~=tf-col],
[class*=tf-grid-9]>[class*=tf-col-],
[class*=tf-grid-9]>[class*=tf-col_] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%
}

[class*=tf-grid-10]>[class~=tf-col],
[class*=tf-grid-10]>[class*=tf-col-],
[class*=tf-grid-10]>[class*=tf-col_] {
    flex-basis: 10%;
    max-width: 10%
}

[class*=tf-grid-11]>[class~=tf-col],
[class*=tf-grid-11]>[class*=tf-col-],
[class*=tf-grid-11]>[class*=tf-col_] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%
}

[class*=tf-grid-12]>[class~=tf-col],
[class*=tf-grid-12]>[class*=tf-col-],
[class*=tf-grid-12]>[class*=tf-col_] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

@media(max-width: 80em) {

    [class*=_lg-1]>[class~=tf-col],
    [class*=_lg-1]>[class*=tf-col-],
    [class*=_lg-1]>[class*=tf-col_] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_lg-2]>[class~=tf-col],
    [class*=_lg-2]>[class*=tf-col-],
    [class*=_lg-2]>[class*=tf-col_] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_lg-3]>[class~=tf-col],
    [class*=_lg-3]>[class*=tf-col-],
    [class*=_lg-3]>[class*=tf-col_] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*=_lg-4]>[class~=tf-col],
    [class*=_lg-4]>[class*=tf-col-],
    [class*=_lg-4]>[class*=tf-col_] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_lg-5]>[class~=tf-col],
    [class*=_lg-5]>[class*=tf-col-],
    [class*=_lg-5]>[class*=tf-col_] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_lg-6]>[class~=tf-col],
    [class*=_lg-6]>[class*=tf-col-],
    [class*=_lg-6]>[class*=tf-col_] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*=_lg-7]>[class~=tf-col],
    [class*=_lg-7]>[class*=tf-col-],
    [class*=_lg-7]>[class*=tf-col_] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*=_lg-8]>[class~=tf-col],
    [class*=_lg-8]>[class*=tf-col-],
    [class*=_lg-8]>[class*=tf-col_] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_lg-9]>[class~=tf-col],
    [class*=_lg-9]>[class*=tf-col-],
    [class*=_lg-9]>[class*=tf-col_] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*=_lg-10]>[class~=tf-col],
    [class*=_lg-10]>[class*=tf-col-],
    [class*=_lg-10]>[class*=tf-col_] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_lg-11]>[class~=tf-col],
    [class*=_lg-11]>[class*=tf-col-],
    [class*=_lg-11]>[class*=tf-col_] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*=_lg-12]>[class~=tf-col],
    [class*=_lg-12]>[class*=tf-col-],
    [class*=_lg-12]>[class*=tf-col_] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media(max-width: 64em) {

    [class*=_md-1]>[class~=tf-col],
    [class*=_md-1]>[class*=tf-col-],
    [class*=_md-1]>[class*=tf-col_] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_md-2]>[class~=tf-col],
    [class*=_md-2]>[class*=tf-col-],
    [class*=_md-2]>[class*=tf-col_] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_md-3]>[class~=tf-col],
    [class*=_md-3]>[class*=tf-col-],
    [class*=_md-3]>[class*=tf-col_] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*=_md-4]>[class~=tf-col],
    [class*=_md-4]>[class*=tf-col-],
    [class*=_md-4]>[class*=tf-col_] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_md-5]>[class~=tf-col],
    [class*=_md-5]>[class*=tf-col-],
    [class*=_md-5]>[class*=tf-col_] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_md-6]>[class~=tf-col],
    [class*=_md-6]>[class*=tf-col-],
    [class*=_md-6]>[class*=tf-col_] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*=_md-7]>[class~=tf-col],
    [class*=_md-7]>[class*=tf-col-],
    [class*=_md-7]>[class*=tf-col_] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*=_md-8]>[class~=tf-col],
    [class*=_md-8]>[class*=tf-col-],
    [class*=_md-8]>[class*=tf-col_] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_md-9]>[class~=tf-col],
    [class*=_md-9]>[class*=tf-col-],
    [class*=_md-9]>[class*=tf-col_] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*=_md-10]>[class~=tf-col],
    [class*=_md-10]>[class*=tf-col-],
    [class*=_md-10]>[class*=tf-col_] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_md-11]>[class~=tf-col],
    [class*=_md-11]>[class*=tf-col-],
    [class*=_md-11]>[class*=tf-col_] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*=_md-12]>[class~=tf-col],
    [class*=_md-12]>[class*=tf-col-],
    [class*=_md-12]>[class*=tf-col_] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media(max-width: 48em) {

    [class*=_sm-1]>[class~=tf-col],
    [class*=_sm-1]>[class*=tf-col-],
    [class*=_sm-1]>[class*=tf-col_] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_sm-2]>[class~=tf-col],
    [class*=_sm-2]>[class*=tf-col-],
    [class*=_sm-2]>[class*=tf-col_] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_sm-3]>[class~=tf-col],
    [class*=_sm-3]>[class*=tf-col-],
    [class*=_sm-3]>[class*=tf-col_] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*=_sm-4]>[class~=tf-col],
    [class*=_sm-4]>[class*=tf-col-],
    [class*=_sm-4]>[class*=tf-col_] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_sm-5]>[class~=tf-col],
    [class*=_sm-5]>[class*=tf-col-],
    [class*=_sm-5]>[class*=tf-col_] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_sm-6]>[class~=tf-col],
    [class*=_sm-6]>[class*=tf-col-],
    [class*=_sm-6]>[class*=tf-col_] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*=_sm-7]>[class~=tf-col],
    [class*=_sm-7]>[class*=tf-col-],
    [class*=_sm-7]>[class*=tf-col_] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*=_sm-8]>[class~=tf-col],
    [class*=_sm-8]>[class*=tf-col-],
    [class*=_sm-8]>[class*=tf-col_] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_sm-9]>[class~=tf-col],
    [class*=_sm-9]>[class*=tf-col-],
    [class*=_sm-9]>[class*=tf-col_] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*=_sm-10]>[class~=tf-col],
    [class*=_sm-10]>[class*=tf-col-],
    [class*=_sm-10]>[class*=tf-col_] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_sm-11]>[class~=tf-col],
    [class*=_sm-11]>[class*=tf-col-],
    [class*=_sm-11]>[class*=tf-col_] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*=_sm-12]>[class~=tf-col],
    [class*=_sm-12]>[class*=tf-col-],
    [class*=_sm-12]>[class*=tf-col_] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media(max-width: 36em) {

    [class*=_xs-1]>[class~=tf-col],
    [class*=_xs-1]>[class*=tf-col-],
    [class*=_xs-1]>[class*=tf-col_] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_xs-2]>[class~=tf-col],
    [class*=_xs-2]>[class*=tf-col-],
    [class*=_xs-2]>[class*=tf-col_] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_xs-3]>[class~=tf-col],
    [class*=_xs-3]>[class*=tf-col-],
    [class*=_xs-3]>[class*=tf-col_] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*=_xs-4]>[class~=tf-col],
    [class*=_xs-4]>[class*=tf-col-],
    [class*=_xs-4]>[class*=tf-col_] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_xs-5]>[class~=tf-col],
    [class*=_xs-5]>[class*=tf-col-],
    [class*=_xs-5]>[class*=tf-col_] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_xs-6]>[class~=tf-col],
    [class*=_xs-6]>[class*=tf-col-],
    [class*=_xs-6]>[class*=tf-col_] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*=_xs-7]>[class~=tf-col],
    [class*=_xs-7]>[class*=tf-col-],
    [class*=_xs-7]>[class*=tf-col_] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*=_xs-8]>[class~=tf-col],
    [class*=_xs-8]>[class*=tf-col-],
    [class*=_xs-8]>[class*=tf-col_] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_xs-9]>[class~=tf-col],
    [class*=_xs-9]>[class*=tf-col-],
    [class*=_xs-9]>[class*=tf-col_] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*=_xs-10]>[class~=tf-col],
    [class*=_xs-10]>[class*=tf-col-],
    [class*=_xs-10]>[class*=tf-col_] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_xs-11]>[class~=tf-col],
    [class*=_xs-11]>[class*=tf-col-],
    [class*=_xs-11]>[class*=tf-col_] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*=_xs-12]>[class~=tf-col],
    [class*=_xs-12]>[class*=tf-col-],
    [class*=_xs-12]>[class*=tf-col_] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

[class~=tf-grid]>[class*=tf-col-1],
[class*=tf-grid-]>[class*=tf-col-1],
[class*=tf-grid_]>[class*=tf-col-1] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

[class~=tf-grid]>[class*=tf-col-2],
[class*=tf-grid-]>[class*=tf-col-2],
[class*=tf-grid_]>[class*=tf-col-2] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

[class~=tf-grid]>[class*=tf-col-3],
[class*=tf-grid-]>[class*=tf-col-3],
[class*=tf-grid_]>[class*=tf-col-3] {
    flex-basis: 25%;
    max-width: 25%
}

[class~=tf-grid]>[class*=tf-col-4],
[class*=tf-grid-]>[class*=tf-col-4],
[class*=tf-grid_]>[class*=tf-col-4] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

[class~=tf-grid]>[class*=tf-col-5],
[class*=tf-grid-]>[class*=tf-col-5],
[class*=tf-grid_]>[class*=tf-col-5] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

[class~=tf-grid]>[class*=tf-col-6],
[class*=tf-grid-]>[class*=tf-col-6],
[class*=tf-grid_]>[class*=tf-col-6] {
    flex-basis: 50%;
    max-width: 50%
}

[class~=tf-grid]>[class*=tf-col-7],
[class*=tf-grid-]>[class*=tf-col-7],
[class*=tf-grid_]>[class*=tf-col-7] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

[class~=tf-grid]>[class*=tf-col-8],
[class*=tf-grid-]>[class*=tf-col-8],
[class*=tf-grid_]>[class*=tf-col-8] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

[class~=tf-grid]>[class*=tf-col-9],
[class*=tf-grid-]>[class*=tf-col-9],
[class*=tf-grid_]>[class*=tf-col-9] {
    flex-basis: 75%;
    max-width: 75%
}

[class~=tf-grid]>[class*=tf-col-10],
[class*=tf-grid-]>[class*=tf-col-10],
[class*=tf-grid_]>[class*=tf-col-10] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

[class~=tf-grid]>[class*=tf-col-11],
[class*=tf-grid-]>[class*=tf-col-11],
[class*=tf-grid_]>[class*=tf-col-11] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

[class~=tf-grid]>[class*=tf-col-12],
[class*=tf-grid-]>[class*=tf-col-12],
[class*=tf-grid_]>[class*=tf-col-12] {
    flex-basis: 100%;
    max-width: 100%
}

[class~=tf-grid]>[data-push-left*=off-0],
[class*=tf-grid-]>[data-push-left*=off-0],
[class*=tf-grid_]>[data-push-left*=off-0] {
    margin-left: 0
}

[class~=tf-grid]>[data-push-left*=off-1],
[class*=tf-grid-]>[data-push-left*=off-1],
[class*=tf-grid_]>[data-push-left*=off-1] {
    margin-left: 8.3333333333%
}

[class~=tf-grid]>[data-push-left*=off-2],
[class*=tf-grid-]>[data-push-left*=off-2],
[class*=tf-grid_]>[data-push-left*=off-2] {
    margin-left: 16.6666666667%
}

[class~=tf-grid]>[data-push-left*=off-3],
[class*=tf-grid-]>[data-push-left*=off-3],
[class*=tf-grid_]>[data-push-left*=off-3] {
    margin-left: 25%
}

[class~=tf-grid]>[data-push-left*=off-4],
[class*=tf-grid-]>[data-push-left*=off-4],
[class*=tf-grid_]>[data-push-left*=off-4] {
    margin-left: 33.3333333333%
}

[class~=tf-grid]>[data-push-left*=off-5],
[class*=tf-grid-]>[data-push-left*=off-5],
[class*=tf-grid_]>[data-push-left*=off-5] {
    margin-left: 41.6666666667%
}

[class~=tf-grid]>[data-push-left*=off-6],
[class*=tf-grid-]>[data-push-left*=off-6],
[class*=tf-grid_]>[data-push-left*=off-6] {
    margin-left: 50%
}

[class~=tf-grid]>[data-push-left*=off-7],
[class*=tf-grid-]>[data-push-left*=off-7],
[class*=tf-grid_]>[data-push-left*=off-7] {
    margin-left: 58.3333333333%
}

[class~=tf-grid]>[data-push-left*=off-8],
[class*=tf-grid-]>[data-push-left*=off-8],
[class*=tf-grid_]>[data-push-left*=off-8] {
    margin-left: 66.6666666667%
}

[class~=tf-grid]>[data-push-left*=off-9],
[class*=tf-grid-]>[data-push-left*=off-9],
[class*=tf-grid_]>[data-push-left*=off-9] {
    margin-left: 75%
}

[class~=tf-grid]>[data-push-left*=off-10],
[class*=tf-grid-]>[data-push-left*=off-10],
[class*=tf-grid_]>[data-push-left*=off-10] {
    margin-left: 83.3333333333%
}

[class~=tf-grid]>[data-push-left*=off-11],
[class*=tf-grid-]>[data-push-left*=off-11],
[class*=tf-grid_]>[data-push-left*=off-11] {
    margin-left: 91.6666666667%
}

[class~=tf-grid]>[data-push-right*=off-0],
[class*=tf-grid-]>[data-push-right*=off-0],
[class*=tf-grid_]>[data-push-right*=off-0] {
    margin-right: 0
}

[class~=tf-grid]>[data-push-right*=off-1],
[class*=tf-grid-]>[data-push-right*=off-1],
[class*=tf-grid_]>[data-push-right*=off-1] {
    margin-right: 8.3333333333%
}

[class~=tf-grid]>[data-push-right*=off-2],
[class*=tf-grid-]>[data-push-right*=off-2],
[class*=tf-grid_]>[data-push-right*=off-2] {
    margin-right: 16.6666666667%
}

[class~=tf-grid]>[data-push-right*=off-3],
[class*=tf-grid-]>[data-push-right*=off-3],
[class*=tf-grid_]>[data-push-right*=off-3] {
    margin-right: 25%
}

[class~=tf-grid]>[data-push-right*=off-4],
[class*=tf-grid-]>[data-push-right*=off-4],
[class*=tf-grid_]>[data-push-right*=off-4] {
    margin-right: 33.3333333333%
}

[class~=tf-grid]>[data-push-right*=off-5],
[class*=tf-grid-]>[data-push-right*=off-5],
[class*=tf-grid_]>[data-push-right*=off-5] {
    margin-right: 41.6666666667%
}

[class~=tf-grid]>[data-push-right*=off-6],
[class*=tf-grid-]>[data-push-right*=off-6],
[class*=tf-grid_]>[data-push-right*=off-6] {
    margin-right: 50%
}

[class~=tf-grid]>[data-push-right*=off-7],
[class*=tf-grid-]>[data-push-right*=off-7],
[class*=tf-grid_]>[data-push-right*=off-7] {
    margin-right: 58.3333333333%
}

[class~=tf-grid]>[data-push-right*=off-8],
[class*=tf-grid-]>[data-push-right*=off-8],
[class*=tf-grid_]>[data-push-right*=off-8] {
    margin-right: 66.6666666667%
}

[class~=tf-grid]>[data-push-right*=off-9],
[class*=tf-grid-]>[data-push-right*=off-9],
[class*=tf-grid_]>[data-push-right*=off-9] {
    margin-right: 75%
}

[class~=tf-grid]>[data-push-right*=off-10],
[class*=tf-grid-]>[data-push-right*=off-10],
[class*=tf-grid_]>[data-push-right*=off-10] {
    margin-right: 83.3333333333%
}

[class~=tf-grid]>[data-push-right*=off-11],
[class*=tf-grid-]>[data-push-right*=off-11],
[class*=tf-grid_]>[data-push-right*=off-11] {
    margin-right: 91.6666666667%
}

@media(max-width: 80em) {

    [class~=tf-grid]>[class*=_lg-1],
    [class*=tf-grid-]>[class*=_lg-1],
    [class*=tf-grid_]>[class*=_lg-1] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~=tf-grid]>[class*=_lg-2],
    [class*=tf-grid-]>[class*=_lg-2],
    [class*=tf-grid_]>[class*=_lg-2] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~=tf-grid]>[class*=_lg-3],
    [class*=tf-grid-]>[class*=_lg-3],
    [class*=tf-grid_]>[class*=_lg-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~=tf-grid]>[class*=_lg-4],
    [class*=tf-grid-]>[class*=_lg-4],
    [class*=tf-grid_]>[class*=_lg-4] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~=tf-grid]>[class*=_lg-5],
    [class*=tf-grid-]>[class*=_lg-5],
    [class*=tf-grid_]>[class*=_lg-5] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~=tf-grid]>[class*=_lg-6],
    [class*=tf-grid-]>[class*=_lg-6],
    [class*=tf-grid_]>[class*=_lg-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~=tf-grid]>[class*=_lg-7],
    [class*=tf-grid-]>[class*=_lg-7],
    [class*=tf-grid_]>[class*=_lg-7] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~=tf-grid]>[class*=_lg-8],
    [class*=tf-grid-]>[class*=_lg-8],
    [class*=tf-grid_]>[class*=_lg-8] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~=tf-grid]>[class*=_lg-9],
    [class*=tf-grid-]>[class*=_lg-9],
    [class*=tf-grid_]>[class*=_lg-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~=tf-grid]>[class*=_lg-10],
    [class*=tf-grid-]>[class*=_lg-10],
    [class*=tf-grid_]>[class*=_lg-10] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~=tf-grid]>[class*=_lg-11],
    [class*=tf-grid-]>[class*=_lg-11],
    [class*=tf-grid_]>[class*=_lg-11] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~=tf-grid]>[class*=_lg-12],
    [class*=tf-grid-]>[class*=_lg-12],
    [class*=tf-grid_]>[class*=_lg-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~=tf-grid]>[data-push-left*=_lg-0],
    [class*=tf-grid-]>[data-push-left*=_lg-0],
    [class*=tf-grid_]>[data-push-left*=_lg-0] {
        margin-left: 0
    }

    [class~=tf-grid]>[data-push-left*=_lg-1],
    [class*=tf-grid-]>[data-push-left*=_lg-1],
    [class*=tf-grid_]>[data-push-left*=_lg-1] {
        margin-left: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_lg-2],
    [class*=tf-grid-]>[data-push-left*=_lg-2],
    [class*=tf-grid_]>[data-push-left*=_lg-2] {
        margin-left: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_lg-3],
    [class*=tf-grid-]>[data-push-left*=_lg-3],
    [class*=tf-grid_]>[data-push-left*=_lg-3] {
        margin-left: 25%
    }

    [class~=tf-grid]>[data-push-left*=_lg-4],
    [class*=tf-grid-]>[data-push-left*=_lg-4],
    [class*=tf-grid_]>[data-push-left*=_lg-4] {
        margin-left: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_lg-5],
    [class*=tf-grid-]>[data-push-left*=_lg-5],
    [class*=tf-grid_]>[data-push-left*=_lg-5] {
        margin-left: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_lg-6],
    [class*=tf-grid-]>[data-push-left*=_lg-6],
    [class*=tf-grid_]>[data-push-left*=_lg-6] {
        margin-left: 50%
    }

    [class~=tf-grid]>[data-push-left*=_lg-7],
    [class*=tf-grid-]>[data-push-left*=_lg-7],
    [class*=tf-grid_]>[data-push-left*=_lg-7] {
        margin-left: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_lg-8],
    [class*=tf-grid-]>[data-push-left*=_lg-8],
    [class*=tf-grid_]>[data-push-left*=_lg-8] {
        margin-left: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_lg-9],
    [class*=tf-grid-]>[data-push-left*=_lg-9],
    [class*=tf-grid_]>[data-push-left*=_lg-9] {
        margin-left: 75%
    }

    [class~=tf-grid]>[data-push-left*=_lg-10],
    [class*=tf-grid-]>[data-push-left*=_lg-10],
    [class*=tf-grid_]>[data-push-left*=_lg-10] {
        margin-left: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_lg-11],
    [class*=tf-grid-]>[data-push-left*=_lg-11],
    [class*=tf-grid_]>[data-push-left*=_lg-11] {
        margin-left: 91.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_lg-0],
    [class*=tf-grid-]>[data-push-right*=_lg-0],
    [class*=tf-grid_]>[data-push-right*=_lg-0] {
        margin-right: 0
    }

    [class~=tf-grid]>[data-push-right*=_lg-1],
    [class*=tf-grid-]>[data-push-right*=_lg-1],
    [class*=tf-grid_]>[data-push-right*=_lg-1] {
        margin-right: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_lg-2],
    [class*=tf-grid-]>[data-push-right*=_lg-2],
    [class*=tf-grid_]>[data-push-right*=_lg-2] {
        margin-right: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_lg-3],
    [class*=tf-grid-]>[data-push-right*=_lg-3],
    [class*=tf-grid_]>[data-push-right*=_lg-3] {
        margin-right: 25%
    }

    [class~=tf-grid]>[data-push-right*=_lg-4],
    [class*=tf-grid-]>[data-push-right*=_lg-4],
    [class*=tf-grid_]>[data-push-right*=_lg-4] {
        margin-right: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_lg-5],
    [class*=tf-grid-]>[data-push-right*=_lg-5],
    [class*=tf-grid_]>[data-push-right*=_lg-5] {
        margin-right: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_lg-6],
    [class*=tf-grid-]>[data-push-right*=_lg-6],
    [class*=tf-grid_]>[data-push-right*=_lg-6] {
        margin-right: 50%
    }

    [class~=tf-grid]>[data-push-right*=_lg-7],
    [class*=tf-grid-]>[data-push-right*=_lg-7],
    [class*=tf-grid_]>[data-push-right*=_lg-7] {
        margin-right: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_lg-8],
    [class*=tf-grid-]>[data-push-right*=_lg-8],
    [class*=tf-grid_]>[data-push-right*=_lg-8] {
        margin-right: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_lg-9],
    [class*=tf-grid-]>[data-push-right*=_lg-9],
    [class*=tf-grid_]>[data-push-right*=_lg-9] {
        margin-right: 75%
    }

    [class~=tf-grid]>[data-push-right*=_lg-10],
    [class*=tf-grid-]>[data-push-right*=_lg-10],
    [class*=tf-grid_]>[data-push-right*=_lg-10] {
        margin-right: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_lg-11],
    [class*=tf-grid-]>[data-push-right*=_lg-11],
    [class*=tf-grid_]>[data-push-right*=_lg-11] {
        margin-right: 91.6666666667%
    }

    [class~=tf-grid] [class*=_lg-first],
    [class*=tf-grid-] [class*=_lg-first],
    [class*=tf-grid_] [class*=_lg-first] {
        order: -1
    }

    [class~=tf-grid] [class*=_lg-last],
    [class*=tf-grid-] [class*=_lg-last],
    [class*=tf-grid_] [class*=_lg-last] {
        order: 1
    }
}

@media(max-width: 64em) {

    [class~=tf-grid]>[class*=_md-1],
    [class*=tf-grid-]>[class*=_md-1],
    [class*=tf-grid_]>[class*=_md-1] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~=tf-grid]>[class*=_md-2],
    [class*=tf-grid-]>[class*=_md-2],
    [class*=tf-grid_]>[class*=_md-2] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~=tf-grid]>[class*=_md-3],
    [class*=tf-grid-]>[class*=_md-3],
    [class*=tf-grid_]>[class*=_md-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~=tf-grid]>[class*=_md-4],
    [class*=tf-grid-]>[class*=_md-4],
    [class*=tf-grid_]>[class*=_md-4] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~=tf-grid]>[class*=_md-5],
    [class*=tf-grid-]>[class*=_md-5],
    [class*=tf-grid_]>[class*=_md-5] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~=tf-grid]>[class*=_md-6],
    [class*=tf-grid-]>[class*=_md-6],
    [class*=tf-grid_]>[class*=_md-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~=tf-grid]>[class*=_md-7],
    [class*=tf-grid-]>[class*=_md-7],
    [class*=tf-grid_]>[class*=_md-7] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~=tf-grid]>[class*=_md-8],
    [class*=tf-grid-]>[class*=_md-8],
    [class*=tf-grid_]>[class*=_md-8] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~=tf-grid]>[class*=_md-9],
    [class*=tf-grid-]>[class*=_md-9],
    [class*=tf-grid_]>[class*=_md-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~=tf-grid]>[class*=_md-10],
    [class*=tf-grid-]>[class*=_md-10],
    [class*=tf-grid_]>[class*=_md-10] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~=tf-grid]>[class*=_md-11],
    [class*=tf-grid-]>[class*=_md-11],
    [class*=tf-grid_]>[class*=_md-11] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~=tf-grid]>[class*=_md-12],
    [class*=tf-grid-]>[class*=_md-12],
    [class*=tf-grid_]>[class*=_md-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~=tf-grid]>[data-push-left*=_md-0],
    [class*=tf-grid-]>[data-push-left*=_md-0],
    [class*=tf-grid_]>[data-push-left*=_md-0] {
        margin-left: 0
    }

    [class~=tf-grid]>[data-push-left*=_md-1],
    [class*=tf-grid-]>[data-push-left*=_md-1],
    [class*=tf-grid_]>[data-push-left*=_md-1] {
        margin-left: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_md-2],
    [class*=tf-grid-]>[data-push-left*=_md-2],
    [class*=tf-grid_]>[data-push-left*=_md-2] {
        margin-left: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_md-3],
    [class*=tf-grid-]>[data-push-left*=_md-3],
    [class*=tf-grid_]>[data-push-left*=_md-3] {
        margin-left: 25%
    }

    [class~=tf-grid]>[data-push-left*=_md-4],
    [class*=tf-grid-]>[data-push-left*=_md-4],
    [class*=tf-grid_]>[data-push-left*=_md-4] {
        margin-left: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_md-5],
    [class*=tf-grid-]>[data-push-left*=_md-5],
    [class*=tf-grid_]>[data-push-left*=_md-5] {
        margin-left: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_md-6],
    [class*=tf-grid-]>[data-push-left*=_md-6],
    [class*=tf-grid_]>[data-push-left*=_md-6] {
        margin-left: 50%
    }

    [class~=tf-grid]>[data-push-left*=_md-7],
    [class*=tf-grid-]>[data-push-left*=_md-7],
    [class*=tf-grid_]>[data-push-left*=_md-7] {
        margin-left: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_md-8],
    [class*=tf-grid-]>[data-push-left*=_md-8],
    [class*=tf-grid_]>[data-push-left*=_md-8] {
        margin-left: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_md-9],
    [class*=tf-grid-]>[data-push-left*=_md-9],
    [class*=tf-grid_]>[data-push-left*=_md-9] {
        margin-left: 75%
    }

    [class~=tf-grid]>[data-push-left*=_md-10],
    [class*=tf-grid-]>[data-push-left*=_md-10],
    [class*=tf-grid_]>[data-push-left*=_md-10] {
        margin-left: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_md-11],
    [class*=tf-grid-]>[data-push-left*=_md-11],
    [class*=tf-grid_]>[data-push-left*=_md-11] {
        margin-left: 91.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_md-0],
    [class*=tf-grid-]>[data-push-right*=_md-0],
    [class*=tf-grid_]>[data-push-right*=_md-0] {
        margin-right: 0
    }

    [class~=tf-grid]>[data-push-right*=_md-1],
    [class*=tf-grid-]>[data-push-right*=_md-1],
    [class*=tf-grid_]>[data-push-right*=_md-1] {
        margin-right: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_md-2],
    [class*=tf-grid-]>[data-push-right*=_md-2],
    [class*=tf-grid_]>[data-push-right*=_md-2] {
        margin-right: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_md-3],
    [class*=tf-grid-]>[data-push-right*=_md-3],
    [class*=tf-grid_]>[data-push-right*=_md-3] {
        margin-right: 25%
    }

    [class~=tf-grid]>[data-push-right*=_md-4],
    [class*=tf-grid-]>[data-push-right*=_md-4],
    [class*=tf-grid_]>[data-push-right*=_md-4] {
        margin-right: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_md-5],
    [class*=tf-grid-]>[data-push-right*=_md-5],
    [class*=tf-grid_]>[data-push-right*=_md-5] {
        margin-right: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_md-6],
    [class*=tf-grid-]>[data-push-right*=_md-6],
    [class*=tf-grid_]>[data-push-right*=_md-6] {
        margin-right: 50%
    }

    [class~=tf-grid]>[data-push-right*=_md-7],
    [class*=tf-grid-]>[data-push-right*=_md-7],
    [class*=tf-grid_]>[data-push-right*=_md-7] {
        margin-right: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_md-8],
    [class*=tf-grid-]>[data-push-right*=_md-8],
    [class*=tf-grid_]>[data-push-right*=_md-8] {
        margin-right: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_md-9],
    [class*=tf-grid-]>[data-push-right*=_md-9],
    [class*=tf-grid_]>[data-push-right*=_md-9] {
        margin-right: 75%
    }

    [class~=tf-grid]>[data-push-right*=_md-10],
    [class*=tf-grid-]>[data-push-right*=_md-10],
    [class*=tf-grid_]>[data-push-right*=_md-10] {
        margin-right: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_md-11],
    [class*=tf-grid-]>[data-push-right*=_md-11],
    [class*=tf-grid_]>[data-push-right*=_md-11] {
        margin-right: 91.6666666667%
    }

    [class~=tf-grid] [class*=_md-first],
    [class*=tf-grid-] [class*=_md-first],
    [class*=tf-grid_] [class*=_md-first] {
        order: -1
    }

    [class~=tf-grid] [class*=_md-last],
    [class*=tf-grid-] [class*=_md-last],
    [class*=tf-grid_] [class*=_md-last] {
        order: 1
    }
}

@media(max-width: 48em) {

    [class~=tf-grid]>[class*=_sm-1],
    [class*=tf-grid-]>[class*=_sm-1],
    [class*=tf-grid_]>[class*=_sm-1] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~=tf-grid]>[class*=_sm-2],
    [class*=tf-grid-]>[class*=_sm-2],
    [class*=tf-grid_]>[class*=_sm-2] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~=tf-grid]>[class*=_sm-3],
    [class*=tf-grid-]>[class*=_sm-3],
    [class*=tf-grid_]>[class*=_sm-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~=tf-grid]>[class*=_sm-4],
    [class*=tf-grid-]>[class*=_sm-4],
    [class*=tf-grid_]>[class*=_sm-4] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~=tf-grid]>[class*=_sm-5],
    [class*=tf-grid-]>[class*=_sm-5],
    [class*=tf-grid_]>[class*=_sm-5] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~=tf-grid]>[class*=_sm-6],
    [class*=tf-grid-]>[class*=_sm-6],
    [class*=tf-grid_]>[class*=_sm-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~=tf-grid]>[class*=_sm-7],
    [class*=tf-grid-]>[class*=_sm-7],
    [class*=tf-grid_]>[class*=_sm-7] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~=tf-grid]>[class*=_sm-8],
    [class*=tf-grid-]>[class*=_sm-8],
    [class*=tf-grid_]>[class*=_sm-8] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~=tf-grid]>[class*=_sm-9],
    [class*=tf-grid-]>[class*=_sm-9],
    [class*=tf-grid_]>[class*=_sm-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~=tf-grid]>[class*=_sm-10],
    [class*=tf-grid-]>[class*=_sm-10],
    [class*=tf-grid_]>[class*=_sm-10] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~=tf-grid]>[class*=_sm-11],
    [class*=tf-grid-]>[class*=_sm-11],
    [class*=tf-grid_]>[class*=_sm-11] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~=tf-grid]>[class*=_sm-12],
    [class*=tf-grid-]>[class*=_sm-12],
    [class*=tf-grid_]>[class*=_sm-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~=tf-grid]>[data-push-left*=_sm-0],
    [class*=tf-grid-]>[data-push-left*=_sm-0],
    [class*=tf-grid_]>[data-push-left*=_sm-0] {
        margin-left: 0
    }

    [class~=tf-grid]>[data-push-left*=_sm-1],
    [class*=tf-grid-]>[data-push-left*=_sm-1],
    [class*=tf-grid_]>[data-push-left*=_sm-1] {
        margin-left: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_sm-2],
    [class*=tf-grid-]>[data-push-left*=_sm-2],
    [class*=tf-grid_]>[data-push-left*=_sm-2] {
        margin-left: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_sm-3],
    [class*=tf-grid-]>[data-push-left*=_sm-3],
    [class*=tf-grid_]>[data-push-left*=_sm-3] {
        margin-left: 25%
    }

    [class~=tf-grid]>[data-push-left*=_sm-4],
    [class*=tf-grid-]>[data-push-left*=_sm-4],
    [class*=tf-grid_]>[data-push-left*=_sm-4] {
        margin-left: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_sm-5],
    [class*=tf-grid-]>[data-push-left*=_sm-5],
    [class*=tf-grid_]>[data-push-left*=_sm-5] {
        margin-left: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_sm-6],
    [class*=tf-grid-]>[data-push-left*=_sm-6],
    [class*=tf-grid_]>[data-push-left*=_sm-6] {
        margin-left: 50%
    }

    [class~=tf-grid]>[data-push-left*=_sm-7],
    [class*=tf-grid-]>[data-push-left*=_sm-7],
    [class*=tf-grid_]>[data-push-left*=_sm-7] {
        margin-left: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_sm-8],
    [class*=tf-grid-]>[data-push-left*=_sm-8],
    [class*=tf-grid_]>[data-push-left*=_sm-8] {
        margin-left: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_sm-9],
    [class*=tf-grid-]>[data-push-left*=_sm-9],
    [class*=tf-grid_]>[data-push-left*=_sm-9] {
        margin-left: 75%
    }

    [class~=tf-grid]>[data-push-left*=_sm-10],
    [class*=tf-grid-]>[data-push-left*=_sm-10],
    [class*=tf-grid_]>[data-push-left*=_sm-10] {
        margin-left: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_sm-11],
    [class*=tf-grid-]>[data-push-left*=_sm-11],
    [class*=tf-grid_]>[data-push-left*=_sm-11] {
        margin-left: 91.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_sm-0],
    [class*=tf-grid-]>[data-push-right*=_sm-0],
    [class*=tf-grid_]>[data-push-right*=_sm-0] {
        margin-right: 0
    }

    [class~=tf-grid]>[data-push-right*=_sm-1],
    [class*=tf-grid-]>[data-push-right*=_sm-1],
    [class*=tf-grid_]>[data-push-right*=_sm-1] {
        margin-right: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_sm-2],
    [class*=tf-grid-]>[data-push-right*=_sm-2],
    [class*=tf-grid_]>[data-push-right*=_sm-2] {
        margin-right: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_sm-3],
    [class*=tf-grid-]>[data-push-right*=_sm-3],
    [class*=tf-grid_]>[data-push-right*=_sm-3] {
        margin-right: 25%
    }

    [class~=tf-grid]>[data-push-right*=_sm-4],
    [class*=tf-grid-]>[data-push-right*=_sm-4],
    [class*=tf-grid_]>[data-push-right*=_sm-4] {
        margin-right: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_sm-5],
    [class*=tf-grid-]>[data-push-right*=_sm-5],
    [class*=tf-grid_]>[data-push-right*=_sm-5] {
        margin-right: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_sm-6],
    [class*=tf-grid-]>[data-push-right*=_sm-6],
    [class*=tf-grid_]>[data-push-right*=_sm-6] {
        margin-right: 50%
    }

    [class~=tf-grid]>[data-push-right*=_sm-7],
    [class*=tf-grid-]>[data-push-right*=_sm-7],
    [class*=tf-grid_]>[data-push-right*=_sm-7] {
        margin-right: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_sm-8],
    [class*=tf-grid-]>[data-push-right*=_sm-8],
    [class*=tf-grid_]>[data-push-right*=_sm-8] {
        margin-right: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_sm-9],
    [class*=tf-grid-]>[data-push-right*=_sm-9],
    [class*=tf-grid_]>[data-push-right*=_sm-9] {
        margin-right: 75%
    }

    [class~=tf-grid]>[data-push-right*=_sm-10],
    [class*=tf-grid-]>[data-push-right*=_sm-10],
    [class*=tf-grid_]>[data-push-right*=_sm-10] {
        margin-right: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_sm-11],
    [class*=tf-grid-]>[data-push-right*=_sm-11],
    [class*=tf-grid_]>[data-push-right*=_sm-11] {
        margin-right: 91.6666666667%
    }

    [class~=tf-grid] [class*=_sm-first],
    [class*=tf-grid-] [class*=_sm-first],
    [class*=tf-grid_] [class*=_sm-first] {
        order: -1
    }

    [class~=tf-grid] [class*=_sm-last],
    [class*=tf-grid-] [class*=_sm-last],
    [class*=tf-grid_] [class*=_sm-last] {
        order: 1
    }
}

@media(max-width: 36em) {

    [class~=tf-grid]>[class*=_xs-1],
    [class*=tf-grid-]>[class*=_xs-1],
    [class*=tf-grid_]>[class*=_xs-1] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~=tf-grid]>[class*=_xs-2],
    [class*=tf-grid-]>[class*=_xs-2],
    [class*=tf-grid_]>[class*=_xs-2] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~=tf-grid]>[class*=_xs-3],
    [class*=tf-grid-]>[class*=_xs-3],
    [class*=tf-grid_]>[class*=_xs-3] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~=tf-grid]>[class*=_xs-4],
    [class*=tf-grid-]>[class*=_xs-4],
    [class*=tf-grid_]>[class*=_xs-4] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~=tf-grid]>[class*=_xs-5],
    [class*=tf-grid-]>[class*=_xs-5],
    [class*=tf-grid_]>[class*=_xs-5] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~=tf-grid]>[class*=_xs-6],
    [class*=tf-grid-]>[class*=_xs-6],
    [class*=tf-grid_]>[class*=_xs-6] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~=tf-grid]>[class*=_xs-7],
    [class*=tf-grid-]>[class*=_xs-7],
    [class*=tf-grid_]>[class*=_xs-7] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~=tf-grid]>[class*=_xs-8],
    [class*=tf-grid-]>[class*=_xs-8],
    [class*=tf-grid_]>[class*=_xs-8] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~=tf-grid]>[class*=_xs-9],
    [class*=tf-grid-]>[class*=_xs-9],
    [class*=tf-grid_]>[class*=_xs-9] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~=tf-grid]>[class*=_xs-10],
    [class*=tf-grid-]>[class*=_xs-10],
    [class*=tf-grid_]>[class*=_xs-10] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~=tf-grid]>[class*=_xs-11],
    [class*=tf-grid-]>[class*=_xs-11],
    [class*=tf-grid_]>[class*=_xs-11] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~=tf-grid]>[class*=_xs-12],
    [class*=tf-grid-]>[class*=_xs-12],
    [class*=tf-grid_]>[class*=_xs-12] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~=tf-grid]>[data-push-left*=_xs-0],
    [class*=tf-grid-]>[data-push-left*=_xs-0],
    [class*=tf-grid_]>[data-push-left*=_xs-0] {
        margin-left: 0
    }

    [class~=tf-grid]>[data-push-left*=_xs-1],
    [class*=tf-grid-]>[data-push-left*=_xs-1],
    [class*=tf-grid_]>[data-push-left*=_xs-1] {
        margin-left: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_xs-2],
    [class*=tf-grid-]>[data-push-left*=_xs-2],
    [class*=tf-grid_]>[data-push-left*=_xs-2] {
        margin-left: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_xs-3],
    [class*=tf-grid-]>[data-push-left*=_xs-3],
    [class*=tf-grid_]>[data-push-left*=_xs-3] {
        margin-left: 25%
    }

    [class~=tf-grid]>[data-push-left*=_xs-4],
    [class*=tf-grid-]>[data-push-left*=_xs-4],
    [class*=tf-grid_]>[data-push-left*=_xs-4] {
        margin-left: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_xs-5],
    [class*=tf-grid-]>[data-push-left*=_xs-5],
    [class*=tf-grid_]>[data-push-left*=_xs-5] {
        margin-left: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_xs-6],
    [class*=tf-grid-]>[data-push-left*=_xs-6],
    [class*=tf-grid_]>[data-push-left*=_xs-6] {
        margin-left: 50%
    }

    [class~=tf-grid]>[data-push-left*=_xs-7],
    [class*=tf-grid-]>[data-push-left*=_xs-7],
    [class*=tf-grid_]>[data-push-left*=_xs-7] {
        margin-left: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_xs-8],
    [class*=tf-grid-]>[data-push-left*=_xs-8],
    [class*=tf-grid_]>[data-push-left*=_xs-8] {
        margin-left: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-left*=_xs-9],
    [class*=tf-grid-]>[data-push-left*=_xs-9],
    [class*=tf-grid_]>[data-push-left*=_xs-9] {
        margin-left: 75%
    }

    [class~=tf-grid]>[data-push-left*=_xs-10],
    [class*=tf-grid-]>[data-push-left*=_xs-10],
    [class*=tf-grid_]>[data-push-left*=_xs-10] {
        margin-left: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-left*=_xs-11],
    [class*=tf-grid-]>[data-push-left*=_xs-11],
    [class*=tf-grid_]>[data-push-left*=_xs-11] {
        margin-left: 91.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_xs-0],
    [class*=tf-grid-]>[data-push-right*=_xs-0],
    [class*=tf-grid_]>[data-push-right*=_xs-0] {
        margin-right: 0
    }

    [class~=tf-grid]>[data-push-right*=_xs-1],
    [class*=tf-grid-]>[data-push-right*=_xs-1],
    [class*=tf-grid_]>[data-push-right*=_xs-1] {
        margin-right: 8.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_xs-2],
    [class*=tf-grid-]>[data-push-right*=_xs-2],
    [class*=tf-grid_]>[data-push-right*=_xs-2] {
        margin-right: 16.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_xs-3],
    [class*=tf-grid-]>[data-push-right*=_xs-3],
    [class*=tf-grid_]>[data-push-right*=_xs-3] {
        margin-right: 25%
    }

    [class~=tf-grid]>[data-push-right*=_xs-4],
    [class*=tf-grid-]>[data-push-right*=_xs-4],
    [class*=tf-grid_]>[data-push-right*=_xs-4] {
        margin-right: 33.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_xs-5],
    [class*=tf-grid-]>[data-push-right*=_xs-5],
    [class*=tf-grid_]>[data-push-right*=_xs-5] {
        margin-right: 41.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_xs-6],
    [class*=tf-grid-]>[data-push-right*=_xs-6],
    [class*=tf-grid_]>[data-push-right*=_xs-6] {
        margin-right: 50%
    }

    [class~=tf-grid]>[data-push-right*=_xs-7],
    [class*=tf-grid-]>[data-push-right*=_xs-7],
    [class*=tf-grid_]>[data-push-right*=_xs-7] {
        margin-right: 58.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_xs-8],
    [class*=tf-grid-]>[data-push-right*=_xs-8],
    [class*=tf-grid_]>[data-push-right*=_xs-8] {
        margin-right: 66.6666666667%
    }

    [class~=tf-grid]>[data-push-right*=_xs-9],
    [class*=tf-grid-]>[data-push-right*=_xs-9],
    [class*=tf-grid_]>[data-push-right*=_xs-9] {
        margin-right: 75%
    }

    [class~=tf-grid]>[data-push-right*=_xs-10],
    [class*=tf-grid-]>[data-push-right*=_xs-10],
    [class*=tf-grid_]>[data-push-right*=_xs-10] {
        margin-right: 83.3333333333%
    }

    [class~=tf-grid]>[data-push-right*=_xs-11],
    [class*=tf-grid-]>[data-push-right*=_xs-11],
    [class*=tf-grid_]>[data-push-right*=_xs-11] {
        margin-right: 91.6666666667%
    }

    [class~=tf-grid] [class*=_xs-first],
    [class*=tf-grid-] [class*=_xs-first],
    [class*=tf-grid_] [class*=_xs-first] {
        order: -1
    }

    [class~=tf-grid] [class*=_xs-last],
    [class*=tf-grid-] [class*=_xs-last],
    [class*=tf-grid_] [class*=_xs-last] {
        order: 1
    }
}

@media(max-width: 80em) {
    [class*=lg-hidden] {
        display: none
    }
}

@media(max-width: 64em) {
    [class*=md-hidden] {
        display: none
    }
}

@media(max-width: 48em) {
    [class*=sm-hidden] {
        display: none
    }
}

@media(max-width: 36em) {
    [class*=xs-hidden] {
        display: none
    }
}



:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}



.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}













.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper {
    overflow: hidden
}

.swiper--container {
    position: relative
}






 










.swiper .toggle-fullscreen {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 31px;
    height: 31px;
    z-index: 10;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    background-image: url("");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(33, 33, 32, .8)
}

.swiper .toggle-fullscreen:hover {
    opacity: .8
}

.braze-card {
    position: relative;
    margin-bottom: 8px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .braze-card {
        margin: 0 4px 8px
    }
}





.braze-card__image {
    flex: 0 0 auto;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.braze-card__image img {
    object-fit: cover
}



@media(min-width: 10px)and (max-width: 1024px) {
    .braze-card__title {
        font-size: 12px;
        margin: 0 0 4px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .braze-card__content {
        font-size: 12px
    }
}



.braze-card__footer {
    margin-left: auto
}

.braze-card__button {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 15px;
    color: #212120;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: #212120 1px solid;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.braze-card__button:hover,
.braze-card__button:focus,
.braze-card__button:active {
    background-color: #fff;
    color: #dededf;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.braze-card__button:disabled,
.braze-card__button [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

@media(min-width: 10px)and (max-width: 1024px) {
    .braze-card__button {
        font-family: "raleway-bold", sans-serif;
        font-size: 10px
    }
}

.braze-card--container {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 12px;
    overflow: hidden;
    box-shadow: 0px 10px 16px -4px rgba(0, 0, 0, .1), 0px 0px 6px 0px rgba(0, 0, 0, .08);
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.braze-card--small .braze-card__image {
    margin-right: 8px
}

.braze-card--small .braze-card__image img {
    height: 44px;
    width: 44px
}

.braze-card--medium .braze-card__image {
    margin-right: 12px
}

.braze-card--medium .braze-card__image img {
    height: 66px;
    width: 66px
}

.braze-card--large .braze-card__image {
    margin-right: 0
}

.braze-card--large .braze-card__image img {
    height: 160px;
    width: 160px
}

.braze-card--large .braze-card--container {
    padding: 0;
    display: flex;
    grid-template-columns: 160px 1fr
}

.braze-card--large .braze-card__image {
    grid-row: 1/3;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}



.braze-card--large .braze-card__footer {
    margin-left: 0
}

.braze-card.primary .braze-card--container {
    background-color: #ba1515
}

.braze-card.secondary .braze-card--container {
    background-color: #2e4e8c
}

.braze-card.dark .braze-card--container {
    background-color: #212120
}

.braze-card.primary .braze-card__content,
.braze-card.secondary .braze-card__content,
.braze-card.dark .braze-card__content {
    color: #fff
}

.braze-card.primary .braze-card__button,
.braze-card.secondary .braze-card__button,
.braze-card.dark .braze-card__button {
    color: #fff;
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.braze-card.primary .braze-card__close-btn,
.braze-card.secondary .braze-card__close-btn,
.braze-card.dark .braze-card__close-btn {
    background-image: url("")
}

@media(min-width: 10px)and (max-width: 1024px) {
    #main-content>.braze-card {
        margin: 0 0 8px
    }

    #main-content>.braze-card .braze-card--container {
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }
}



@media(min-width: 1024px) {
    .bookmark-signup__loader .processing {
        position: relative;
        background: rgba(0, 0, 0, 0)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .bookmark__heading {
        margin: 8px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .bookmark__none-image {
        width: 80px;
        height: 80px
    }
}





@media(min-width: 1024px) {

    .forgot-password,
    .reset-password,
    .password-success,
    .verify-email,
    .recover-email,
    .email-sent,
    .create-password,
    .email-verification,
    .verify-mobile,
    .subs-email-sent {
        margin: 0 auto;
        min-height: 515px;
        max-width: 572px;
        -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        padding: 100px 0 100px
    }

    .forgot-password--container,
    .reset-password--container,
    .password-success--container,
    .verify-email--container,
    .recover-email--container,
    .email-sent--container,
    .create-password--container,
    .email-verification--container,
    .verify-mobile--container,
    .subs-email-sent--container {
        width: 328px;
        margin: 0 auto
    }
}

@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password,
    .reset-password,
    .password-success,
    .verify-email,
    .recover-email,
    .email-sent,
    .create-password,
    .email-verification,
    .verify-mobile,
    .subs-email-sent {
        padding: 40px 33px 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        flex-direction: column
    }
}





@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password__close-btn,
    .reset-password__close-btn,
    .password-success__close-btn,
    .verify-email__close-btn,
    .recover-email__close-btn,
    .email-sent__close-btn,
    .create-password__close-btn,
    .email-verification__close-btn,
    .verify-mobile__close-btn,
    .subs-email-sent__close-btn {
        width: 20px;
        height: 20px;
        background-size: 32px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password__image,
    .reset-password__image,
    .password-success__image,
    .verify-email__image,
    .recover-email__image,
    .email-sent__image,
    .create-password__image,
    .email-verification__image,
    .verify-mobile__image,
    .subs-email-sent__image {
        margin: 0 auto 32px
    }
}













@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password__button button,
    .reset-password__button button,
    .password-success__button button,
    .verify-email__button button,
    .recover-email__button button,
    .email-sent__button button,
    .create-password__button button,
    .email-verification__button button,
    .verify-mobile__button button,
    .subs-email-sent__button button {
        margin: 16px auto 16px
    }
}

















.forgot-password__not-received a.disabled,
.forgot-password-footer a.disabled,
.reset-password__not-received a.disabled,
.reset-password-footer a.disabled,
.password-success__not-received a.disabled,
.password-success-footer a.disabled,
.verify-email__not-received a.disabled,
.verify-email-footer a.disabled,
.recover-email__not-received a.disabled,
.recover-email-footer a.disabled,
.email-sent__not-received a.disabled,
.email-sent-footer a.disabled,
.create-password__not-received a.disabled,
.create-password-footer a.disabled,
.email-verification__not-received a.disabled,
.email-verification-footer a.disabled,
.verify-mobile__not-received a.disabled,
.verify-mobile-footer a.disabled,
.subs-email-sent__not-received a.disabled,
.subs-email-sent-footer a.disabled {
    color: #a4a4a4
}

.forgot-password__not-received a.disabled.tf-hide,
.forgot-password-footer a.disabled.tf-hide,
.reset-password__not-received a.disabled.tf-hide,
.reset-password-footer a.disabled.tf-hide,
.password-success__not-received a.disabled.tf-hide,
.password-success-footer a.disabled.tf-hide,
.verify-email__not-received a.disabled.tf-hide,
.verify-email-footer a.disabled.tf-hide,
.recover-email__not-received a.disabled.tf-hide,
.recover-email-footer a.disabled.tf-hide,
.email-sent__not-received a.disabled.tf-hide,
.email-sent-footer a.disabled.tf-hide,
.create-password__not-received a.disabled.tf-hide,
.create-password-footer a.disabled.tf-hide,
.email-verification__not-received a.disabled.tf-hide,
.email-verification-footer a.disabled.tf-hide,
.verify-mobile__not-received a.disabled.tf-hide,
.verify-mobile-footer a.disabled.tf-hide,
.subs-email-sent__not-received a.disabled.tf-hide,
.subs-email-sent-footer a.disabled.tf-hide {
    color: #212120
}





@media(min-width: 1024px) {

    .forgot-password .email-sent,
    .reset-password .email-sent,
    .password-success .email-sent,
    .verify-email .email-sent,
    .recover-email .email-sent,
    .email-sent .email-sent,
    .create-password .email-sent,
    .email-verification .email-sent,
    .verify-mobile .email-sent,
    .subs-email-sent .email-sent {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .forgot-password .email-sent .forgot-password__image,
    .reset-password .email-sent .forgot-password__image,
    .password-success .email-sent .forgot-password__image,
    .verify-email .email-sent .forgot-password__image,
    .recover-email .email-sent .forgot-password__image,
    .email-sent .email-sent .forgot-password__image,
    .create-password .email-sent .forgot-password__image,
    .email-verification .email-sent .forgot-password__image,
    .verify-mobile .email-sent .forgot-password__image,
    .subs-email-sent .email-sent .forgot-password__image {
        margin-top: 0
    }

    .forgot-password .email-sent .forgot-password__description,
    .reset-password .email-sent .forgot-password__description,
    .password-success .email-sent .forgot-password__description,
    .verify-email .email-sent .forgot-password__description,
    .recover-email .email-sent .forgot-password__description,
    .email-sent .email-sent .forgot-password__description,
    .create-password .email-sent .forgot-password__description,
    .email-verification .email-sent .forgot-password__description,
    .verify-mobile .email-sent .forgot-password__description,
    .subs-email-sent .email-sent .forgot-password__description {
        width: 320px;
        max-width: none;
        margin: 0 auto
    }
}

@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password .email-sent .forgot-password__description,
    .reset-password .email-sent .forgot-password__description,
    .password-success .email-sent .forgot-password__description,
    .verify-email .email-sent .forgot-password__description,
    .recover-email .email-sent .forgot-password__description,
    .email-sent .email-sent .forgot-password__description,
    .create-password .email-sent .forgot-password__description,
    .email-verification .email-sent .forgot-password__description,
    .verify-mobile .email-sent .forgot-password__description,
    .subs-email-sent .email-sent .forgot-password__description {
        margin: 0 auto
    }
}



@media(min-width: 1024px) {

    .forgot-password form,
    .reset-password form,
    .password-success form,
    .verify-email form,
    .recover-email form,
    .email-sent form,
    .create-password form,
    .email-verification form,
    .verify-mobile form,
    .subs-email-sent form {
        max-width: 272px
    }

    .forgot-password form .recaptcha-container,
    .reset-password form .recaptcha-container,
    .password-success form .recaptcha-container,
    .verify-email form .recaptcha-container,
    .recover-email form .recaptcha-container,
    .email-sent form .recaptcha-container,
    .create-password form .recaptcha-container,
    .email-verification form .recaptcha-container,
    .verify-mobile form .recaptcha-container,
    .subs-email-sent form .recaptcha-container {
        margin: 0 -24px
    }
}















@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password form input[type=submit],
    .reset-password form input[type=submit],
    .password-success form input[type=submit],
    .verify-email form input[type=submit],
    .recover-email form input[type=submit],
    .email-sent form input[type=submit],
    .create-password form input[type=submit],
    .email-verification form input[type=submit],
    .verify-mobile form input[type=submit],
    .subs-email-sent form input[type=submit] {
        margin: 8px auto 32px
    }
}





























@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password__link,
    .reset-password__link,
    .password-success__link,
    .verify-email__link,
    .recover-email__link,
    .email-sent__link,
    .create-password__link,
    .email-verification__link,
    .verify-mobile__link,
    .subs-email-sent__link {
        width: 100%;
        margin: 16px auto 16px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {

    .forgot-password__terms,
    .reset-password__terms,
    .password-success__terms,
    .verify-email__terms,
    .recover-email__terms,
    .email-sent__terms,
    .create-password__terms,
    .email-verification__terms,
    .verify-mobile__terms,
    .subs-email-sent__terms {
        margin-top: 8px
    }
}













.forgot-password__resend a.disabled,
.reset-password__resend a.disabled,
.password-success__resend a.disabled,
.verify-email__resend a.disabled,
.recover-email__resend a.disabled,
.email-sent__resend a.disabled,
.create-password__resend a.disabled,
.email-verification__resend a.disabled,
.verify-mobile__resend a.disabled,
.subs-email-sent__resend a.disabled {
    color: #a4a4a4;
    border-bottom: 1px solid #a4a4a4
}















@media(min-width: 1024px) {

    .forgot-password .processing,
    .reset-password .processing,
    .password-success .processing,
    .verify-email .processing,
    .recover-email .processing,
    .email-sent .processing,
    .create-password .processing,
    .email-verification .processing,
    .verify-mobile .processing,
    .subs-email-sent .processing {
        position: absolute;
        background: rgba(255, 255, 255, .8)
    }
}









@media(min-width: 1024px) {
    .reset-password__image {
        margin: 32px auto 8px
    }
}





@media(min-width: 1024px) {
    .reset-password__terms {
        margin: 0 -30px
    }
}















@media(min-width: 1024px) {
    .verify-email__container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .verify-email__title {
        width: 100%
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .verify-email__description {
        max-width: 100%
    }
}





@media(min-width: 1024px) {
    .verify-email__image {
        margin-top: 0
    }
}







@media(min-width: 1024px) {
    .recover-email__container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .recover-email__description {
        max-width: 245px
    }
}





@media(min-width: 1024px) {
    .recover-email__image {
        margin-top: 0
    }
}













@media(min-width: 10px)and (max-width: 1024px) {
    .recover-email__button {
        margin-top: 64px;
        width: 250px
    }
}









































@media(min-width: 1024px) {
    .account-gifting--container {
        margin: 0 auto;
        align-items: center;
        -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .account-gifting--container {
        height: calc(100vh - 112px);
        width: 100%;
        padding: 100px 34px 0
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .account-gifting__close-btn {
        width: 20px;
        height: 20px;
        background-size: 30px
    }
}













@media(min-width: 10px)and (max-width: 1024px) {
    .account-gifting__text {
        font-size: 21px;
        line-height: 26px
    }
}

.processing {
    text-align: center;
    font-size: 15px;
    margin: 0 auto 0;
    position: relative;
    background: rgba(0, 0, 0, 0)
}

@media(min-width: 10px)and (max-width: 1024px) {
    .processing {
        margin: 0 auto;
        position: fixed;
        height: 100vh;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, .8)
    }
}

.processing img {
    width: auto;
    height: 50px
}

.processing-text {
    width: 100%;
    font-size: 15px;
    font-family: "raleway-bold", sans-serif
}

.processing-request>.processing {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    z-index: 10
}

@media(min-width: 1024px) {
    .processing-request>.processing {
        top: 0;
        left: 0;
        position: absolute
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details {
        text-align: center;
        width: auto
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details__header {
        font-size: 21px;
        letter-spacing: -0.5px;
        margin: 20px 0;
        text-align: center
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details--container {
        background-color: rgba(0, 0, 0, 0);
        padding: 0 8px
    }
}



@media(min-width: 1024px) {
    .profile-details__input {
        width: 434px
    }
}







.profile-details__input .input-email.show,
.profile-details__input .input-facebook.show,
.profile-details__input .input-google.show {
    display: flex
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details__username {
        width: auto;
        background-color: #fff
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details__user-input {
        padding: 0 8px
    }
}

















.profile-details form .error.show {
    display: block
}



.profile-details form .input.show {
    display: block
}

























@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details-mail-username-container {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -khtml-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.profile-details-mail-username-container.show {
    display: flex;
    flex-direction: column;
    align-items: center
}







@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details-mail-username-container .delete-btn {
        margin: 0;
        width: calc(100% - 32px)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details-mail-username-grid {
        width: 100%;
        margin: 2px 0 16px;
        display: none
    }

    .profile-details-mail-username-grid.show {
        display: block
    }
}





.profile-details-mail-username-grid__row.active {
    opacity: 1
}

























.profile-details-email-row.active,
.profile-details-mobile-row.active,
.profile-details-username-row.active {
    opacity: 1
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details__cancel {
        width: calc(100% - 32px);
        text-align: center
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-details__cancel a {
        font-size: 12px;
        line-height: 15px
    }
}

















@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit:after {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit {
        box-shadow: none;
        width: 100%;
        min-height: 100vh
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit__heading {
        font-size: 24px;
        line-height: 25px;
        margin: 24px auto 8px
    }
}



@media(min-width: 1024px) {
    .profile-edit__description {
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        max-width: 345px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit-card {
        padding: 16px;
        width: 100%
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit-card__form {
        width: 100%
    }
}































.profile-edit__resend a.disabled {
    color: #a4a4a4;
    border-bottom: 1px solid #a4a4a4
}









@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit__resend--email {
        min-height: 100vh
    }
}















@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit__resend--email .profile-edit__heading {
        max-width: 250px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit__resend--email .profile-edit__container {
        width: 100%
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit__resend--username .profile-edit__heading {
        max-width: 240px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-edit__resend--username .profile-edit__container {
        width: 100%
    }
}







@media(min-width: 1024px) {

    .profile-edit__resend--phone .profile-edit-card__form .recaptcha-container,
    .profile-edit__resend--otp .profile-edit-card__form .recaptcha-container {
        margin: 0 -24px
    }
}

@media(min-width: 1024px) {
    .profile-edit__resend .processing {
        position: absolute;
        background: rgba(255, 255, 255, .8)
    }
}





























.auth__subscribe>a {
    font-size: 15px;
    background-color: #2cb6dc;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    width: auto;
    text-align: center;
    padding: 0 16px;
    font-family: "raleway-bold", sans-serif;
    font-size: 12px
}

.auth__subscribe>a:hover,
.auth__subscribe>a:focus,
.auth__subscribe>a:active {
    background-color: #1e96b7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.auth__subscribe>a:disabled,
.auth__subscribe>a [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}





























.auth__profile .profile-menu .profile--phone-indicator.active {
    display: flex
}















.auth__profile .profile-menu__section.tf-hide {
    display: none
}











































.auth__profile .profile--mail.show {
    display: flex;
    border-bottom: 1px solid #f6f6f6
}















.auth__profile .profile--unauthenticated.show {
    display: flex
}



.auth__profile .profile--suspended.show {
    display: flex
}













@media(min-width: 10px)and (max-width: 1024px) {
    .profile-menu {
        padding: 8px 0 0 0;
        background-color: #fff
    }

    .profile-menu.indicator .menu-item-my-profile {
        position: relative
    }

    .profile-menu.indicator .menu-item-my-profile:before {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        background-color: #dd1f26;
        position: absolute;
        left: 30px;
        top: 8px;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%
    }

    .profile-menu__section .title {
        padding: 11px 15px 8px;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #a4a4a4;
        display: block
    }

    .profile-menu__section .sign-up {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        text-align: center;
        display: block !important;
        margin: 0 0 8px !important;
        letter-spacing: 0 !important;
        background-color: #2cb6dc !important
    }

    .profile-menu__section .sign-up:hover,
    .profile-menu__section .sign-up:focus,
    .profile-menu__section .sign-up:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile-menu__section .sign-up:disabled,
    .profile-menu__section .sign-up [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .profile-menu__section .sign-up:hover,
    .profile-menu__section .sign-up:focus,
    .profile-menu__section .sign-up:active {
        background-color: #1e96b7 !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile-menu__section .sign-up:after {
        display: none
    }

    .profile-menu__section>a {
        display: flex;
        align-items: center;
        padding: 11px 16px;
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #f6f6f6;
        -webkit-transition: background-color .2s ease;
        -moz-transition: background-color .2s ease;
        -o-transition: background-color .2s ease;
        transition: background-color .2s ease
    }

    .profile-menu__section>a img {
        height: 17px;
        width: 17px
    }

    .profile-menu__section>a span {
        margin-left: 16px;
        color: #212120;
        font-size: 14px
    }

    .profile-menu__section>a:after {
        content: "";
        width: 9px;
        height: 12px;
        position: absolute;
        top: 15px;
        right: 20px;
        background-image: url("");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    .profile-menu__section>a.no-arrow:after,
    .profile-menu__section>a.menu-item-call-us:after {
        display: none !important
    }

    .profile-menu__section>a:hover {
        background-color: #f2f2f2
    }

    .profile-menu__section.profile--unauthenticated,
    .profile-menu__section.profile--authenticated,
    .profile-menu__section.profile--suspended {
        background-color: #d9e0ee;
        padding: 15px 8px;
        display: none;
        flex-direction: column;
        text-align: center;
        margin: 0 8px 8px;
        border: 1px solid #21418d;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

    .profile-menu__section.profile--unauthenticated.show,
    .profile-menu__section.profile--authenticated.show,
    .profile-menu__section.profile--suspended.show {
        display: flex
    }

    .profile-menu__section.profile--unauthenticated>a,
    .profile-menu__section.profile--authenticated>a,
    .profile-menu__section.profile--suspended>a {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        font-weight: 400;
        height: 40px;
        line-height: 38px;
        display: block;
        margin: 8px auto;
        border-bottom: 0
    }

    .profile-menu__section.profile--unauthenticated>a:hover,
    .profile-menu__section.profile--unauthenticated>a:focus,
    .profile-menu__section.profile--unauthenticated>a:active,
    .profile-menu__section.profile--authenticated>a:hover,
    .profile-menu__section.profile--authenticated>a:focus,
    .profile-menu__section.profile--authenticated>a:active,
    .profile-menu__section.profile--suspended>a:hover,
    .profile-menu__section.profile--suspended>a:focus,
    .profile-menu__section.profile--suspended>a:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile-menu__section.profile--unauthenticated>a:disabled,
    .profile-menu__section.profile--unauthenticated>a [disabled=disabled],
    .profile-menu__section.profile--authenticated>a:disabled,
    .profile-menu__section.profile--authenticated>a [disabled=disabled],
    .profile-menu__section.profile--suspended>a:disabled,
    .profile-menu__section.profile--suspended>a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .profile-menu__section.profile--unauthenticated>a:hover,
    .profile-menu__section.profile--authenticated>a:hover,
    .profile-menu__section.profile--suspended>a:hover {
        color: #fff
    }

    .profile-menu__section.profile--unauthenticated>a:after,
    .profile-menu__section.profile--authenticated>a:after,
    .profile-menu__section.profile--suspended>a:after {
        display: none
    }

    .profile-menu__section.profile--unauthenticated>span,
    .profile-menu__section.profile--authenticated>span,
    .profile-menu__section.profile--suspended>span {
        font-size: 13px;
        color: #21418d;
        font-family: "raleway-bold", sans-serif
    }

    .profile-menu__section.profile--unauthenticated>span a,
    .profile-menu__section.profile--authenticated>span a,
    .profile-menu__section.profile--suspended>span a {
        font-family: "raleway-bold", sans-serif;
        color: #21418d;
        text-decoration: underline;
        background-color: rgba(0, 0, 0, 0)
    }

    .profile-menu__section.profile--unauthenticated .profile__header,
    .profile-menu__section.profile--authenticated .profile__header,
    .profile-menu__section.profile--suspended .profile__header {
        font-size: 15px;
        color: #21418d;
        font-family: "raleway-bold", sans-serif;
        margin-bottom: 4px
    }

    .profile-menu__section.profile--unauthenticated .profile__description,
    .profile-menu__section.profile--authenticated .profile__description,
    .profile-menu__section.profile--suspended .profile__description {
        font-size: 15px;
        color: #21418d;
        font-family: "raleway-bold", sans-serif
    }

    .profile-menu__section.profile--unauthenticated .profile__description span,
    .profile-menu__section.profile--authenticated .profile__description span,
    .profile-menu__section.profile--suspended .profile__description span {
        display: block;
        font-family: "raleway-bold", sans-serif
    }

    .profile-menu__section.profile--mail {
        background-color: #fff;
        padding: 15px 8px;
        display: none;
        flex-direction: column;
        text-align: center;
        margin: 0 8px 8px;
        border: 1px solid #e2e2e2;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        font-size: 13px
    }

    .profile-menu__section.profile--mail.show {
        display: flex
    }

    .profile-menu__section.profile--mail span {
        font-family: "raleway-bold", sans-serif
    }

    .profile-menu__section.profile--phone {
        display: none;
        background-color: #ecf1fd;
        padding: 16px;
        border: 1px solid #2cb6dc;
        text-align: center;
        flex-direction: column;
        margin: 10px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px
    }

    .profile-menu__section.profile--phone.active {
        display: flex
    }

    .profile-menu__section.profile--phone .profile--phone__heading {
        font-size: 14px;
        font-family: "raleway-bold", sans-serif;
        display: block;
        margin-bottom: 10px;
        color: #2cb6dc
    }

    .profile-menu__section.profile--phone .profile--phone__button {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        height: 40px;
        line-height: 40px;
        margin-bottom: 12px
    }

    .profile-menu__section.profile--phone .profile--phone__button:hover,
    .profile-menu__section.profile--phone .profile--phone__button:focus,
    .profile-menu__section.profile--phone .profile--phone__button:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile-menu__section.profile--phone .profile--phone__button:disabled,
    .profile-menu__section.profile--phone .profile--phone__button [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .profile-menu__section.profile--phone .profile--phone__button:after {
        display: none
    }

    .profile-menu__section.profile--phone .profile--phone__footer {
        color: #2cb6dc;
        font-size: 12px
    }

    .profile-menu .title-signout a {
        font-size: 14px;
        font-family: "raleway-bold", sans-serif;
        color: #212120;
        padding: 11px 13px;
        display: block;
        background-color: #fff;
        -webkit-transition: background-color .2s ease;
        -moz-transition: background-color .2s ease;
        -o-transition: background-color .2s ease;
        transition: background-color .2s ease
    }

    .profile-menu .title-signout a:hover {
        background-color: #f2f2f2
    }

    .profile-menu .profile--copyright {
        padding: 11px 16px 31px;
        font-size: 13px;
        display: flex;
        align-items: center;
        background-color: #fafafa
    }

    .profile-menu .profile--copyright:before {
        content: "";
        width: 26px;
        height: 13px;
        display: block;
        margin-right: 8px;
        background-image: url("");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }

    .profile-menu-msg-verify {
        border-radius: 2px;
        text-align: center;
        padding: 16px;
        border: 1px solid #20438c;
        background: #dae0ed;
        margin: 0 8px 8px
    }

    .profile-menu-msg__heading {
        font-size: 15px;
        display: block;
        letter-spacing: 0;
        margin-bottom: 8px;
        font-family: "raleway-bold", sans-serif;
        color: #21418d
    }

    .profile-menu-msg__button {
        font-size: 15px;
        background-color: #2cb6dc;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        text-align: center;
        display: block !important;
        line-height: 8px !important;
        margin: 0 0 8px !important;
        letter-spacing: 0 !important;
        background-color: #2cb6dc !important
    }

    .profile-menu-msg__button:hover,
    .profile-menu-msg__button:focus,
    .profile-menu-msg__button:active {
        background-color: #1e96b7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile-menu-msg__button:disabled,
    .profile-menu-msg__button [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .profile-menu-msg__button:hover,
    .profile-menu-msg__button:focus,
    .profile-menu-msg__button:active {
        background-color: #1e96b7 !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile-menu-msg__button:after {
        display: none !important
    }

    .profile-menu-msg__footer {
        font-size: 12px
    }

    .profile--unauthenticated,
    .profile--authenticated,
    .profile--suspended {
        background-color: #d9e0ee;
        padding: 16px 8px;
        display: none;
        flex-direction: column;
        text-align: center;
        margin: 0 16px 16px;
        border: 1px solid #21418d;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

    .profile--unauthenticated.show,
    .profile--authenticated.show,
    .profile--suspended.show {
        display: flex
    }

    .profile--unauthenticated>a,
    .profile--authenticated>a,
    .profile--suspended>a {
        font-size: 15px;
        background-color: #dd1f26;
        color: #fff;
        font-family: "raleway-bold", sans-serif;
        padding: 0 24px;
        display: inline-block;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s ease, color .2s ease;
        -moz-transition: background-color .2s ease, color .2s ease;
        -o-transition: background-color .2s ease, color .2s ease;
        transition: background-color .2s ease, color .2s ease;
        font-weight: 400;
        height: 40px;
        line-height: 38px;
        display: block;
        margin: 8px auto
    }

    .profile--unauthenticated>a:hover,
    .profile--unauthenticated>a:focus,
    .profile--unauthenticated>a:active,
    .profile--authenticated>a:hover,
    .profile--authenticated>a:focus,
    .profile--authenticated>a:active,
    .profile--suspended>a:hover,
    .profile--suspended>a:focus,
    .profile--suspended>a:active {
        background-color: #b0191e;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0
    }

    .profile--unauthenticated>a:disabled,
    .profile--unauthenticated>a [disabled=disabled],
    .profile--authenticated>a:disabled,
    .profile--authenticated>a [disabled=disabled],
    .profile--suspended>a:disabled,
    .profile--suspended>a [disabled=disabled] {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .profile--unauthenticated>a:hover,
    .profile--authenticated>a:hover,
    .profile--suspended>a:hover {
        color: #fff
    }

    .profile--unauthenticated>span,
    .profile--authenticated>span,
    .profile--suspended>span {
        font-size: 13px;
        color: #21418d;
        font-family: "raleway-bold", sans-serif
    }

    .profile--unauthenticated>span a,
    .profile--authenticated>span a,
    .profile--suspended>span a {
        font-family: "raleway-bold", sans-serif;
        color: #21418d;
        text-decoration: underline
    }
}



@media(min-width: 1024px) {
    .signup {
        max-width: 572px;
        -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .signup {
        padding: 70px 32px;
        min-height: 100vh
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .signup__close-btn {
        width: 20px;
        height: 20px
    }
}



@media(min-width: 1024px) {
    .signup--container {
        width: 390px;
        margin: 0 auto;
        padding-bottom: 32px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .signup__title {
        margin-bottom: 16px
    }
}







@media(min-width: 1024px) {
    .signup__features {
        max-width: 270px;
        margin: 0 auto 16px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .signup__features {
        padding: 0 11px
    }
}











@media(min-width: 1024px) {
    .signup__form {
        padding: 0 16px
    }
}





@media(min-width: 1024px) {
    .signup__form .row {
        max-width: 305px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .signup__form .alert {
        margin: 8px 0
    }
}







@media(min-width: 1024px) {
    .signup__form .cancel-btn {
        width: 50px
    }
}

.signup__form .cancel-btn.show {
    display: block
}



























@media(min-width: 1024px) {

    .signup__form form input[type=text],
    .signup__form form input[type=email],
    .signup__form form input[type=password] {
        max-width: 305px
    }
}







@media(min-width: 1024px) {

    .signup__form form input[type=submit],
    .signup__form form .submit {
        max-width: 305px;
        margin: 8px auto 0
    }
}











































@media(min-width: 10px)and (max-width: 1024px) {
    .signup__footer {
        margin: 8px 0 0
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .signup__terms {
        padding: 8px 0;
        margin-bottom: 0
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .signup__terms.signin {
        font-size: 15px
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .signup__tooltip span {
        left: 50%;
        top: -95px;
        width: 185px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .signup__tooltip span:before {
        top: 95px;
        left: 94px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}









@media(min-width: 1024px) {
    .signup .alert {
        max-width: 305px
    }
}



























@media(min-width: 10px)and (max-width: 1024px) {
    .signup__password-recover {
        padding: 24px 16px;
        margin: 40px 0;
        display: inline-block;
        width: 100%
    }
}



.signup__password-recover .description {
    width: 300px;
    margin: 16px auto
}

@media(min-width: 10px)and (max-width: 1024px) {
    .signup__password-recover .description {
        width: auto;
        font-size: 15px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .signup__password-recover .button {
        width: 100%
    }
}



@media(min-width: 1024px) {
    .signup .processing {
        position: absolute;
        background: rgba(255, 255, 255, .8)
    }
}



@media(min-width: 1024px) {
    .interstitial .signup {
        width: 572px;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .interstitial .signup {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 45px 25px 50px
    }
}

@media(max-height: 720px) {
    .interstitial .signup {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}







input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}























@media(min-width: 10px)and (max-width: 1024px) {
    .signup--signin {
        padding: 56px 32px 76px
    }
}

@media(min-width: 1024px) {
    .signup--signin .signup--container {
        width: 472px;
        padding-bottom: 32px
    }
}



@media(min-width: 1024px) {
    .signup--signin .signup__terms {
        margin-top: 8px;
        margin-bottom: 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .signup--signin .signup__terms {
        padding-top: 8px
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .signup--signin .signup__hint {
        width: auto;
        margin: 0 -24px;
        padding: 16px 13px 16px 15px
    }
}



















@media(min-width: 10px)and (max-width: 1024px) {
    .subscription {
        padding: 16px 32px 40px !important;
        position: relative;
        background: #fff;
        width: 100%;
        min-height: 100vh
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__close-btn {
        top: 16px
    }
}





@media(min-width: 1024px) {
    .subscription--container {
        -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
        box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--container {
        padding: 0
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--container:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100% !important;
        margin: 0 !important
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__heading {
        margin: 0 auto 21px;
        font-size: 18px;
        letter-spacing: -0.5px;
        text-align: center;
        height: auto
    }

    .subscription__heading img {
        height: 44px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__sub_free-period .subscription__sub-heading--info {
        display: none
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__sub-heading {
        margin-top: 4px;
        margin-bottom: 8px;
        font-size: 28px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__sub-heading--form {
        margin: 4px 0 0;
        font-size: 18px;
        text-align: left;
        line-height: 24px;
        letter-spacing: -0.67px
    }
}







.subscription__form-selection .processing {
    height: auto;
    position: relative;
    background: #fafafa;
    padding: 32px 0
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form-selection .processing {
        position: relative;
        margin-top: 0;
        background: rgba(255, 255, 255, .8);
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}





















.subscription--email .subscription__sub-provider.google,
.subscription--email .subscription__sub-provider.facebook {
    width: 18px;
    height: 18px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    margin-right: 4px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}



.subscription--email .subscription__sub-provider.facebook {
    background-color: #3b5998;
    background-image: url("");
    background-size: 5px
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog {
        display: flex;
        flex-direction: column;
        width: 100%
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog .item__price--main {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 8px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog .item__price-text {
        margin-right: 8px
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog .item__price-description--terms {
        font-size: 12px;
        display: block;
        color: #212120;
        line-height: 14px;
        font-family: "raleway-regular", sans-serif
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog-left {
        border-right: 0;
        padding-right: 0;
        margin: 0 auto;
        width: 256px;
        max-width: 256px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog-left .item__includes {
        font-size: 14px
    }
}



@media(min-width: 1024px) {
    .subscription__item--catalog-right {
        text-align: left;
        padding-left: 16px;
        display: flex;
        align-items: center;
        width: 254px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item--catalog-right {
        text-align: center;
        margin: 0 auto 16px;
        width: 240px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item input[type=radio]+label {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
        padding: 8px 0;
        margin-bottom: 8px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__item input+label {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
        padding: 8px 0;
        margin-bottom: 8px
    }
}



.subscription__user .processing {
    height: 100vh;
    position: relative;
    background: rgba(0, 0, 0, 0);
    padding-bottom: 20px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user .processing {
        position: relative;
        margin-top: 0;
        height: 100vh;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user {
        padding: 0;
        margin: 8px auto 16px;
        background-color: rgba(0, 0, 0, 0)
    }
}



















@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-container {
        flex-direction: column
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-registered {
        width: auto
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-registered .js-validate-error-label {
        min-height: 0
    }
}



.subscription__user-registered .registered__input.show {
    display: block
}







.subscription__user-anonymous.show {
    display: flex;
    align-items: center;
    margin-left: -280px;
    min-height: 146px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-anonymous.show {
        margin-left: 0;
        flex-direction: column
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-anonymous-divider {
        position: relative;
        text-align: center;
        font-size: 15px;
        color: #4a4a4a;
        margin: 8px 0
    }
}

@media(min-width: 1024px) {
    .subscription__user-anonymous-divider span {
        padding: 0 16px;
        margin: 36px 0 16px 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-anonymous-divider span {
        background-color: #fff;
        position: relative;
        z-index: 1;
        padding: 0 8px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-anonymous-input {
        width: 100%
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__user-anonymous-social {
        width: 100%
    }
}

.subscription__user .error-group.show {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "raleway-bold", sans-serif;
    color: #dd1f26;
    font-size: 12px
}























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__terms {
        margin: 8px -10px 16px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__details {
        margin: 8px auto 16px;
        padding: 0;
        width: auto;
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(min-width: 1024px) {
    .subscription__details--contain {
        width: 290px;
        margin: auto
    }

    .subscription__details--contain .recaptcha-container {
        margin: 0 -28px
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__details-terms--reset {
        margin: 0 0 16px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__details label {
        display: inline-block
    }
}





























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__tooltip span {
        left: 50%;
        transform: translateX(-50%);
        top: -95px;
        width: 185px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__tooltip span:before {
        top: 95px;
        left: 94px;
        transform: rotate(180deg)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__hint {
        margin: 0 -24px;
        padding: 16px 13px 16px 15px;
        background-color: #fafafa;
        border: 1px solid #dae0ed;
        display: flex;
        align-items: center;
        width: auto
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__subscribed {
        background-color: rgba(0, 0, 0, 0);
        min-height: 100vh
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__subscribed-contain {
        margin: 0 auto;
        width: auto
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__subscribed-title {
        font-size: 28px;
        line-height: 26px;
        padding: 8px 0 16px
    }
}









@media(min-width: size) {
    .subscription__subscribed-button {
        margin: 24px auto;
        min-width: 0px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__mobile {
        text-align: center
    }

    .subscription__mobile--secure {
        display: flex;
        color: #212120;
        justify-content: center;
        align-items: center
    }

    .subscription__mobile--secure img {
        margin-right: 8px
    }

    .subscription__mobile--secure .payment-secure {
        width: 62px;
        text-transform: uppercase;
        font-size: 14px;
        font-family: "raleway-regular", sans-serif
    }

    .subscription__mobile--terms {
        text-align: center
    }
}





































@media(min-width: 1024px) {
    .subscription--promo {
        width: 572px
    }
}

@media(min-width: 1024px) {
    .subscription--promo .subscription--container {
        min-height: 515px;
        padding-top: 42px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promo .subscription--container {
        padding: 60px 0;
        min-height: calc(100vh - 76px);
        text-align: center
    }
}

















@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promo .subscription__footer .item__terms {
        margin: 8px 0 8px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promo .recaptcha-container span {
        text-align: center
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promoPayment {
        text-align: center
    }
}



@media(min-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog-left {
        padding-right: 32px
    }
}

@media(min-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog-right {
        padding-left: 32px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog-right {
        width: 230px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog .item__price {
        width: auto
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog .item__price-text {
        width: unset
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog .item__price-description br {
        display: none
    }
}







@media(min-width: 1024px) {
    .subscription-payment {
        margin: 16px auto 32px;
        width: 660px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .loading {
        font-size: 15px;
        position: fixed;
        top: 50%;
        left: 50%;
        height: 100vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media(min-width: 1024px) {
    .subscription-payment .processing {
        position: absolute;
        background: rgba(255, 255, 255, .8)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content-header {
        margin: 8px 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content-header .payment-product__price {
        margin-top: 0px;
        font-size: 14px
    }

    .subscription-payment .payment-product--content-header .payment-product__description {
        font-size: 14px;
        text-align: left
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content-header .form__label label {
        margin: 0 8px 0 0
    }
}



@media(min-width: 1024px) {
    .subscription-payment .payment-product--content-header .form__items {
        margin-bottom: 0;
        z-index: 1;
        width: 162px;
        position: absolute;
        top: 0;
        right: 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content-header .form__items {
        flex-direction: row;
        justify-content: space-between;
        margin: 4px 0 8px;
        align-items: center
    }

    .subscription-payment .payment-product--content-header .form__items select {
        width: 218px
    }
}























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content {
        width: auto
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content-info {
        width: auto
    }
}



























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-credit .payment-product--content-header .form__items {
        width: 100%
    }

    .subscription-credit .payment-product--content-header .form__items select {
        width: 218px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit__title {
        padding: 8px;
        margin: 16px 0 8px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .payment-product--content-header {
        margin-bottom: 0
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .payment-product--content-header .form__items {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 4px 0 8px;
        align-items: center;
        width: auto
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .subscription-payment {
        width: auto
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .form--columns {
        margin-top: 16px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .form--columns .form__items {
        width: 100%
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .form--columns-three {
        flex-direction: column
    }
}

@media(min-width: 1024px) {
    .subscription-debit .form--columns-three .form__items:nth-child(1) {
        width: 80px
    }
}

@media(min-width: 1024px) {

    .subscription-debit .form--columns-three .form__items:nth-child(2),
    .subscription-debit .form--columns-three .form__items:nth-child(3) {
        width: 260px
    }
}



























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .form__items {
        margin-bottom: 4px
    }
}





















@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-debit .button {
        width: 100%
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment-selection {
        background: rgba(0, 0, 0, 0);
        padding: 0 8px 8px
    }
}









.subscription-payment-selection__type-item.show {
    display: flex
}













@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment-selection__actions-buttons {
        flex-direction: column;
        margin-bottom: 32px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment-selection__actions-buttons .button {
        width: 100%
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment-selection__actions-buttons .button:first-child {
        margin-right: 0;
        margin-bottom: 8px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment-selection__actions-buttons .button:last-child {
        margin-left: 0
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .payment__container {
        margin: 16px;
        width: auto;
        min-height: 100vh
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .payment__container--success {
        margin: 0 !important;
        width: auto;
        min-height: 100vh
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .payment__container--error {
        margin: 0 !important;
        width: auto;
        min-height: 100vh
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--success {
        margin: 24px 0 0 0;
        padding: 16px;
        width: 100%
    }
}



.payment__result.hide {
    display: none
}



@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--error {
        width: 100%;
        text-align: center;
        padding: 130px 38px 8px;
        margin: 0px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--error h1 {
        font-size: 18px;
        line-height: 25px;
        margin: 24px auto 50px;
        max-width: 150px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--error-button {
        width: 100%
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--logo img {
        height: 43px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--description {
        width: 100%
    }
}

















@media(min-width: 10px)and (max-width: 1024px) {
    .redirect__container:after {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 1024px) {
    .redirect__container {
        max-width: 800px;
        min-height: 600px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .redirect__container {
        min-height: 100vh;
        box-shadow: none;
        width: 100%;
        padding: 78px 36px !important
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .redirect__result--icon {
        margin-top: 0px
    }
}













@media(min-width: 10px)and (max-width: 1024px) {
    .redirect__result--button {
        width: 100%
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .redirect .subscription__form {
        width: 100%
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .status__container:after {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 1024px) {
    .status__container {
        max-width: 800px;
        min-height: 600px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .status__container {
        min-height: 100vh;
        box-shadow: none;
        width: 100%;
        padding: 78px 36px !important
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .status__icon {
        margin-top: 0px
    }
}













@media(min-width: 10px)and (max-width: 1024px) {
    .status__button {
        width: 100%
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-cancel:after {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 1024px) {
    .subscription-cancel {
        max-width: 800px;
        min-height: 600px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-cancel {
        min-height: 100vh;
        box-shadow: none;
        padding: 56px 32px 76px
    }
}





@media(min-width: 1024px) {
    .subscription-cancel--container {
        min-height: 600px;
        padding: 48px 0 0;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none;
        text-align: center
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-cancel--confirmation {
        min-height: 100vh
    }
}



@media(min-width: 1024px) {
    .subscription-cancel--confirmation .subscription-cancel__details>span {
        width: 250px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-cancel__sub-heading {
        font-size: 21px;
        line-height: 26px;
        margin: 0 auto 32px;
        width: auto
    }
}







@media(min-width: 1024px) {
    .subscription-cancel__details {
        width: 340px
    }
}



@media(min-width: 1024px) {
    .subscription-cancel__details--contain {
        width: 290px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-cancel__details>span {
        width: 230px;
        margin: 0 auto 12px
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-cancel__details textarea {
        height: 121px;
        width: 100%
    }
}





















.subscription-cancel__details .hide {
    display: none
}

.subscription-cancel__details .show {
    display: block
}



@media(min-width: 1024px) {
    .subscription-cancel__reasons {
        width: 280px
    }
}







































@media(min-width: 10px)and (max-width: 1024px) {

    .subscription--corpsub,
    .subscription--corpsub-cancel,
    .subscription--corpsub-voucher {
        width: auto;
        text-align: center;
        padding-top: 60px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {

    .subscription--corpsub .recaptcha-container,
    .subscription--corpsub-cancel .recaptcha-container,
    .subscription--corpsub-voucher .recaptcha-container {
        text-align: center
    }
}



@media(min-width: 10px)and (max-width: 1024px) {

    .subscription--corpsub .signup__form .row,
    .subscription--corpsub-cancel .signup__form .row,
    .subscription--corpsub-voucher .signup__form .row {
        margin: 0 auto 4px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {

    .subscription--corpsub .subscription--container,
    .subscription--corpsub-cancel .subscription--container,
    .subscription--corpsub-voucher .subscription--container {
        padding: 60px 0;
        text-align: center;
        margin: 0 auto;
        min-height: calc(100vh - 76px)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {

    .subscription--corpsub .subscription--container:after,
    .subscription--corpsub-cancel .subscription--container:after,
    .subscription--corpsub-voucher .subscription--container:after {
        width: 100%
    }
}









@media(min-width: 1024px) {

    .subscription--corpsub .subscription__hasprofile,
    .subscription--corpsub .subscription__terms,
    .subscription--corpsub-cancel .subscription__hasprofile,
    .subscription--corpsub-cancel .subscription__terms,
    .subscription--corpsub-voucher .subscription__hasprofile,
    .subscription--corpsub-voucher .subscription__terms {
        max-width: 305px;
        margin-left: auto;
        margin-right: auto
    }
}







@media(min-width: 10px)and (max-width: 1024px) {

    .subscription--corpsub .subscription__details--contain,
    .subscription--corpsub-cancel .subscription__details--contain,
    .subscription--corpsub-voucher .subscription__details--contain {
        width: auto;
        margin: 0 auto
    }
}











@media(min-width: 1024px) {

    .subscription--corpsub-cancel .subscription--container,
    .subscription--corpsub-voucher .subscription--container {
        min-height: 515px
    }
}

















@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container {
        flex-direction: column
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item {
        width: 100%;
        height: 96px;
        margin: 0 0 4px;
        text-align: left
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item .term {
        width: 100%;
        margin-bottom: 0
    }
}

.subscription__form--container .subscription__item .price {
    font-size: 24px;
    line-height: 24px;
    font-family: "raleway-bold", sans-serif;
    margin-bottom: 14px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item .price {
        width: 100%;
        margin-bottom: 2px
    }
}

.subscription__form--container .subscription__item .description {
    font-size: 10px;
    min-height: 28px;
    font-family: "raleway-regular", sans-serif
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item .description {
        width: 100%;
        min-height: 0
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item .save {
        position: absolute;
        top: 16px;
        right: 16px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item.featured .featured-text {
        left: initial;
        right: 16px;
        top: -10px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--container .subscription__item .tick {
        display: block
    }
}

@media(min-width: 1024px) {
    .subscription__form--container .subscription__item:nth-child(2) {
        order: 1
    }
}

@media(min-width: 1024px) {
    .subscription__form--container .subscription__item:nth-child(4) {
        order: 0
    }
}

@media(min-width: 1024px) {
    .subscription__form--container .subscription__item:nth-child(6) {
        order: 2
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection {
        padding: 16px 16px 40px !important
    }
}























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription__form input[type=submit] {
        width: 100%
    }
}











@media(min-width: 10px)and (max-width: 1024px) {

    .subscription__form--selection .subscription__user-container,
    .subscription__form--selection .subscription__details-container {
        max-width: none
    }
}







.subscription__form--selection .subscription__user-anonymous.show,
.subscription__form--selection .subscription__details-anonymous.show {
    margin-left: 0;
    flex-direction: column;
    width: 100%
}



































@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription--pricing {
        max-width: none
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-payment-selection {
        padding: 0
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-payment-selection__actions {
        max-width: none;
        margin: 0 -16px 1em;
        width: auto
    }
}





























@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-payment .payment-product--content-header {
        flex-direction: column
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-payment .payment-product--content-header .form__items {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-payment .payment-product--content-header .form__items select {
        width: 100%
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-payment .payment-product__description {
        max-width: none;
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-top: 4px
    }
}



.subscription__form--selection .subscription--email .subscription__sub-provider.google,
.subscription__form--selection .subscription--email .subscription__sub-provider.facebook {
    width: 18px;
    height: 18px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px;
    margin-right: 4px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}



.subscription__form--selection .subscription--email .subscription__sub-provider.facebook {
    background-color: #3b5998;
    background-image: url("");
    background-size: 5px
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .subscription-debit .processing {
        position: fixed;
        height: 100vh;
        top: 50%
    }
}



.subscription__form--selection .processing {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(255, 255, 255, .8)
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__form--selection .processing {
        margin: 0 auto;
        position: fixed;
        height: 100vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, .8)
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention {
        padding: 16px 16px 40px !important
    }
}











@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention .subscription__sub-heading {
        font-size: 20px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention .subscription--container {
        padding: 10px 0
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention .subscription-payment-selection {
        max-width: none;
        padding: 0
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention .subscription__blurb {
        margin-bottom: 24px
    }
}





































@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention .subscription__footer {
        margin-bottom: 0
    }
}







@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--retention .subscription__continue a {
        margin-top: 16px
    }
}















@media print{

    

    #main-content.wrapper {
        background-color: rgba(0, 0, 0, 0)
    }

    
}











@media(min-width: 10px)and (max-width: 1024px) {
    .need-help--legacy {
        max-width: 280px;
        bottom: 0px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .need-help--legacy .need-help__callcentre {
        max-width: 280px;
        height: 70px;
        bottom: -70px;
        display: block;
        line-height: 20px;
        padding-top: 14px
    }
}



@media(min-width: 1024px) {

    .signup,
    .subscription--container,
    .subscription-cancel,
    .forgot-password,
    .reset-password,
    .password-success,
    .verify-email,
    .recover-email,
    .payment__container,
    .create-password,
    .verify-mobile {
        position: relative
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription {
        padding: 16px 32px 0
    }

    .subscription--container:after {
        margin: 0 -32px;
        width: auto
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .signup:after {
        position: absolute;
        bottom: 0;
        left: 0
    }
}



.processing~.need-help {
    display: none !important
}







@media(min-width: 10px)and (max-width: 1024px) {
    .profile-delete:after {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .profile-delete {
        min-height: 100vh;
        box-shadow: none;
        width: 100%;
        padding: 78px 16px !important
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .profile-delete__container {
        width: 100%
    }
}





@media(min-width: 1024px) {
    .profile-delete__heading {
        padding: 0 260px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .profile-delete__heading {
        padding: 0 12%;
        letter-spacing: -0.67px
    }
}





























@media(min-width: 10px)and (max-width: 1024px) {
    .profile-delete__footer {
        margin-bottom: 0
    }
}























@media(min-width: 1024px) {
    .profile-delete__social .social-auth {
        max-width: 305px
    }
}















@media(min-width: 1024px) {

    .profile-delete__form input[type=text],
    .profile-delete__form input[type=password] {
        max-width: 305px
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .footer__nav {
        position: fixed;
        left: 0;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        z-index: 99;
        background: #212121;
        height: 61px;
        display: flex;
        align-items: center;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        -o-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -khtml-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0px 0 10px rgba(0, 0, 0, .2)
    }
}

.footer__nav ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

@media(min-width: 10px)and (max-width: 1024px) {
    .footer__nav ul {
        text-align: center;
        position: relative;
        display: flex;
        width: 100%;
        justify-content: space-between;
        height: 43px
    }
}

.footer__nav ul li {
    flex: 1
}

.footer__nav ul li:hover.discover_btn .footer__nav-item--icon img,
.footer__nav ul li.is-active.discover_btn .footer__nav-item--icon img {
    right: 1px;
    top: 14px
}

.footer__nav ul li.discover_btn .footer__nav-item--icon {
    width: 52px;
    height: 52px;
    border-radius: 26px;
    display: inline-block;
    margin-top: -27px;
    background: #ff3266
}

.footer__nav ul li.discover_btn .footer__nav-item--icon img {
    right: 1px;
    top: 14px
}

.footer__nav ul li.discover_btn .footer__nav-item--title {
    padding-top: 5px
}









.footer__nav-item:hover .footer__nav-item--title,
.footer__nav-item.is-active .footer__nav-item--title {
    color: #ff3266
}

.footer__nav-item:hover .footer__nav-item--icon img,
.footer__nav-item.is-active .footer__nav-item--icon img {
    right: 0
}













































































.newsletter-register,
.newsletter-subscription,
.discover-container .section-items,
.profile-details-mail-username-container,
.profile-edit,
.redirect__container,
.status__container,
.profile-delete {
    padding: 16px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}



.newsletter-subscription__image-url img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%
}



@media(min-width: 10px)and (max-width: 1024px) {
    .signup__tooltip:before {
        margin-top: 5px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .signup__tooltip span {
        width: 195px;
        top: -96px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .signup__tooltip span:before {
        left: 99px
    }
}

@media(min-width: 1024px) {
    .signup__features {
        max-width: 305px
    }
}



@media(min-width: 1024px) {
    .signup__features ul li {
        font-size: 16px
    }
}



@media(min-width: 1024px) {
    .signup__terms {
        width: 290px;
        margin: 0 auto 16px
    }
}







.newsletter-register,
.newsletter-subscription,
.discover-container .section-items,
.profile-details-mail-username-container,
.profile-edit,
.redirect__container,
.status__container,
.profile-delete {
    padding: 16px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}



.newsletter-subscription__image-url img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%
}

@media(min-width: 1024px) {
    .subscription-cancel__details {
        width: 345px
    }

    .subscription-cancel__sub-heading {
        width: 360px
    }
}



@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product__description {
        text-align: left
    }
}



@media(min-width: 1024px) {
    .subscription-payment .payment-product--content-header .form__items {
        width: 250px !important
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription-payment .payment-product--content-header .form__items {
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start
    }

    .subscription-payment .payment-product--content-header .form__items select {
        margin: 0 !important;
        min-width: 100% !important;
        width: 100% !important
    }
}



.subscription-payment .loading,
.subscription-payment .processing {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0
}

@media(min-width: 10px)and (max-width: 1024px) {

    .subscription-payment .loading,
    .subscription-payment .processing {
        top: 50%;
        left: 50%
    }
}

@media(min-width: 1024px) {
    .subscription__sub-heading {
        width: 70%;
        margin: 0 auto 8px
    }
}





@media(min-width: 10px)and (max-width: 1024px) {
    .subscription--promoPayment .subscription__item--catalog .item__price-text {
        width: auto
    }
}

.newsletter-register,
.newsletter-subscription,
.discover-container .section-items,
.profile-details-mail-username-container,
.profile-edit,
.redirect__container,
.status__container,
.profile-delete {
    padding: 16px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}



.newsletter-subscription__image-url img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%
}

.newsletter-subscription {
    background: #fff;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    position: relative
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription {
        margin-bottom: 0;
        border-radius: 0;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -khtml-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 32px;
        align-items: center
    }

    .newsletter-subscription:after {
        content: "";
        border-bottom: 1px solid #e9e9e9;
        width: calc(100% - 32px);
        display: block;
        margin: -1px auto 0;
        bottom: 0;
        height: 1px;
        left: 16px;
        position: absolute
    }
}

.newsletter-subscription__heading {
    display: flex;
    margin-bottom: 16px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__heading {
        margin-bottom: 8px
    }
}

.newsletter-subscription__heading-text {
    margin-right: 8px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__heading-text {
        margin-right: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.newsletter-subscription__heading-text div {
    font-size: 24px;
    line-height: 26px;
    font-family: "raleway-bold", sans-serif;
    color: #212120;
    margin: 0 0 8px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__heading-text div {
        font-size: 24px;
        line-height: 30px;
        margin: 0
    }
}

.newsletter-subscription__heading-text p {
    font-size: 13px;
    margin: 0
}





.newsletter-subscription__blurb {
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: flex-start;
    margin: 16px 0 0
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__blurb {
        text-align: center;
        margin: 0 0 8px 0;
        font-size: 18px;
        line-height: 24px
    }
}

.newsletter-subscription__blurb img {
    width: 54px;
    margin-right: 16px;
    flex: 0 0 auto
}

.newsletter-subscription__blurb p {
    margin: 0
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__blurb p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.newsletter-subscription__btn {
    font-size: 15px;
    background-color: #212120;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    font-size: 15px;
    text-align: center;
    display: block;
    margin-top: 16px
}

.newsletter-subscription__btn:hover,
.newsletter-subscription__btn:focus,
.newsletter-subscription__btn:active {
    background-color: #070707;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.newsletter-subscription__btn:disabled,
.newsletter-subscription__btn [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__btn {
        margin-top: 8px;
        font-family: "raleway-bold", sans-serif;
        font-size: 16px
    }
}

.newsletter-subscription__image-url {
    width: calc(32px + 100%);
    height: 214px;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    margin-left: -16px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .newsletter-subscription__image-url {
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        width: 100%;
        margin: 0 0 24px 0
    }
}



















.newsletter-register.matric-results .footer {
    height: 15px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #cc314a;
    position: absolute
}

.newsletter-register.matric-results .footer span {
    height: 100%;
    width: 14.2%
}

.newsletter-register.matric-results .footer span:nth-child(1) {
    background: #e64c65
}

.newsletter-register.matric-results .footer span:nth-child(2) {
    background: #e4663b
}

.newsletter-register.matric-results .footer span:nth-child(3) {
    background: #32a58c
}

.newsletter-register.matric-results .footer span:nth-child(4) {
    background: #12a8ab
}

.newsletter-register.matric-results .footer span:nth-child(5) {
    background: #485377
}

.newsletter-register.matric-results .footer span:nth-child(6) {
    background: #f6b31b
}

.newsletter-register.matric-results .footer span:nth-child(7) {
    background: #cc314a
}









.newsletter-register #email {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -khtml-border-radius: 20px;
    outline: none;
    border: none;
    width: 100%;
    height: 38px;
    color: #bbb7b7;
    padding: 0 15px;
    font-size: 12px;
    background: #fff;
    margin: 0 0 8px
}



.newsletter-register .footer {
    display: none
}



@media(min-width: 1024px) {

    .newsletter-subscription__heading-text p,
    .newsletter-subscription__blurb {
        font-size: 15px;
        font-family: "raleway-bold", sans-serif
    }
}













.header .auth__subscribe>a {
    font-size: 14px
}

.header .auth__profile>div {
    font-size: 13px
}

.header .auth__profile>div:before {
    width: 13px;
    height: 20px
}

.header__logo img {
    height: 40px
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__logo img {
        height: 22px;
        min-height: 22px
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header {
        background-color: #212121;
        color: #fff
    }

    .header .auth {
        align-items: center;
        display: flex
    }

    .header .auth__subscribe a {
        font-family: "raleway-regular", sans-serif;
        font-size: 12px;
        line-height: 26px;
        vertical-align: middle;
        padding: 0 16px
    }

    .header .auth__subscribe a span {
        font-weight: unset
    }

    .header .auth__login {
        margin-left: 16px !important
    }

    .header .auth__login a {
        font-family: "raleway-bold", sans-serif;
        font-size: 12px;
        line-height: 32px;
        vertical-align: middle;
        height: 32px
    }

    .header .auth__login a span {
        font-weight: unset
    }

    .header .auth__profile>div {
        font-size: 13px
    }

    .header .auth__profile>div:before {
        width: 11px;
        height: 18px
    }

    .header__content {
        text-align: right
    }
}

@media(min-width: 10px)and (max-width: 340px) {
    .header__content .auth li a {
        font-size: 12px;
        line-height: 24px;
        height: 24px
    }

    .header__content .auth__login {
        margin-left: 6px !important
    }

    .header__content .auth__subscribe a {
        padding: 0 10px
    }
}

.header__nav ul {
    justify-content: space-between
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__nav ul {
        padding: 0 !important
    }
}

.header__nav ul>li a {
    letter-spacing: 0;
    font-size: 12px;
    line-height: 16px;
    padding: 13px 16px;
    font-family: "raleway-bold", sans-serif
}

.header__nav ul>li a:after {
    background-color: #ff3266
}

.header__nav ul>li.has-children a {
    padding: 13px 22px 13px 16px
}

.header__nav ul>li.has-children:hover:before,
.header__nav ul>li.has-children .sub-nav li.has-children:hover:before {
    background-image: url("../img/icon-arrow-pink-down.svg")
}

@media(min-width: 10px)and (max-width: 1024px) {
    .header__nav ul>li {
        margin: 0 !important
    }

    .header__nav ul>li a {
        font-size: 10px !important;
        padding: 13px 16px !important;
        letter-spacing: 1px
    }
}







.header .social-links .social-control .social-item-img--twitter {
    content: url("")
}

.header .social-links .social-control .social-item-img--facebook {
    content: url("../img/facebook-2.svg")
}

.header .social-links .social-control .social-item-img--instagram {
    content: url("../img/instagram-1.svg")
}

.header .social-links .social-control .social-item-img--pinterest {
    content: url("../img/pinterest-1.svg")
}

.header .social-links .social-control .social-item-img--linkedin {
    content: url("")
}

.header .social-links .social-control .social-item-img--youtube {
    content: url("../img/tiktok-1.svg")
}

.header .social-links .social-control .social-item-img--tiktok {
    content: url("../img/tiktok-1.svg")
}

.header .social-links .social-control .social-item-img--whatsapp {
    content: url("../img/whatsapp-2.svg")
}

















.footer__copyright a.footer__contact {
    margin-bottom: 8px;
    font-size: 10px;
    font-family: "raleway-bold", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer__copyright a.footer__contact:before {
    width: 30px;
    height: 30px;
    background-image: url("../img/email-1.svg")
}

.footer__copyright a.footer__phone {
    margin-bottom: 8px;
    font-size: 10px;
    font-family: "raleway-bold", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer__copyright a.footer__phone:before {
    width: 30px;
    height: 30px;
    background-image: url("../img/phone.svg")
}

.footer__social-title {
    color: #212120;
    font-size: 10px;
    font-family: "raleway-bold", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.brandbar__links .links--image-notice {
    margin-top: -2px
}

.brandbar__links .links--image.brand_increase a img {
    height: 15px;
    width: auto;
    max-height: unset;
    max-width: unset
}

.brandbar__links .links--image a {
    min-height: 51px;
    display: flex;
    align-items: center
}

.brandbar__links li:nth-child(5) a img {
    margin-top: 2px
}

.brandbar__links li:nth-child(7) a img {
    margin-top: 1px
}

.brandbar__links li:nth-child(8) a img,
.brandbar__links li:nth-child(9) a img,
.brandbar__links li:nth-child(12) a img {
    max-height: 11px
}

.brandbar__links li:nth-child(11).links__dropdown--logo {
    padding-left: 3px;
    margin-right: 0
}

.brandbar__links li:nth-child(11).links__dropdown--logo img {
    margin-top: 1px
}

.brandbar__links li:nth-child(11).links__dropdown--logo .brandbar__dropdown {
    right: 0;
    left: unset
}

.brandbar__links li:nth-child(12).links__dropdown--notice {
    padding-right: 8px
}

.brandbar__links li:nth-child(12).links__dropdown--notice>span:after {
    margin-left: 4px
}

.brandbar .links__dropdown--notice:after {
    display: none
}

.brandbar .links__dropdown--logo {
    display: flex;
    align-items: center;
    width: auto;
    margin-right: 3px;
    padding: 12px 0 12px 10px;
    min-height: 51px
}

.brandbar .links__dropdown--logo img {
    margin-right: -7px;
    max-height: 24px
}

.brandbar .links__dropdown--logo>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.brandbar .links__dropdown--logo:after {
    display: none
}

.brandbar .links__dropdown--logo .brandbar__dropdown {
    width: auto;
    right: unset;
    left: 0
}

.brandbar .auth__subscribe>a {
    height: 24px;
    line-height: 24px
}









@media(min-width: 10px)and (max-width: 1024px) {
    .payment__result--logo img {
        height: 18px
    }
}









@media(min-width: 1024px) {
    .subscription__heading {
        background: url("");
        background-repeat: no-repeat;
        background-position: center;
        margin: 24px 0
    }

    .subscription__details input[type=submit] {
        background: #2cb6dc;
        color: #fff
    }

    .subscription__details input[type=submit]:hover {
        background-color: #1e96b7
    }

    .subscription__user input[type=submit] {
        background: #2cb6dc;
        color: #fff
    }

    .subscription__user input[type=submit]:hover {
        background-color: #1e96b7
    }

    .subscription__user label {
        padding-left: 0px
    }

    .subscription__password label {
        padding-left: 0px
    }

    .subscription__item--catalog-left span {
        position: relative;
        padding-left: 24px;
        font-size: 16px
    }

    .subscription__item--catalog-left span:before {
        background: url("") no-repeat !important;
        background-size: 17px !important;
        position: absolute;
        left: 0;
        top: 0
    }

    .subscription__item--catalog .item__price-monthly--thereafter {
        display: none
    }

    .subscription__terms a {
        color: #212120
    }

    .subscription__tooltip:before {
        background-color: #ff3266;
        width: 20px;
        height: 20px;
        margin-bottom: 5px;
        line-height: 19px
    }
}

@media(min-width: 1024px)and (min-width: 10px)and (max-width: 1024px) {
    .subscription__tooltip:before {
        margin-top: 5px
    }
}

@media(min-width: 1024px)and (min-width: 10px)and (max-width: 1024px) {
    .subscription__tooltip span {
        width: 195px;
        top: -96px
    }
}

@media(min-width: 1024px) {
    .subscription__tooltip span:before {
        left: -13px
    }
}

@media(min-width: 1024px)and (min-width: 10px)and (max-width: 1024px) {
    .subscription__tooltip span:before {
        left: 99px
    }
}

@media(min-width: 1024px) {
    .subscription-payment .payment-product--content-header .form__items {
        width: 184px
    }

    .subscription-debit .form a {
        color: #212120
    }

    .subscription-debit .form__label label {
        margin: 0
    }
}

@media(min-width: 10px)and (max-width: 1024px) {
    .subscription__heading {
        background: url("");
        background-repeat: no-repeat;
        background-position: center;
        height: 30px;
        margin-top: 8px
    }

    .subscription__user input[type=submit] {
        background: #2cb6dc;
        color: #fff
    }

    .subscription__user input[type=submit]:hover {
        background-color: #1e96b7
    }

    .subscription__user label {
        padding-left: 0px
    }

    .subscription__details input[type=submit] {
        background: #2cb6dc;
        color: #fff
    }

    .subscription__details input[type=submit]:hover {
        background-color: #1e96b7
    }

    .subscription__password label {
        padding-left: 0px
    }

    .subscription__item--catalog-left span {
        position: relative;
        padding-left: 24px;
        font-size: 16px
    }

    .subscription__item--catalog-left span:before {
        background: url("") no-repeat !important;
        background-size: 17px !important;
        position: absolute;
        left: 0;
        top: 0
    }

    .subscription__item .item__price-monthly--thereafter {
        display: none
    }

    .subscription__terms a {
        color: #212120
    }

    .subscription__tooltip:before {
        background-color: #ff3266;
        width: 20px;
        height: 20px;
        margin: 5px 0;
        line-height: 19px
    }

    .subscription__tooltip span {
        width: 195px;
        top: -96px
    }

    .subscription__tooltip span:before {
        left: 99px
    }

    .subscription-payment-selection {
        padding: 0 0px 8px;
        min-height: calc(100vh - 230px)
    }

    .subscription-payment-selection--price .item__price-number {
        color: #2cb6dc
    }

    .subscription-payment .payment-product--content-header .form__label {
        word-break: break-word
    }

    .subscription-payment .payment-product--content-header .form__items select {
        width: 185px;
        min-width: 185px;
        margin-left: 8px
    }

    .subscription-debit .form a {
        color: #212120
    }

    .subscription-debit .form__label label {
        margin: 0
    }

    .subscription-debit__trial {
        text-align: center
    }
}





@media(min-width: 1024px) {
    .profile-edit__description {
        max-width: 365px
    }
}









@media(min-width: 10px)and (max-width: 1024px) {
    .forgot-password {
        min-height: 100vh;
        height: auto
    }

    .forgot-password--container {
        top: 0;
        position: relative;
        transform: translateY(0%)
    }
}











@media(min-width: 1024px) {

    .forgot-password form .recaptcha-container,
    .forgot-password .profile-edit-card__form .recaptcha-container,
    .reset-password form .recaptcha-container,
    .reset-password .profile-edit-card__form .recaptcha-container,
    .password-success form .recaptcha-container,
    .password-success .profile-edit-card__form .recaptcha-container,
    .verify-email form .recaptcha-container,
    .verify-email .profile-edit-card__form .recaptcha-container,
    .recover-email form .recaptcha-container,
    .recover-email .profile-edit-card__form .recaptcha-container,
    .create-password .profile-edit--otp form .recaptcha-container,
    .create-password .profile-edit--otp .profile-edit-card__form .recaptcha-container,
    .profile-edit--phone form .recaptcha-container,
    .profile-edit--phone .profile-edit-card__form .recaptcha-container {
        margin: 0 -36px
    }
}



























.container .article__prime,
.container .article__prime-trial {
    display: none
}





.featured-category__synopsis .article-item__prime-unlock {
    display: none !important
}

.featured-category__synopsis .featured-category__prime {
    display: none !important
}





















@media(min-width: 10px)and (max-width: 1024px) {
    .profile--suspended {
        background: #fff;
        border: 1px solid #e9e9e9;
        margin: 0 8px 16px
    }

    .profile--suspended>a {
        background: #2cb6dc;
        color: #fff
    }

    .profile--suspended>a:hover {
        background-color: #1e96b7;
        color: #fff
    }

    .profile--suspended>span {
        color: #212120
    }

    .profile--suspended>span a {
        color: #212120
    }

    .profile-details-mail-username-container {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -khtml-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .profile-menu-msg-verify {
        border: 1px solid #212120;
        background-color: #e9e9e9
    }

    .profile-menu-msg__heading {
        color: #212120
    }

    .profile-menu-msg__button {
        background: #2cb6dc !important;
        color: #fff
    }

    .profile-menu-msg__button:hover,
    .profile-menu-msg__button:focus,
    .profile-menu-msg__button:active {
        background-color: #1e96b7 !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: 0;
        color: #fff
    }
}