/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.btn-txt:focus, .btn-txt:hover, .btn:focus, .btn:hover {
    cursor: pointer
}

legend, li, ol, td, th, ul {
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, img, main, menu, nav, section, summary, svg {
    display: block
}

body, li, ol, ul {
    margin: 0
}

body, html {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden
}

h1, h2, h3, h4, h5 {
    margin: 0 0 .5em
}

.cents, .inline-help, sub, sup {
    vertical-align: baseline
}

.center-text, .slice-menu-inline {
    text-align: center
}

#site-head:before, .clearfix::after {
    content: ''
}

html {
    font-family: "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    color: inherit;
    text-decoration: underline
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup {
    font-weight: 700
}

strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

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

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

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol, ul {
    list-style: none
}

img, svg {
    max-width: 100%;
    max-height: 100%
}

body {
    color: #232c41;
    font: 400 15px/1.6 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

.title, h1, h2, h3, h4, h5 {
    color: inherit
}

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

a:active, a:focus, a:hover {
    text-decoration: none
}

@media (max-width:767px) {
    body {
        font-size: 13px;
        line-height: 1.5
    }
}

h1 {
    font: 700 58px/1.1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

@media (max-width:767px) {
    h1 {
        font-size: 32px;
        line-height: 1.3
    }
}

h2 {
    font: 700 46px/1.1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

@media (max-width:767px) {
    h2 {
        font-size: 26px;
        line-height: 1.4
    }
}

h3 {
    font: 700 34px/1.1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

@media (max-width:767px) {
    h3 {
        font-size: 26px;
        line-height: 1.4
    }
}

h4 {
    font: 400 26px/1.4 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

@media (max-width:767px) {
    h4 {
        font-size: 19px;
        line-height: 1.47
    }
}

h5 {
    font: 700 19px/1.47 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

.layout-default h5 {
    font-size: 15px
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child {
    margin-bottom: 0
}

em {
    font: inherit;
    font-size: 1.26666em
}

small {
    font: inherit;
    font-size: .86667em
}

.title {
    font: 400 22px/30px "Mark for MC Book","Mark for MC Book","Mark for MC Book",Mark for MC Book,"Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    margin: 0 0 .5em
}

p {
    margin: 0
}

.center-text p, .container {
    margin-left: auto;
    margin-right: auto
}

p + p {
    margin-top: 1.5em
}

.clearfix::after {
    clear: both;
    display: table
}

.container {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.WCAG-hide, .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.cents {
    font-size: 50%;
    line-height: 0
}

.flag.centered img, .flag.centered svg {
    transform: translateX(-50%);
    left: 50%
}

.flag.centered #AUD-flag {
    transform: translateX(-52.5%);
    left: 50%
}

.flag.centered #USD-flag {
    transform: translateX(-45%);
    left: 50%
}

.flag.centered #AED-flag, .flag.centered #SGD-flag {
    transform: none;
    left: 0
}

.flag.centered #ZAR-flag {
    transform: translateX(-35%);
    left: 50%
}

.inline-help {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../images/ico-inline-help.svg) 50% 50% no-repeat;
    background-size: 100%
}

.ico-video {
    transition: all .3s;
    opacity: .8
}

    .ico-video img, .ico-video svg {
        width: 16px;
        height: 20px;
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        background-color: #fff;
        padding: 26px 25px 26px 31px;
        box-sizing: content-box;
        overflow: visible
    }

        .ico-video img .video-play, .ico-video svg .video-play {
            fill: #232c41
        }

    .ico-video:hover, a:hover .ico-video {
        opacity: 1;
        transition-duration: .1s
    }

@media (min-width:1024px) {
    .dtop-hide, .mobi-show, .tblt-show {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .dtop-show, .mobi-show, .tblt-hide {
        display: none !important
    }
}

@media (max-width:767px) {
    .ico-video img, .ico-video svg {
        width: 12px;
        height: 16px;
        padding: 20px 19px 20px 25px
    }

    .ico-video {
        opacity: 1
    }

    .dtop-show, .mobi-hide, .tblt-show {
        display: none !important
    }
}

.exp-wrap .exp-cnt {
    position: relative;
    overflow: hidden;
    max-height: 0;
    -moz-transition: max-height .3s ease-out;
    -o-transition: max-height .3s ease-out;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}

.exp-wrap .exp-cnt-wrap {
    display: block;
    left: 0;
    bottom: 0;
    position: static;
    width: 100%
}

.exp-wrap.exp-opened .exp-cnt {
    max-height: none
}

@media (min-width:768px) {
    .exp-wrap-mobi .exp-cls, .exp-wrap-mobi .exp-opn, .exp-wrap-mobi .exp-tog {
        text-decoration: none !important;
        cursor: default !important
    }

    .exp-wrap-mobi .exp-cnt {
        max-height: none !important
    }
}

#slice-menu a:hover, #w-back-to-top {
    text-decoration: none
}

#slice-menu {
    position: fixed;
    top: 0;
    left: 0;
    max-height: 80%;
    max-width: 80%;
    overflow: hidden;
    height: 100%;
    -moz-transform: translate(10%,-105%);
    -ms-transform: translate(10%,-105%);
    -o-transform: translate(10%,-105%);
    -webkit-transform: translate(10%,-105%);
    transform: translate(10%,-105%);
    background: #fff;
    border: 1px solid #000;
    line-height: 1.3em;
    z-index: 9998;
    display: block;
    font-family: "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    -moz-transition: transform .5s ease-in 0s;
    -o-transition: transform .5s ease-in 0s;
    -webkit-transition: transform .5s ease-in 0s;
    transition: transform .5s ease-in 0s;
    padding: 0
}

    #slice-menu::after, #slice-menu::before {
        background: #fff;
        box-shadow: 0 0 10px 10px #fff;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    #slice-menu::before {
        top: 0
    }

    #slice-menu::after {
        bottom: 0
    }

    #slice-menu.open {
        -moz-transform: translate(10%,10%);
        -ms-transform: translate(10%,10%);
        -o-transform: translate(10%,10%);
        -webkit-transform: translate(10%,10%);
        transform: translate(10%,10%);
        -moz-transition: transform .5s ease-out 0s;
        -o-transition: transform .5s ease-out 0s;
        -webkit-transition: transform .5s ease-out 0s;
        transition: transform .5s ease-out 0s
    }

    #slice-menu ul {
        margin: 0;
        overflow-y: auto;
        height: 100%;
        padding: 20px
    }

    #slice-menu li {
        font-weight: 700;
        position: relative;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin: 0 0 10px
    }

    #slice-menu a {
        font-weight: 400;
        text-decoration: underline
    }

    #slice-menu li:last-child {
        margin-bottom: 20px
    }

    #slice-menu li li {
        margin: 0;
        font-weight: 400
    }

    #slice-menu ul ul {
        overflow: visible;
        padding: 0 0 0 2em
    }

        #slice-menu ul ul ul {
            list-style: square
        }

.slice-menu-inline #slice-menu {
    position: static !important;
    margin: 50px;
    width: auto;
    display: inline-block;
    text-align: left;
    max-width: 100%;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none
}

    .slice-menu-inline #slice-menu::after, .slice-menu-inline #slice-menu::before {
        display: none
    }

.w-animation-init {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: all .6s ease-out 0s,opacity 1s linear 0s
}

.w-animation-on {
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0
}

.columned-block .link-items li.w-animation-init, .content-block.mobi-pin-img.w-animation-init {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.columned-block .link-items li.w-animation-init {
    transform: translateY(0);
    opacity: 1
}

    .columned-block .link-items li.w-animation-init::after {
        opacity: 1;
        transition: all .6s ease-out 0s;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    .columned-block .link-items li.w-animation-init:nth-child(1)::after {
        -webkit-animation: bounceInScale 3s linear 0s 1 normal both;
        animation: bounceInScale 3s linear 0s 1 normal both
    }

    .columned-block .link-items li.w-animation-init:nth-child(2)::after {
        -webkit-animation: bounceInScale 3s linear .1s 1 normal both;
        animation: bounceInScale 3s linear .1s 1 normal both
    }

    .columned-block .link-items li.w-animation-init:nth-child(3)::after {
        -webkit-animation: bounceInScale 3s linear .2s 1 normal both;
        animation: bounceInScale 3s linear .2s 1 normal both
    }

    .columned-block .link-items li.w-animation-init:nth-child(4)::after {
        -webkit-animation: bounceInScale 3s linear .3s 1 normal both;
        animation: bounceInScale 3s linear .3s 1 normal both
    }

.columned-block .link-items li.w-animation-on::after {
    opacity: 0;
    animation: none !important
}

.content-block.mobi-pin-img.w-animation-init {
    transform: translateY(0);
    opacity: 1;
    transition: all 1.2s cubic-bezier(.02,.96,.11,.98) 0s
}

.ico-video.w-animation-init {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: .8
}

.ico-video.w-animation-on {
    opacity: 0
}

.icon-row.w-animation-on {
    opacity: 1 !important;
    transform: none !important
}

.icon-row .w-icon-init {
    opacity: 1;
    transition: opacity .4s
}

.icon-row .w-icon-on, .icon-row img[src*='.svg'] {
    opacity: 0
}

.icon-row.no-animation img[src*='.svg'], .no-animation .icon-row img[src*='.svg'] {
    opacity: 1
}

.no-animation .w-animation-init, .no-animation .w-animation-init::after {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important
}

@keyframes bounceInScale {
    0% {
        transform: scaleX(0) scaleY(0);
        opacity: 0
    }

    4% {
        transform: scaleX(.088) scaleY(.088);
        opacity: .46
    }

    8% {
        transform: scaleX(.392) scaleY(.392);
        opacity: .92
    }

    12% {
        transform: scaleX(.613) scaleY(.613);
        opacity: 1
    }

    16% {
        transform: scaleX(.885) scaleY(.885)
    }

    20% {
        transform: scaleX(1.146) scaleY(1.146)
    }

    24% {
        transform: scaleX(1.247) scaleY(1.247)
    }

    28% {
        transform: scaleX(1.429) scaleY(1.429)
    }

    32% {
        transform: scaleX(1.222) scaleY(1.222)
    }

    36% {
        transform: scaleX(1.145) scaleY(1.145)
    }

    40% {
        transform: scaleX(1.014) scaleY(1.014)
    }

    44%,68% {
        transform: scaleX(1) scaleY(1)
    }

    48% {
        transform: scaleX(.99) scaleY(.99)
    }

    52% {
        transform: scaleX(.988) scaleY(.988)
    }

    56% {
        transform: scaleX(.991) scaleY(.991)
    }

    60% {
        transform: scaleX(.993) scaleY(.993)
    }

    64% {
        transform: scaleX(.997) scaleY(.997)
    }

    76% {
        transform: scaleX(1.001) scaleY(1.001)
    }

    100% {
        transform: scaleX(1) scaleY(1);
        opacity: 1
    }
}

.layout-default {
    position: relative;
    background-color: #f7f8fa
}

    .layout-default .page-content {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        max-width: 1240px;
        margin: 0 auto
    }

.tabbed-wrap .layout-default .page-content {
    max-width: 760px
}

@media (max-width:767px) {
    .layout-default .page-content {
        max-width: 480px
    }
}

.layout-default .columned-content {
    border: 1px solid #ededef;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08)
}

@media (min-width:1024px) {
    .layout-default .columned-content {
        display: flex;
        justify-content: center
    }
}

@media (max-width:1023px) {
    .layout-default .columned-content {
        max-width: 587px;
        margin-left: auto;
        margin-right: auto
    }
}

.layout-default .columned-content .column-content {
    border-width: 0;
    box-shadow: none
}

.layout-default .column-content {
    border: 1px solid #ededef;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    background-color: #fff;
    padding: 50px 100px 80px;
    max-width: 587px;
    margin: 0 auto
}

    .layout-default .column-content header {
        margin-bottom: 1.5em
    }

    .layout-default .column-content footer {
        font-size: 13px;
        margin-top: 1.5em
    }

    .layout-default .column-content .head-graphic {
        margin: 0 auto 2em
    }

        .layout-default .column-content .head-graphic img, .layout-default .column-content .head-graphic svg {
            height: 73px;
            display: block;
            margin: 0 auto
        }

@media (max-width:767px) {
    .layout-default .column-content .head-graphic img, .layout-default .column-content .head-graphic svg {
        height: 64px
    }
}

@media (min-width:768px) {
    .content-block.mobi-pin-img.w-img-on-left.w-animation-on {
        background-position: right 100vw top 50% !important
    }

    .content-block.mobi-pin-img.w-img-on-right.w-animation-on {
        background-position: left 100vw top 50% !important
    }

    .layout-default .column-content .head-graphic .success-head-ico {
        height: 90px
    }
}

@media (min-width:1024px) {
    .layout-default .column-content {
        flex: 1 1 auto
    }

        .layout-default .column-content:not(:first-child) {
            padding-left: 63px;
            padding-right: 45px;
            border-left-width: 1px;
            max-width: 409px
        }

    .layout-unauth .columned-content {
        display: flex;
        justify-content: center
    }
}

@media (max-width:1023px) {
    .layout-default .column-content:not(:first-child) {
        border-top-width: 1px
    }
}

@media (max-width:767px) {
    .layout-default .column-content {
        max-width: 100%;
        padding: 30px 15px
    }

        .layout-default .column-content h1, .layout-default .column-content h2, .layout-default .column-content h3 {
            text-align: center
        }
}

.layout-default main {
    min-height: 50vh;
    position: relative;
    background-color: #fff;
    padding: 45px 0 90px
}

    .layout-default main .content-block:last-child {
        margin-bottom: -90px
    }

@media (max-width:767px) {
    .layout-default main {
        padding-top: 10px;
        padding-bottom: 40px
    }

        .layout-default main .content-block:last-child {
            margin-bottom: -40px
        }
}

.layout-unauth {
    position: relative;
    background-color: #f7f8fa
}

    .layout-unauth .page-content {
        padding: 0 20px;
        width: 100%;
        max-width: 1036px;
        margin: 0 auto
    }

@media (max-width:767px) {
    .layout-unauth .page-content {
        max-width: 480px
    }
}

.layout-unauth .columned-content {
    border: 1px solid #ededef;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08)
}

@media (max-width:1023px) {
    .layout-unauth .columned-content {
        max-width: 587px;
        margin-left: auto;
        margin-right: auto
    }
}

.layout-unauth .columned-content .column-content {
    border-width: 0;
    box-shadow: none
}

.layout-unauth .column-content {
    border: 1px solid #ededef;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    background-color: #fff;
    padding: 50px 100px 80px;
    max-width: 587px;
    margin: 0 auto
}

    .layout-unauth .column-content header {
        margin-bottom: 1.5em
    }

    .layout-unauth .column-content section header {
        margin-bottom: 16px
    }

    .layout-unauth .column-content footer {
        font-size: 13px;
        margin-top: 1.5em
    }

    .layout-unauth .column-content .head-graphic {
        margin: 0 auto 2em
    }

        .layout-unauth .column-content .head-graphic img, .layout-unauth .column-content .head-graphic svg {
            height: 73px;
            display: block;
            margin: 0 auto
        }

@media (max-width:767px) {
    .layout-unauth .column-content .head-graphic img, .layout-unauth .column-content .head-graphic svg {
        height: 64px
    }
}

@media (min-width:1024px) {
    .layout-unauth .column-content {
        flex: 1 1 auto
    }

        .layout-unauth .column-content:not(:first-child) {
            padding-left: 63px;
            padding-right: 45px;
            border-left-width: 1px;
            max-width: 409px
        }
}

@media (max-width:1023px) {
    .layout-unauth .column-content:not(:first-child) {
        border-top-width: 1px
    }
}

@media (max-width:767px) {
    .layout-unauth .column-content {
        max-width: 100%;
        padding: 30px 15px
    }

        .layout-unauth .column-content h1, .layout-unauth .column-content h2, .layout-unauth .column-content h3 {
            text-align: center
        }

        .layout-unauth .column-content section header {
            font-size: 15px
        }
}

.layout-unauth main {
    min-height: 0;
    position: relative;
    background-color: transparent;
    padding: 0 0 90px
}

@media (max-width:767px) {
    .layout-unauth main {
        padding: 10px 0 40px
    }

        .layout-unauth main .page-content {
            padding-left: 10px;
            padding-right: 10px
        }
}

@media (min-width:768px) {
    .layout-unauth .column-content .head-graphic .success-head-ico {
        height: 90px
    }

    .layout-unauth main:before {
        content: '';
        display: block;
        background-color: #232c41;
        color: #fff;
        height: 280px;
        margin: 0 0 -165px
    }
}

.layout-unauth main section + section {
    margin-top: 40px
}

.layout-unauth hr {
    margin: 30px auto;
    height: 1px;
    border: 0 solid #ededef;
    border-width: 1px 0 0;
    padding: 0;
    width: auto;
    display: block
}

.layout-unauth .unauth-reload-step {
    font-size: 15px
}

    .layout-unauth .unauth-reload-step h1 {
        text-align: center;
        font-size: 46px;
        line-height: 1.2
    }

        .layout-unauth .unauth-reload-step h1 sup {
            font: inherit;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            vertical-align: inherit;
            display: block;
            color: #6d7585
        }

@media (max-width:767px) {
    .layout-unauth hr {
        margin: 24px auto
    }

    .layout-unauth .unauth-reload-step h1 {
        font-size: 34px
    }
}

.layout-unauth .unauth-reload-step h2 {
    text-align: center;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 400
}

@media (max-width:767px) {
    .layout-unauth .unauth-reload-step h2 {
        font-size: 19px
    }
}

@media (min-width:768px) {
    .layout-unauth .unauth-reload-step:not(.unauth-reload-step1) .column-content {
        padding-left: 66px;
        padding-right: 66px;
        max-width: 720px
    }
}

@keyframes toggle-menu-burger-t {
    0% {
        transform: rotate(0);
        top: 6px
    }

    50% {
        transform: rotate(0);
        top: 0
    }

    100% {
        transform: rotate(-45deg);
        top: 0
    }
}

@keyframes toggle-menu-burger-b {
    0% {
        transform: rotate(0);
        top: -6px
    }

    50% {
        transform: rotate(0);
        top: 0
    }

    100% {
        transform: rotate(45deg);
        top: 0
    }
}

#site-head .card-number dl {
    font-size: 13px;
    padding: 0;
    margin: 0;
    line-height: 21px
}

#site-head .card-number dt {
    font-weight: 700;
    padding: 0;
    margin: 0
}

#site-head .card-number dd {
    font-size: 11px;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    #site-head .card-number dd, #site-head nav {
        font-size: 15px
    }

    #site-head {
        color: #fff
    }

        #site-head .fixable-wrap {
            height: auto !important
        }

        #site-head .fixable-item {
            border-bottom: 1px solid transparent;
            position: absolute;
            left: 0;
            width: 100%;
            transition: background-color .3s,border .3s;
            z-index: 10
        }

        #site-head .page-content {
            max-width: 1440px
        }

        #site-head .site-head-page-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 64px;
            height: 1px
        }

        #site-head a {
            text-decoration: none
        }

            #site-head a:hover {
                text-decoration: underline
            }

        #site-head .logo {
            width: 165px;
            height: 32px;
            float: left
        }

            #site-head .logo g.cp, #site-head .logo g.mc {
                fill: #fff;
                transition: all .3s
            }

        #site-head nav {
            line-height: 1;
            font-weight: 700;
            display: flex;
            align-items: center
        }

            #site-head nav .btn {
                margin-left: 15px
            }

                #site-head nav .btn:not(:last-child) {
                    margin-right: 15px
                }

        #site-head .mobi-nav {
            display: flex;
            align-items: center
        }

        #site-head .nav-burger {
            display: none
        }

        #site-head nav a:not(.nav-burger) {
            padding: 5px 15px
        }

            #site-head nav a:not(.nav-burger):not(.btn) {
                transition: all .3s
            }

        #site-head .btn-clear {
            min-width: 107px;
            color: inherit;
            border-color: #fff
        }

        #site-head .fix-me, #site-head .fix-me-bottom, #site-head:hover {
            color: #232c41
        }

            #site-head .fix-me .fixable-item, #site-head .fix-me-bottom .fixable-item, #site-head:hover .fixable-item {
                background-color: #fff;
                border-bottom-color: rgba(0,0,0,.07)
            }

            #site-head .fix-me .btn-clear, #site-head .fix-me-bottom .btn-clear, #site-head:hover .btn-clear {
                border-color: #232c41
            }

                #site-head .fix-me .btn-clear:active, #site-head .fix-me .btn-clear:hover, #site-head .fix-me-bottom .btn-clear:active, #site-head .fix-me-bottom .btn-clear:hover, #site-head:hover .btn-clear:active, #site-head:hover .btn-clear:hover {
                    background-color: #232c41;
                    color: #fff;
                    border-color: #232c41
                }

            #site-head .fix-me .logo g.cp, #site-head .fix-me .logo g.mc, #site-head .fix-me-bottom .logo g.cp, #site-head .fix-me-bottom .logo g.mc, #site-head:hover .logo g.cp, #site-head:hover .logo g.mc {
                fill: #232c41
            }

        #site-head + main {
            border-top: 65px solid #232c41
        }
}

@media (max-width:767px) {
    #site-head {
        color: #232c41
    }

        #site-head .fixable-wrap {
            height: auto !important
        }

        #site-head .fixable-item {
            border-bottom: 1px solid rgba(0,0,0,.07);
            position: absolute;
            left: 0;
            z-index: 99999;
            width: 100%;
            transition: background-color .3s,border .3s;
            background-color: #fff
        }

        #site-head .page-content {
            max-width: 100%;
            padding: 0 17px;
            position: relative
        }

        #site-head .site-head-page-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 64px
        }

        #site-head a {
            text-decoration: none
        }

        #site-head .logo {
            width: 85px;
            height: 17px;
            margin: 0 auto 0 0
        }

            #site-head .logo g.cp, #site-head .logo g.mc {
                fill: #232c41;
                transition: all .3s
            }

        #site-head .head-btns .btn {
            padding: 6px 10px;
            margin: 0 0 0 8px;
            font-size: 13px;
            min-width: 0
        }

        #site-head .btn-clear {
            min-width: 107px
        }

        #site-head .nav-burger {
            padding: 17px 13px;
            margin: 0 0 0 -13px
        }

            #site-head .nav-burger > span {
                background-color: #232c41;
                height: 2px;
                width: 23px;
                display: block;
                position: relative;
                transition: all .5s
            }

                #site-head .nav-burger > span:after, #site-head .nav-burger > span:before {
                    background-color: inherit;
                    height: 2px;
                    display: block;
                    content: '';
                    position: absolute;
                    left: 0;
                    width: 100%;
                    transition: top .5s .5s,transform .5s 0s
                }

                #site-head .nav-burger > span:before {
                    top: -6px
                }

                #site-head .nav-burger > span:after {
                    top: 6px
                }

    .show-site-nav #site-head .nav-burger > span {
        height: 0
    }

        .show-site-nav #site-head .nav-burger > span:before {
            top: 0;
            transform: rotate(-45deg);
            transition: top .5s 0s,transform .5s .5s
        }

        .show-site-nav #site-head .nav-burger > span:after {
            top: 0;
            transform: rotate(45deg);
            transition: top .5s 0s,transform .5s .5s
        }

    #site-head nav {
        position: absolute;
        top: 100%;
        left: 0;
        transform: translate(-100%,0);
        transition: all .3s ease-in;
        height: calc(100vh - 64px);
        overflow: hidden;
        overflow-y: auto;
        padding: 0 10px 0 0
    }

    .show-site-nav #site-head nav {
        transform: translate(0,0);
        transition: all .3s ease-out
    }

    #site-head .mobi-nav {
        padding: 15px 0;
        min-height: 100%;
        box-shadow: 0 0 7px 3px #0a0b0b;
        background-color: #232c41;
        color: #fff;
        width: 280px;
        max-width: 100vw
    }

        #site-head .mobi-nav a:not(.btn) {
            display: block;
            padding: 13px 19px;
            border: 0 solid transparent;
            border-width: 0 0 0 3px;
            transition: all .3s;
            font-weight: 700;
            font-size: 15px
        }

            #site-head .mobi-nav a:not(.btn).active, #site-head .mobi-nav a:not(.btn):active, #site-head .mobi-nav a:not(.btn):focus, #site-head .mobi-nav a:not(.btn):hover {
                background-color: rgba(101,109,124,.08);
                transition-duration: .1s
            }

            #site-head .mobi-nav a:not(.btn).active, #site-head .mobi-nav a:not(.btn):active {
                border-color: #f7f8fa
            }

        #site-head .mobi-nav .btn {
            display: block;
            width: auto;
            min-width: 0;
            max-width: none;
            margin: 15px 19px 0;
            border-color: #fff
        }

    #site-head .card-number dl {
        line-height: 16px
    }

    #site-head .card-number dd {
        font-size: 11px
    }

    #site-head + main {
        border-top: 65px solid #232c41
    }

    .show-site-nav, .show-site-nav body {
        overflow: hidden !important
    }
}

#site-foot, #site-foot footer {
    border-top: 1px solid rgba(0,0,0,.07)
}

#site-head:before {
    position: fixed;
    left: 0;
    top: 0;
    right: 100%;
    bottom: 100%;
    background-color: #000;
    opacity: 0;
    transition: right 0s .3s,bottom 0s .3s,opacity .3s 0s;
    z-index: 9
}

.show-site-nav #site-head:before {
    transition-delay: 0s,0s,.1s;
    right: 0;
    bottom: 0;
    opacity: .3
}

@media print {
    #site-head .fixable-item {
        position: absolute !important
    }
}

#w-back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    min-width: 48px;
    height: 0;
    opacity: 0;
    transition: opacity 1s
}

    #w-back-to-top span {
        padding: 3px;
        text-shadow: 1px 1px 0 rgba(255,255,255,.5)
    }

    #w-back-to-top::before {
        position: absolute;
        top: 0;
        right: 50%;
        content: "";
        width: 48px;
        height: 48px;
        box-shadow: 0 0 6px -1px rgba(255,255,255,.3);
        border-radius: 50%;
        transform: translateX(50%);
        background: url(../images/back-to-top.png) 50% 50% no-repeat #242c41
    }

    #w-back-to-top.w-visible {
        height: auto;
        padding-top: 64px;
        opacity: 1;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
        color: #242c41
    }

@media (max-width:767px) {
    #w-back-to-top.w-visible {
        padding-top: 48px
    }

    #w-back-to-top span {
        display: none
    }
}

#site-foot {
    padding: 30px 0 10px
}

    #site-foot .main-container h4 {
        font: 700 19px/1.3 "Mark for MC Book","Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
    }

.cta-1, .cta-2, .cta-3 {
    font-weight: 700
}

@media (min-width:768px) {
    #site-foot .main-container {
        display: flex;
        width: 100%;
        padding: 50px 0;
        justify-content: space-between
    }

        #site-foot .main-container > section:not(:first-child) {
            border-left: 1px solid rgba(0,0,0,.07);
            padding-left: 40px
        }

        #site-foot .main-container > section:not(:last-child) {
            padding-right: 40px
        }

        #site-foot .main-container > section:not(.xchg-rates-section) {
            flex: 1 1 auto
        }

        #site-foot .main-container > .xchg-rates-section {
            flex: 0 0 auto;
            width: 323px
        }

        #site-foot .main-container h4 {
            font-size: 26px
        }
}

@media (max-width:767px) {
    #site-foot .main-container > section {
        padding: 0 0 30px
    }

        #site-foot .main-container > section:not(:first-child) {
            border-top: 1px solid rgba(0,0,0,.07);
            padding-top: 30px
        }
}

#site-foot .terms-section {
    max-width: 830px;
    font-size: 13px;
    line-height: 1.5
}

    #site-foot .terms-section .exp-cnt p {
        margin-top: 1.5em
    }

    #site-foot .terms-section .foot-mc-logo {
        height: 64px;
        max-width: 82px;
        margin-bottom: 30px
    }

    #site-foot .terms-section .terms-item + .terms-item {
        margin-top: 2em
    }

    #site-foot .terms-section .terms-item.exp-opened .more, #site-foot .terms-section .terms-item:not(.exp-opened) .less {
        display: none
    }

    #site-foot .terms-section .togg-terms {
        display: inline-block;
        padding-top: 1.5em;
        text-decoration: underline;
        transition: opacity .3s 0s,width 0s .3s
    }

        #site-foot .terms-section .togg-terms:hover, #site-foot .terms-section .togg-termsfocus {
            text-decoration: none
        }

#site-foot footer {
    font-size: 15px;
    margin: 0
}

@media (min-width:768px) {
    #site-foot footer {
        padding: 50px 0;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap
    }

        #site-foot footer span {
            margin: 0 50px 0 0
        }

        #site-foot footer a {
            margin: 0 25px 0 0
        }
}

@media (max-width:767px) {
    #site-foot footer {
        padding: 30px 0
    }

        #site-foot footer a, #site-foot footer span {
            display: block
        }

        #site-foot footer > :not(:first-child) {
            margin-top: 20px
        }
}

.btn, .btn-txt {
    display: inline-block;
    text-decoration: none !important
}

.btn {
    transition: all .2s ease-out;
    text-align: center;
    font-size: 15px;
    line-height: 1.33333em;
    padding: 12px 35px;
    border: 2px solid transparent;
    border-radius: 100px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent
}

    .btn:hover {
        transition-duration: 50ms
    }

.btn-slim {
    padding-top: 5px;
    padding-bottom: 5px
}

.btn-fat {
    padding-top: 15px;
    padding-bottom: 16px;
    font-size: 19px
}

button.btn {
    min-height: 48px
}

button.btn-slim {
    min-height: 34px
}

button.btn-fat {
    min-height: 60px
}

.cta-1 {
    background-color: #232c41;
    color: #fff;
    border-color: #232c41
}

    .cta-1:active, .cta-1:focus, .cta-1:hover {
        background-color: #2f3b57;
        color: #fff;
        border-color: #2f3b57
    }

.cta-2 {
    background-color: #fff;
    color: #232c41;
    border-color: #232c41
}

    .cta-2:active, .cta-2:focus, .cta-2:hover {
        background-color: #232c41;
        color: #fff;
        border-color: #232c41
    }

.cta-3 {
    background-color: #f45345;
    color: #f7f8fa;
    border-color: #f45345
}

    .cta-3:active, .cta-3:focus, .cta-3:hover {
        background-color: #f04035;
        color: #f7f8fa;
        border-color: #f04035
    }

.btn-txt {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    font-family: "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    border: 0;
    background-color: transparent;
    padding: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: inherit
}

.inp-txt:not(textarea), input.no-spin {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.btn-txt.btn-rrarr:before, .btn-txt:not(.btn-rrarr):after {
    content: '';
    background-color: #232c41;
    right: 0;
    left: 0;
    bottom: -.1em;
    position: absolute;
    height: 1px;
    transition: all .3s;
    opacity: 1
}

.btn-llarr::before, .btn-rrarr::after {
    display: inline-block;
    width: .93333em;
    height: .73333em;
    vertical-align: baseline;
    content: ''
}

.btn-txt:focus.btn-rrarr:before, .btn-txt:focus:not(.btn-rrarr):after, .btn-txt:hover.btn-rrarr:before, .btn-txt:hover:not(.btn-rrarr):after {
    left: 50%;
    right: 50%;
    opacity: 0;
    transition-duration: .1s
}

.btn-clear {
    background-color: transparent;
    color: inherit
}

.btn-disabled, .btn[disabled], a.btn-text:not([href]), a.btn:not([href]) {
    background-color: #e4e5e8;
    color: #6e6e6e;
    border-color: #e4e5e8
}

    .btn-disabled:active, .btn-disabled:focus, .btn-disabled:hover, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, a.btn-text:not([href]):active, a.btn-text:not([href]):focus, a.btn-text:not([href]):hover, a.btn:not([href]):active, a.btn:not([href]):focus, a.btn:not([href]):hover {
        background-color: #e4e5e8;
        color: #6e6e6e;
        border-color: #e4e5e8;
        cursor: default
    }

.btn-llarr::before {
    background: url(../images/btn-larr.svg) 50% 50% no-repeat;
    background-size: 100% 100%;
    margin-right: .8em
}

.btn-llarr:hover::before {
    animation: btn-bounce-left 1s ease-in-out alternate infinite
}

.btn-rrarr::after {
    background: url(../images/btn-rarr.svg) 50% 50% no-repeat;
    background-size: 100% 100%;
    margin-left: .8em
}

.btn-rrarr:hover::after {
    animation: btn-bounce-right 1s ease-in-out alternate infinite
}

.btn.btn-llarr::before {
    background: url(../images/btn-larr-232c41.svg) 50% 50% no-repeat
}

.btn.btn-rrarr::after {
    background: url(../images/btn-rarr-232c41.svg) 50% 50% no-repeat
}

.cta-1.btn-llarr::before, .cta-3.btn-llarr::before {
    background: url(../images/btn-larr-fff.svg) 50% 50% no-repeat
}

.cta-1.btn-rrarr::after, .cta-3.btn-rrarr::after {
    background: url(../images/btn-rarr-fff.svg) 50% 50% no-repeat
}

.cta-2.btn-llarr:active::before, .cta-2.btn-llarr:focus::before, .cta-2.btn-llarr:hover::before {
    background: url(../images/btn-larr-fff.svg) 50% 50% no-repeat
}

.cta-2.btn-rrarr:active::after, .cta-2.btn-rrarr:focus::after, .cta-2.btn-rrarr:hover::after {
    background: url(../images/btn-rarr-fff.svg) 50% 50% no-repeat
}

.lnk, .terms-section a {
    text-decoration: none !important;
    border-bottom: 1px solid #232c41
}

    .lnk:focus, .lnk:hover, .terms-section a:focus, .terms-section a:hover {
        text-decoration: none;
        border-bottom-color: transparent
    }

.btn + .btn {
    margin-top: 1em
}

@keyframes btn-bounce-left {
    0%,60% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-25%)
    }
}

@keyframes btn-bounce-right {
    0%,60% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(25%)
    }
}

.msg-block {
    border-radius: 3px
}

    .msg-block .msg-block-content {
        padding: 20px 20px 20px 50px;
        position: relative;
        font-size: 15px;
        line-height: 1.6;
        font-weight: 400
    }

        .msg-block .msg-block-content::before {
            content: '';
            background: 50% 50% no-repeat none;
            background-size: 100% 100%;
            position: absolute;
            left: 25px;
            top: 20px;
            width: 14px;
            height: 1.6em
        }

@media (max-width:767px) {
    .msg-block .msg-block-content {
        padding: 16px 16px 16px 42px
    }

        .msg-block .msg-block-content::before {
            left: 16px;
            top: 16px;
            width: 14px;
            height: 1.6em
        }
}

.msg-block.success-msg {
    color: #232c41;
    background-color: rgba(0,180,103,.21)
}

    .msg-block.success-msg .msg-block-content::before {
        background-image: url(../images/ico-success-msg.svg)
    }

.msg-block.warning-msg {
    color: #232c41;
    background-color: rgba(245,158,0,.24)
}

    .msg-block.warning-msg .msg-block-content::before {
        background-image: url(../images/ico-warn-msg.svg)
    }

.msg-block.error-msg {
    color: #232c41;
    background-color: rgba(228,42,0,.24)
}

    .msg-block.error-msg .msg-block-content::before {
        background-image: url(../images/ico-error-msg.svg)
    }

.msg-block.closable-msg {
    padding-right: 40px;
    position: relative;
    overflow: hidden
}

    .msg-block.closable-msg .close-x {
        position: absolute;
        top: 25px;
        right: 40px;
        z-index: 1
    }

header .msg-block {
    margin-top: 1.5em;
    margin-bottom: 2em
}

* + .msg-block {
    margin-top: .8em
}

.popup {
    padding: 0;
    background-color: rgba(60,60,60,.8);
    color: inherit;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    z-index: 30;
    height: 0;
    opacity: 0;
    transition: height 0s .3s,opacity .3s 0s;
    overflow: hidden;
    overflow-y: auto
}

    .popup .popup-outer {
        display: table;
        height: 100%;
        table-layout: fixed;
        width: 100%
    }

    .popup .popup-inner {
        display: table-cell;
        text-align: center;
        padding: 40px;
        vertical-align: middle
    }

    .popup .popup-content-wrap {
        background-color: #fff;
        color: #3c3c3c;
        display: block;
        margin: 0 auto;
        max-width: 715px;
        padding: 60px;
        font-size: 20px;
        line-height: 1.4;
        position: relative;
        border-radius: 4px
    }

    .popup .popup-close-x:after, .popup .popup-close-x:before {
        background-color: #3c3c3c;
        content: ''
    }

    .popup .popup-content-wrap header {
        font-size: 42px;
        font-weight: 700;
        margin: 0 0 .75em
    }

    .popup .popup-content p + * {
        margin-top: 1.4em
    }

    .popup .popup-btn-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid rgba(218,218,218,.4);
        padding: 0;
        margin: 25px 0 0;
        flex-wrap: wrap
    }

        .popup .popup-btn-row :not(.btn-cancel) {
            order: 1
        }

        .popup .popup-btn-row .btn, .popup .popup-btn-row .btn-txt {
            margin: 25px 0 0
        }

    .popup .popup-close-x {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 25px;
        height: 25px;
        transform: rotate(45deg);
        text-indent: -100vw;
        transition: transform .1s;
        z-index: 1
    }

        .popup .popup-close-x:before {
            width: 3px;
            height: 100%;
            position: absolute;
            left: calc(50% - 1.5px);
            top: 0
        }

        .popup .popup-close-x:after {
            height: 3px;
            width: 100%;
            position: absolute;
            top: calc(50% - 1.5px);
            left: 0
        }

        .popup .popup-close-x:focus, .popup .popup-close-x:hover {
            transform: rotate(45deg) scale(1.1);
            transition: transform 0s
        }

    .popup .popup-media-wrap {
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%;
        display: block
    }

    .popup.show-me {
        height: 100%;
        transition-delay: 0s;
        opacity: 1
    }

    .popup.popup-zoom .popup-content-wrap {
        transform: scale(0);
        transition: all .3s ease-in
    }

    .popup.popup-zoom.show-me .popup-content-wrap {
        transform: scale(1)
    }

@media (max-width:767px) {
    .popup .popup-inner {
        padding: 124px 20px 20px
    }

    .popup .popup-content-wrap {
        font-size: 18px;
        line-height: 1.4em;
        max-width: 500px;
        padding: 24px
    }

        .popup .popup-content-wrap header {
            font-size: 24px
        }

    .popup .popup-btn-row {
        justify-content: center
    }

        .popup .popup-btn-row * {
            display: block;
            margin: 0 auto
        }

        .popup .popup-btn-row .btn {
            flex-basis: 100%
        }

        .popup .popup-btn-row :not(.btn-cancel) {
            order: -1
        }

    .popup .popup-close-x {
        position: absolute;
        top: 84px;
        right: 20px;
        width: 18px;
        height: 18px
    }

        .popup .popup-close-x:before {
            width: 2px;
            left: 8px
        }

        .popup .popup-close-x:after {
            height: 2px;
            top: 8px
        }
}

.popup-full-screen {
    background-color: #fff;
    padding: 0
}

    .popup-full-screen .popup-content-wrap {
        padding: 0;
        max-width: 100vw
    }

@media (min-width:768px) {
    .popup-full-screen .popup-inner {
        padding: 20px
    }

    .popup-full-screen .popup-content-wrap {
        max-width: 100vw
    }

    .popup-full-screen .popup-close-x {
        top: 35px;
        right: 35px
    }
}

.popup-visible, .popup-visible body {
    overflow: hidden !important
}

input, textarea {
    box-shadow: none;
    min-width: 0
}

.inp-txt {
    font: 400 15px/1.6 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    color: #232c41;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.24);
    border-radius: 3px;
    min-height: 49px;
    padding: .76666em 1.2em;
    width: 100%
}

input[type=checkbox]:not(.custom-input):not(.tabbed-flag):disabled + label, input[type=radio]:not(.custom-input):not(.tabbed-flag):disabled + label {
    color: #6e6e6e
}

@media (max-width:767px) {
    .inp-txt {
        padding: .625em 1.1em;
        min-height: 48px
    }
}

input[type=checkbox]:not(.custom-input):not(.tabbed-flag) {
    position: fixed;
    right: 100vw
}

    input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label {
        display: block;
        padding-left: 3em
    }

        input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label::before {
            content: '';
            background: url(../images/cb-checked.svg) 50% 50% no-repeat #fff;
            background-size: 0 0;
            border: 1px solid rgba(0,0,0,.24);
            border-radius: 3px;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0;
            transition: background-color .1s,background-size .1s
        }

    input[type=checkbox]:not(.custom-input):not(.tabbed-flag):checked + label::before {
        background-size: 14px 14px;
        background-color: #232c41;
        transition-delay: 0s,.05s
    }

@media (max-width:767px) {
    input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label {
        padding-left: 2.4em;
        font-size: 13px
    }

        input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label::before {
            width: 20px;
            height: 20px
        }

    input[type=checkbox]:not(.custom-input):not(.tabbed-flag):checked + label::before {
        background-size: 12px 12px
    }
}

input[type=checkbox]:not(.custom-input):not(.tabbed-flag):disabled + label::before {
    background-color: #fafafa;
    border-color: #e4e5e8
}

input[type=radio]:not(.custom-input):not(.tabbed-flag) {
    position: fixed;
    right: 100vw
}

    input[type=radio]:not(.custom-input):not(.tabbed-flag) + label {
        display: block;
        padding-left: 3em;
        position: relative
    }

        input[type=radio]:not(.custom-input):not(.tabbed-flag) + label::before {
            content: '';
            background-color: #fff;
            border: 2px solid #232c41;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0
        }

        input[type=radio]:not(.custom-input):not(.tabbed-flag) + label::after {
            content: '';
            border-radius: 50%;
            position: absolute;
            width: 6px;
            height: 6px;
            left: 9px;
            top: 9px;
            transition: all .1s
        }

@media (max-width:767px) {
    input[type=radio]:not(.custom-input):not(.tabbed-flag) + label {
        padding-left: 2.4em;
        font-size: 13px
    }

        input[type=radio]:not(.custom-input):not(.tabbed-flag) + label::before {
            width: 20px;
            height: 20px
        }

        input[type=radio]:not(.custom-input):not(.tabbed-flag) + label::after {
            width: 4px;
            height: 4px;
            left: 8px;
            top: 8px
        }
}

input[type=radio]:not(.custom-input):not(.tabbed-flag):checked + label::after {
    width: 12px;
    height: 12px;
    left: 6px;
    top: 6px;
    background-color: #232c41
}

input[type=radio]:not(.custom-input):not(.tabbed-flag):disabled:checked + label::after {
    background-color: #e4e5e8
}

input[type=radio]:not(.custom-input):not(.tabbed-flag):disabled + label::before {
    border-color: #e4e5e8;
    background-color: #fff
}

input[type=radio]:not(.custom-input):not(.tabbed-flag):disabled + label::after {
    background-color: transparent
}

.form input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label + input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label, .form input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label + input[type=radio]:not(.custom-input):not(.tabbed-flag) + label, .form input[type=radio]:not(.custom-input):not(.tabbed-flag) + label + input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label, .form input[type=radio]:not(.custom-input):not(.tabbed-flag) + label + input[type=radio]:not(.custom-input):not(.tabbed-flag) + label {
    margin-top: 1em
}

.inp-txt:focus {
    border-color: #232c41
}

.error .inp-txt:not(:disabled), .error.inp-txt:not(:disabled) {
    border-color: #e42a00
}

.inp-err-msg {
    color: #e42a00;
    font-size: 13px
}

* + .inp-err-msg {
    margin-top: .4em
}

input:disabled, input[disabled] {
    background-color: #fafafa;
    border-color: #e4e5e8;
    color: #6e6e6e
}

.inp-sel {
    position: relative;
    display: inline-block;
    padding-right: 2.8em
}

@media (max-width:767px) {
    input[type=radio]:not(.custom-input):not(.tabbed-flag):checked + label::after {
        width: 10px;
        height: 10px;
        left: 5px;
        top: 5px
    }

    .inp-sel {
        padding-right: 1.6em
    }
}

.inp-sel:after {
    content: '';
    border-width: .4em .33333em 0;
    border-color: #000 transparent;
    border-style: solid;
    position: absolute;
    right: 1.23333em;
    top: calc(50% - .16666em)
}

@media (max-width:767px) {
    .inp-sel:after {
        right: .6em
    }
}

.inp-sel select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    padding: .76666em 1.2em;
    font: inherit;
    opacity: 0;
    z-index: 1
}

.inp-sel option {
    padding: inherit;
    font: inherit
}

.inp-sel-max-width-val, .inp-sel-val {
    font: inherit;
    overflow: hidden;
    text-overflow: ellipsis
}

.inp-sel-max-width-val {
    visibility: hidden
}

    .inp-sel-max-width-val + .inp-sel-val {
        position: absolute;
        left: 1.2em;
        top: .76666em;
        bottom: .76666em;
        right: 2.8em
    }

.disabled .inp-sel {
    background-color: #fafafa;
    border-color: #e4e5e8;
    color: #6e6e6e
}

.form label {
    font: 400 15px/1.6 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    color: #232c41;
    display: block;
    margin: 0 0 3px;
    position: relative
}

.form .disabled label {
    color: #6e6e6e
}

.form .form-row:not(:first-child) {
    margin-top: 15px
}

.form .form-btn-row-inline:not(:first-child), .form .form-btn-row:not(:first-child) {
    margin-top: 25px
}

.form .form-btn-row .btn {
    display: block;
    width: 100%
}

.form .form-btn-row-inline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

@media (min-width:768px) {
    .form .form-btn-row-inline {
        margin: 0 -7.5px -15px
    }

        .form .form-btn-row-inline > * {
            flex: 1 1 calc(33% - 15px);
            max-width: calc(50% - 7.5px);
            margin: 0 7.5px 15px
        }

        .form .form-btn-row-inline .btn-back, .form .form-btn-row-inline .btn-cancel {
            padding-left: 0;
            padding-right: 0;
            text-align: left;
            order: -1;
            flex: 0 1 auto
        }
}

@media (max-width:767px) {
    .form .form-btn-row-inline .btn {
        flex: 1 0 100%
    }

    .form .form-btn-row-inline .btn-back, .form .form-btn-row-inline .btn-cancel {
        order: 1
    }
}

.form .inp-grp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

    .form .inp-grp > * {
        flex: 1 1 50px;
        min-width: 0;
        width: auto
    }

    .form .inp-grp > :not(:first-child) {
        margin-left: 8px
    }

@media (max-width:767px) {
    .form .inp-grp > :not(:first-child) {
        margin-left: 6px
    }
}

.form .password-rules {
    font-size: 13px;
    color: #9aa0b0
}

    .form .password-rules .active {
        color: #232c41
    }

    .form .password-rules ul {
        list-style: disc;
        margin: 10px 0 0 2.5em
    }

.form .msg-block {
    margin-top: .8em
}

.form header {
    margin-bottom: 1.5em
}

.form .inp-cc .inp-txt {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.form .inp-cc [class*=mask-] {
    position: relative;
    font: inherit;
    font: 400 15px/1.6 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"
}

    .form .inp-cc [class*=mask-]::before {
        content: '';
        position: absolute;
        top: 1px;
        bottom: 1px;
        right: 1px;
        background-color: rgba(193,193,193,.08);
        border-left: 1px solid rgba(0,0,0,.24);
        border-radius: 0 3px 3px 0
    }

    .form .inp-cc [class*=mask-]::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1px;
        transform: translateY(-50%);
        font: inherit;
        color: #767676;
        text-align: center
    }

    .form .inp-cc [class*=mask-].mask-0001::before {
        left: 65%
    }

    .form .inp-cc [class*=mask-].mask-0001::after {
        left: 65%;
        content: 'X'
    }

    .form .inp-cc [class*=mask-].mask-0001 input {
        padding-right: 35%
    }

    .form .inp-cc [class*=mask-].mask-0011::before {
        left: 55%
    }

    .form .inp-cc [class*=mask-].mask-0011::after {
        left: 55%;
        content: 'XX'
    }

    .form .inp-cc [class*=mask-].mask-0011 input {
        padding-right: 45%
    }

    .form .inp-cc [class*=mask-].mask-0111::before {
        left: 35%
    }

    .form .inp-cc [class*=mask-].mask-0111::after {
        left: 35%;
        content: 'XXX'
    }

    .form .inp-cc [class*=mask-].mask-0111 input {
        padding-right: 65%
    }

    .form .inp-cc [class*=mask-].mask-1111::before {
        left: 1px;
        border-left-width: 0;
        border-radius: 3px
    }

    .form .inp-cc [class*=mask-].mask-1111::after {
        left: 1px;
        content: 'XXXX'
    }

.form .join-masked [class*=mask-]:first-of-type .inp-txt {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form .join-masked [class*=mask-]:last-of-type .inp-txt {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form .join-masked [class*=mask-]:not(:last-of-type):not(:first-of-type) .inp-txt {
    border-radius: 0
}

.form .join-masked [class*=mask-] + [class*=mask-] {
    margin-left: -1px
}

.form .inp-dob .dob-dd {
    flex-basis: calc(27% - 8px);
    min-width: 67px
}

.form .inp-dob .dob-mmm {
    flex-basis: calc(38% - 8px)
}

.form .inp-dob .dob-yyyy {
    flex-basis: calc(35% - 8px);
    min-width: 86px
}

.form label .lnk-forgot-password {
    float: right
}

.campaign-form textarea {
    min-height: 136px;
    resize: vertical
}

.WYSIWYG th {
    background-color: #232c41;
    color: #fff
}

.WYSIWYG thead td, .WYSIWYG thead th {
    font-weight: 700
}

.WYSIWYG td, .WYSIWYG th {
    padding: 12px 25px;
    text-align: left;
    vertical-align: baseline;
    transition: background-color 1s;
    border-bottom: 1px solid #c1c1c6
}

.WYSIWYG table:hover tr > td {
    background-color: transparent;
    transition: background-color .3s
}

.WYSIWYG table tr:hover > td {
    background-color: #eeeef0;
    cursor: default;
    transition-duration: 0s
}

.WYSIWYG table .note {
    color: #787878;
    font-size: 13px
}

.WYSIWYG img {
    height: auto !important
}

.WYSIWYG tr > :not(:first-child) {
    border-left: 1px solid #c1c1c6
}

@media (max-width:767px) {
    .WYSIWYG {
        font-size: 15px
    }

        .WYSIWYG table {
            font-size: 12px
        }

        .WYSIWYG td, .WYSIWYG th {
            padding: 12px 15px
        }
}

.WYSIWYG ol, .WYSIWYG ul {
    list-style: none;
    margin: 1em 0
}

    .WYSIWYG ol li, .WYSIWYG ul li {
        padding: 0 0 0 2.5em
    }

        .WYSIWYG ol li::before, .WYSIWYG ul li::before {
            content: "\2022";
            text-align: right;
            margin: 0 1em 0 -3.5em;
            width: 2.5em;
            float: left
        }

        .WYSIWYG ol li:not(:first-child), .WYSIWYG ul li:not(:first-child) {
            margin-top: .5em
        }

.WYSIWYG ol {
    counter-reset: ol-counter
}

    .WYSIWYG ol li {
        counter-increment: ol-counter
    }

        .WYSIWYG ol li::before {
            content: counter(ol-counter) "."
        }

.WYSIWYG .tick-list {
    list-style: none url(../images/bullet-tick-list.svg);
    margin-left: 1.4em
}

    .WYSIWYG .tick-list li {
        padding-left: 1.1em
    }

        .WYSIWYG .tick-list li::before {
            display: none;
            content: ''
        }

@media (max-width:767px) {
    .WYSIWYG .tick-list {
        margin-left: 1.6em
    }

        .WYSIWYG .tick-list li {
            padding-left: .9em
        }
}

.WYSIWYG li.exp-accord {
    position: relative;
    padding: 0 0 0 40px;
    margin: 0;
    list-style: none
}

    .WYSIWYG li.exp-accord::after, .WYSIWYG li.exp-accord::before {
        content: '';
        position: absolute;
        background-color: #232c41;
        transition: all .3s;
        margin: 0
    }

    .WYSIWYG li.exp-accord::before {
        width: 11px;
        height: 1px;
        left: 0;
        top: 15px
    }

@media (max-width:767px) {
    .WYSIWYG li.exp-accord::before {
        top: 11px
    }
}

.WYSIWYG li.exp-accord::after {
    width: 1px;
    height: 11px;
    left: 5px;
    top: 10px
}

.WYSIWYG li.exp-accord:not(:first-child) {
    margin-top: 1em
}

.WYSIWYG li.exp-accord .exp-opn, .WYSIWYG li.exp-accord .exp-tog {
    border: none;
    font-size: 19px;
    display: block;
    text-decoration: none;
    margin: 0 0 0 -40px;
    padding: 0 0 0 40px;
    z-index: 1;
    position: relative
}

    .WYSIWYG li.exp-accord .exp-opn:hover, .WYSIWYG li.exp-accord .exp-tog:hover {
        text-decoration: underline
    }

@media (max-width:767px) {
    .WYSIWYG li.exp-accord::after {
        top: 6px
    }

    .WYSIWYG li.exp-accord .exp-opn, .WYSIWYG li.exp-accord .exp-tog {
        font-size: 15px
    }
}

.WYSIWYG li.exp-accord .exp-cnt-wrap {
    padding: 1em 0 1.2em
}

.WYSIWYG li.exp-accord.exp-opened::before {
    width: 0;
    left: 5px;
    transform: rotate(90deg)
}

.WYSIWYG li.exp-accord.exp-opened::after {
    transform: rotate(90deg)
}

.WYSIWYG a:not(.btn) {
    text-decoration: none !important;
    border-bottom: 1px solid #232c41
}

    .WYSIWYG a:not(.btn):active, .WYSIWYG a:not(.btn):focus, .WYSIWYG a:not(.btn):hover {
        text-decoration: none;
        border-bottom-color: transparent
    }

.WYSIWYG .WYSIWYG-table {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

    .WYSIWYG .WYSIWYG-table .WYSIWYG-table-scrollable {
        width: 100%;
        overflow: auto
    }

    .WYSIWYG .WYSIWYG-table:after, .WYSIWYG .WYSIWYG-table:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 20px;
        transform: translateX(0);
        transition: all .3s ease-in;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 75%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(75%,#fff));
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 75%);
        background: -o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 75%);
        background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 75%);
        background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 75%)
    }

    .WYSIWYG .WYSIWYG-table:before {
        right: 100%;
        transform: translateX(0) rotate(180deg)
    }

    .WYSIWYG .WYSIWYG-table:after {
        left: 100%
    }

    .WYSIWYG .WYSIWYG-table.has-left:before {
        transform: translateX(100%) rotate(180deg);
        transition-timing-function: ease-out
    }

    .WYSIWYG .WYSIWYG-table.has-right:after {
        transform: translateX(-100%);
        transition-timing-function: ease-out
    }

@-webkit-keyframes tabs-anim-event {
    0% {
        min-height: 0
    }

    100% {
        min-height: 1px
    }
}

@-moz-keyframes tabs-anim-event {
    0% {
        min-height: 0
    }

    100% {
        min-height: 1px
    }
}

@-ms-keyframes tabs-anim-event {
    0% {
        min-height: 0
    }

    100% {
        min-height: 1px
    }
}

@-o-keyframes tabs-anim-event {
    0% {
        min-height: 0
    }

    100% {
        min-height: 1px
    }
}

@keyframes tabs-anim-event {
    0% {
        min-height: 0
    }

    100% {
        min-height: 1px
    }
}

.tabbed-wrap-h .tabbed-flag, .tabbed-wrap-v .tabbed-flag {
    position: fixed;
    right: 100vw
}

.tabbed-wrap-h {
    position: relative
}

    .tabbed-wrap-h .tabbed-tabs {
        width: 100%;
        transition: all .3s;
        border-bottom: 1px solid rgba(0,0,0,.07);
        display: flex
    }

        .tabbed-wrap-h .tabbed-tabs label {
            padding: 12px 0 16px;
            position: relative;
            color: #656d7c;
            font-weight: 700;
            font-size: 15px;
            line-height: 18px;
            align-items: flex-end;
            display: flex;
            margin-bottom: -1px;
            transition: color .3s,background .3s;
            cursor: pointer
        }

            .tabbed-wrap-h .tabbed-tabs label:after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 50%;
                right: 50%;
                height: 3px;
                background-color: #232c41;
                opacity: 0;
                transition: all .5s
            }

            .tabbed-wrap-h .tabbed-tabs label + label {
                margin-left: 40px
            }

        .tabbed-wrap-h .tabbed-tabs .tabbed-tabs-mask {
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
            min-height: 48px
        }

@media (max-width:1023px) {
    .tabbed-wrap-h .tabbed-tabs label + label {
        margin-left: 20px
    }

    .tabbed-wrap-h .tabbed-tabs .tabbed-tabs-mask {
        max-width: 100%;
        min-width: 50%
    }
}

@media (max-width:767px) {
    .tabbed-wrap-h .tabbed-tabs label {
        font-size: 13px;
        padding: 8px 0 12px
    }

    .tabbed-wrap-h .tabbed-tabs .tabbed-tabs-mask {
        min-height: 40px
    }
}

.xchg-rates-section .tabbed-wrap-h .tabbed-tabs .tabbed-tabs-mask {
    min-width: 150px
}

.tabbed-wrap-h .fix-me .tabbed-tabs, .tabbed-wrap-h .fix-me-bottom .tabbed-tabs {
    background-color: #f7f8fa;
    z-index: 5;
    border-bottom-color: rgba(0,0,0,.07)
}

    .tabbed-wrap-h .fix-me .tabbed-tabs .tabbed-tabs-mask, .tabbed-wrap-h .fix-me-bottom .tabbed-tabs .tabbed-tabs-mask {
        border-bottom-color: transparent
    }

.tabbed-wrap-h .tabbed-contents {
    overflow: hidden;
    width: 100%
}

.tabbed-wrap-h .tabbed-content {
    padding-top: 3em;
    max-width: 100%
}

.content-block .tabbed-wrap-h .tabbed-content {
    padding-top: 1em
}

.tabbed-wrap-h .tabbed-wrap-v[active-tab="1"] label:nth-of-type(1), .tabbed-wrap-h .tabbed-wrap-v[active-tab="2"] label:nth-of-type(2), .tabbed-wrap-h .tabbed-wrap-v[active-tab="3"] label:nth-of-type(3), .tabbed-wrap-h .tabbed-wrap-v[active-tab="4"] label:nth-of-type(4), .tabbed-wrap-h .tabbed-wrap-v[active-tab="5"] label:nth-of-type(5), .tabbed-wrap-h[active-tab="1"] .tabbed-tabs label:nth-of-type(1), .tabbed-wrap-h[active-tab="2"] .tabbed-tabs label:nth-of-type(2), .tabbed-wrap-h[active-tab="3"] .tabbed-tabs label:nth-of-type(3), .tabbed-wrap-h[active-tab="4"] .tabbed-tabs label:nth-of-type(4), .tabbed-wrap-h[active-tab="5"] .tabbed-tabs label:nth-of-type(5), .tabbed-wrap-v[active-tab="1"] .tabbed-wrap-h label:nth-of-type(1), .tabbed-wrap-v[active-tab="2"] .tabbed-wrap-h label:nth-of-type(2), .tabbed-wrap-v[active-tab="3"] .tabbed-wrap-h label:nth-of-type(3), .tabbed-wrap-v[active-tab="4"] .tabbed-wrap-h label:nth-of-type(4), .tabbed-wrap-v[active-tab="5"] .tabbed-wrap-h label:nth-of-type(5) {
    color: #232c41
}

    .tabbed-wrap-h .tabbed-wrap-v[active-tab="1"] label:nth-of-type(1):after, .tabbed-wrap-h .tabbed-wrap-v[active-tab="2"] label:nth-of-type(2):after, .tabbed-wrap-h .tabbed-wrap-v[active-tab="3"] label:nth-of-type(3):after, .tabbed-wrap-h .tabbed-wrap-v[active-tab="4"] label:nth-of-type(4):after, .tabbed-wrap-h .tabbed-wrap-v[active-tab="5"] label:nth-of-type(5):after, .tabbed-wrap-h[active-tab="1"] .tabbed-tabs label:nth-of-type(1):after, .tabbed-wrap-h[active-tab="2"] .tabbed-tabs label:nth-of-type(2):after, .tabbed-wrap-h[active-tab="3"] .tabbed-tabs label:nth-of-type(3):after, .tabbed-wrap-h[active-tab="4"] .tabbed-tabs label:nth-of-type(4):after, .tabbed-wrap-h[active-tab="5"] .tabbed-tabs label:nth-of-type(5):after, .tabbed-wrap-v[active-tab="1"] .tabbed-wrap-h label:nth-of-type(1):after, .tabbed-wrap-v[active-tab="2"] .tabbed-wrap-h label:nth-of-type(2):after, .tabbed-wrap-v[active-tab="3"] .tabbed-wrap-h label:nth-of-type(3):after, .tabbed-wrap-v[active-tab="4"] .tabbed-wrap-h label:nth-of-type(4):after, .tabbed-wrap-v[active-tab="5"] .tabbed-wrap-h label:nth-of-type(5):after {
        opacity: 1;
        left: 0;
        right: 0
    }

.tabbed-wrap-v[active-tab="1"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(1), .tabbed-wrap-v[active-tab="2"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(2), .tabbed-wrap-v[active-tab="3"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(3), .tabbed-wrap-v[active-tab="4"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(4), .tabbed-wrap-v[active-tab="5"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(5), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="1"] label:nth-of-type(1), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="2"] label:nth-of-type(2), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="3"] label:nth-of-type(3), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="4"] label:nth-of-type(4), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="5"] label:nth-of-type(5), .xchg-rates-block .tabbed-wrap-h[active-tab="1"] .tabbed-tabs label:nth-of-type(1), .xchg-rates-block .tabbed-wrap-h[active-tab="2"] .tabbed-tabs label:nth-of-type(2), .xchg-rates-block .tabbed-wrap-h[active-tab="3"] .tabbed-tabs label:nth-of-type(3), .xchg-rates-block .tabbed-wrap-h[active-tab="4"] .tabbed-tabs label:nth-of-type(4), .xchg-rates-block .tabbed-wrap-h[active-tab="5"] .tabbed-tabs label:nth-of-type(5) {
    color: #fff
}

.tabbed-wrap-h.slide .tabbed-contents-mask {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    transform: translateX(0);
    transition: all .5s ease-in-out
}

.tabbed-wrap-h.slide .tabbed-content {
    flex-basis: 100%;
    flex-shrink: 0;
    opacity: 0;
    max-height: 0;
    transition: opacity .5s,max-height .5s .5s
}

.tabbed-wrap-h.slide[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-h.slide[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-h.slide[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-h.slide[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-h.slide[active-tab="5"] .tabbed-content:nth-of-type(5) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: 0s;
    animation-name: tabs-anim-event;
    animation-duration: .5s
}

.tabbed-wrap-h.slide[active-tab="1"] .tabbed-contents-mask {
    transform: translateX(0)
}

.tabbed-wrap-h.slide[active-tab="2"] .tabbed-contents-mask {
    transform: translateX(-100%)
}

.tabbed-wrap-h.slide[active-tab="3"] .tabbed-contents-mask {
    transform: translateX(-200%)
}

.tabbed-wrap-h.slide[active-tab="4"] .tabbed-contents-mask {
    transform: translateX(-300%)
}

.tabbed-wrap-h.slide[active-tab="5"] .tabbed-contents-mask {
    transform: translateX(-400%)
}

.tabbed-wrap-h.blind .tabbed-contents-mask {
    display: flex;
    align-items: stretch;
    justify-content: flex-start
}

.tabbed-wrap-h.blind .tabbed-content {
    flex-basis: 100%;
    flex-shrink: 0;
    overflow: hidden;
    max-height: 0;
    transition: transform .3s ease-in-out 0s,max-height 0s .3s
}

.tabbed-wrap-h.blind[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-h.blind[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-h.blind[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-h.blind[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-h.blind[active-tab="5"] .tabbed-content:nth-of-type(5) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: .3s;
    animation-name: tabs-anim-event;
    animation-duration: .3s;
    animation-delay: .3s
}

.tabbed-wrap-h.blind .tabbed-content:nth-of-type(1) {
    transform: translate(0,-100%)
}

.tabbed-wrap-h.blind[active-tab="1"] .tabbed-content:nth-of-type(1) {
    transform: translate(0,0)
}

.tabbed-wrap-h.blind .tabbed-content:nth-of-type(2) {
    transform: translate(-100%,-100%)
}

.tabbed-wrap-h.blind[active-tab="2"] .tabbed-content:nth-of-type(2) {
    transform: translate(-100%,0)
}

.tabbed-wrap-h.blind .tabbed-content:nth-of-type(3) {
    transform: translate(-200%,-100%)
}

.tabbed-wrap-h.blind[active-tab="3"] .tabbed-content:nth-of-type(3) {
    transform: translate(-200%,0)
}

.tabbed-wrap-h.blind .tabbed-content:nth-of-type(4) {
    transform: translate(-300%,-100%)
}

.tabbed-wrap-h.blind[active-tab="4"] .tabbed-content:nth-of-type(4) {
    transform: translate(-300%,0)
}

.tabbed-wrap-h.blind .tabbed-content:nth-of-type(5) {
    transform: translate(-400%,-100%)
}

.tabbed-wrap-h.blind[active-tab="5"] .tabbed-content:nth-of-type(5) {
    transform: translate(-400%,0)
}

.tabbed-wrap-h.fade .tabbed-contents-mask {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.tabbed-wrap-h.fade .tabbed-content {
    flex-basis: 100%;
    flex-shrink: 0;
    overflow: hidden;
    transition: opacity .3s,max-height .3s;
    opacity: 0;
    max-height: 0
}

.tabbed-wrap-h.fade[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-h.fade[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-h.fade[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-h.fade[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-h.fade[active-tab="5"] .tabbed-content:nth-of-type(5) {
    opacity: 1;
    max-height: 5000px !important;
    transition-delay: .15s,0s;
    animation-name: tabs-anim-event;
    animation-duration: .3s;
    z-index: 1
}

.tabbed-wrap-h.fade .tabbed-content:nth-of-type(1) {
    transform: translate(0,0)
}

.tabbed-wrap-h.fade .tabbed-content:nth-of-type(2) {
    transform: translate(-100%,0)
}

.tabbed-wrap-h.fade .tabbed-content:nth-of-type(3) {
    transform: translate(-200%,0)
}

.tabbed-wrap-h.fade .tabbed-content:nth-of-type(4) {
    transform: translate(-300%,0)
}

.tabbed-wrap-h.fade .tabbed-content:nth-of-type(5) {
    transform: translate(-400%,0)
}

@media (min-width:768px) {
    .tabbed-wrap-h[active-tab="1"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(1), .tabbed-wrap-h[active-tab="2"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(2), .tabbed-wrap-h[active-tab="3"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(3), .tabbed-wrap-h[active-tab="4"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(4), .tabbed-wrap-h[active-tab="5"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(5), .tabbed-wrap-v .tabbed-wrap-h[active-tab="1"] .tabbed-tabs label:nth-of-type(1), .tabbed-wrap-v .tabbed-wrap-h[active-tab="2"] .tabbed-tabs label:nth-of-type(2), .tabbed-wrap-v .tabbed-wrap-h[active-tab="3"] .tabbed-tabs label:nth-of-type(3), .tabbed-wrap-v .tabbed-wrap-h[active-tab="4"] .tabbed-tabs label:nth-of-type(4), .tabbed-wrap-v .tabbed-wrap-h[active-tab="5"] .tabbed-tabs label:nth-of-type(5), .tabbed-wrap-v[active-tab="1"] label:nth-of-type(1), .tabbed-wrap-v[active-tab="2"] label:nth-of-type(2), .tabbed-wrap-v[active-tab="3"] label:nth-of-type(3), .tabbed-wrap-v[active-tab="4"] label:nth-of-type(4), .tabbed-wrap-v[active-tab="5"] label:nth-of-type(5) {
        color: #232c41;
        /* background-color: #fff;
       font-weight: 700*/
    }

    .tabbed-wrap-v {
        display: flex;
        align-items: stretch
    }

        .tabbed-wrap-v .tabbed-tabs {
            transition: all .3s;
            background-color: #f7f8fa;
            padding: 0 0 0 25px;
            flex: 1 1 auto;
            min-width: 200px
        }

            .tabbed-wrap-v .tabbed-tabs label {
                display: block;
                position: relative;
                color: #656d7c;
                font-size: 15px;
                line-height: 18px;
                padding: 20px 25px;
                border-bottom: 1px solid #fff;
                transition: color .3s,background .3s;
                cursor: pointer
            }

        .tabbed-wrap-v.blind .tabbed-content, .tabbed-wrap-v.slide .tabbed-contents, .tabbed-wrap-v.slide-2 .tabbed-contents {
            background-color: #fff;
            padding: 45px 60px 45px 55px
        }

        .tabbed-wrap-v .tabbed-contents {
            flex: 1 1 auto;
            overflow: hidden;
            max-width: 445px
        }

        .tabbed-wrap-v .tabbed-content {
            display: block !important
        }

        .tabbed-wrap-v.slide .tabbed-tabs label, .tabbed-wrap-v.slide-2 .tabbed-tabs label {
            transition-duration: .5s
        }

        .tabbed-wrap-v.slide .tabbed-contents-mask, .tabbed-wrap-v.slide-2 .tabbed-contents-mask {
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
            overflow: hidden
        }

        .tabbed-wrap-v.slide .tabbed-content, .tabbed-wrap-v.slide-2 .tabbed-content {
            flex-basis: 100%;
            flex-shrink: 0;
            opacity: 0;
            max-height: 0;
            transition: transform .5s,opacity .5s,max-height .5s .5s;
            transition-timing-function: ease-out
        }

    .has-bg-carousel .tabbed-wrap-v.slide .tabbed-content, .has-bg-carousel .tabbed-wrap-v.slide-2 .tabbed-content, .mobi-pin-img .tabbed-wrap-v.slide .tabbed-content, .mobi-pin-img .tabbed-wrap-v.slide-2 .tabbed-content {
        max-height: none !important
    }

    .tabbed-wrap-v.slide-2[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.slide-2[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.slide-2[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-v.slide-2[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-v.slide-2[active-tab="5"] .tabbed-content:nth-of-type(5), .tabbed-wrap-v.slide[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.slide[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.slide[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-v.slide[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-v.slide[active-tab="5"] .tabbed-content:nth-of-type(5) {
        opacity: 1;
        max-height: 2000px;
        transition-delay: 0s;
        animation-name: tabs-anim-event;
        animation-duration: .5s;
        transition-timing-function: ease-in-out
    }

    .tabbed-wrap-v.slide-2[active-tab="1"] .tabbed-content, .tabbed-wrap-v.slide[active-tab="1"] .tabbed-content {
        transform: translateX(0)
    }

    .tabbed-wrap-v.slide-2[active-tab="2"] .tabbed-content, .tabbed-wrap-v.slide[active-tab="2"] .tabbed-content {
        transform: translateX(-100%)
    }

    .tabbed-wrap-v.slide-2[active-tab="3"] .tabbed-content, .tabbed-wrap-v.slide[active-tab="3"] .tabbed-content {
        transform: translateX(-200%)
    }

    .tabbed-wrap-v.slide-2[active-tab="4"] .tabbed-content, .tabbed-wrap-v.slide[active-tab="4"] .tabbed-content {
        transform: translateX(-300%)
    }

    .tabbed-wrap-v.slide-2[active-tab="5"] .tabbed-content, .tabbed-wrap-v.slide[active-tab="5"] .tabbed-content {
        transform: translateX(-400%)
    }

    .tabbed-wrap-v.slide-2 .tabbed-content {
        transition-timing-function: ease-in-out
    }

    .tabbed-wrap-v.blind .tabbed-tabs label {
        transition-duration: 1s
    }

    .tabbed-wrap-v.blind .tabbed-contents-mask {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        overflow: hidden
    }

    .tabbed-wrap-v.blind .tabbed-content {
        flex-basis: calc(100% - 115px);
        box-sizing: content-box;
        flex-shrink: 0;
        overflow: hidden;
        max-height: 0;
        transition: transform .5s ease-in-out 0s,max-height 0s .5s
    }

    .has-bg-carousel .tabbed-wrap-v.blind .tabbed-content, .mobi-pin-img .tabbed-wrap-v.blind .tabbed-content {
        max-height: none !important
    }

    .tabbed-wrap-v.blind[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.blind[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.blind[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-v.blind[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-v.blind[active-tab="5"] .tabbed-content:nth-of-type(5) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: .5s;
        animation-name: tabs-anim-event;
        animation-duration: .5s;
        animation-delay: .5s
    }

    .tabbed-wrap-v.blind .tabbed-content:nth-of-type(1) {
        transform: translate(-100%,0)
    }

    .tabbed-wrap-v.blind[active-tab="1"] .tabbed-content:nth-of-type(1) {
        transform: translate(0,0)
    }

    .tabbed-wrap-v.blind .tabbed-content:nth-of-type(2) {
        transform: translate(-200%,0)
    }

    .tabbed-wrap-v.blind[active-tab="2"] .tabbed-content:nth-of-type(2) {
        transform: translate(-100%,0)
    }

    .tabbed-wrap-v.blind .tabbed-content:nth-of-type(3) {
        transform: translate(-300%,0)
    }

    .tabbed-wrap-v.blind[active-tab="3"] .tabbed-content:nth-of-type(3) {
        transform: translate(-200%,0)
    }

    .tabbed-wrap-v.blind .tabbed-content:nth-of-type(4) {
        transform: translate(-400%,0)
    }

    .tabbed-wrap-v.blind[active-tab="4"] .tabbed-content:nth-of-type(4) {
        transform: translate(-300%,0)
    }

    .tabbed-wrap-v.blind .tabbed-content:nth-of-type(5) {
        transform: translate(-500%,0)
    }

    .tabbed-wrap-v.blind[active-tab="5"] .tabbed-content:nth-of-type(5) {
        transform: translate(-400%,0)
    }

    .tabbed-wrap-v.fade .tabbed-tabs label, .tabbed-wrap-v.fade-2 .tabbed-tabs label {
        transition-duration: .3s
    }

    .tabbed-wrap-v.fade .tabbed-contents-mask, .tabbed-wrap-v.fade-2 .tabbed-contents-mask {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: nowrap
    }

    .tabbed-wrap-v.fade .tabbed-content, .tabbed-wrap-v.fade-2 .tabbed-content {
        background-color: #fff;
        padding: 45px 60px 45px 55px;
        flex-basis: calc(100% - 115px);
        box-sizing: content-box;
        flex-shrink: 0;
        overflow: hidden;
        transition: opacity .3s .3s,max-height .3s;
        opacity: 0;
        max-height: 0
    }

    .has-bg-carousel .tabbed-wrap-v.fade .tabbed-content, .has-bg-carousel .tabbed-wrap-v.fade-2 .tabbed-content, .mobi-pin-img .tabbed-wrap-v.fade .tabbed-content, .mobi-pin-img .tabbed-wrap-v.fade-2 .tabbed-content {
        max-height: none !important
    }

    .tabbed-wrap-v.fade-2[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.fade-2[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.fade-2[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-v.fade-2[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-v.fade-2[active-tab="5"] .tabbed-content:nth-of-type(5), .tabbed-wrap-v.fade[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.fade[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.fade[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-v.fade[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-v.fade[active-tab="5"] .tabbed-content:nth-of-type(5) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0s;
        z-index: 1;
        animation-name: tabs-anim-event;
        animation-duration: .3s
    }

    .tabbed-wrap-v.fade .tabbed-content:nth-of-type(1), .tabbed-wrap-v.fade-2 .tabbed-content:nth-of-type(1) {
        transform: translate(0,0)
    }

    .tabbed-wrap-v.fade .tabbed-content:nth-of-type(2), .tabbed-wrap-v.fade-2 .tabbed-content:nth-of-type(2) {
        transform: translate(-100%,0)
    }

    .tabbed-wrap-v.fade .tabbed-content:nth-of-type(3), .tabbed-wrap-v.fade-2 .tabbed-content:nth-of-type(3) {
        transform: translate(-200%,0)
    }

    .tabbed-wrap-v.fade .tabbed-content:nth-of-type(4), .tabbed-wrap-v.fade-2 .tabbed-content:nth-of-type(4) {
        transform: translate(-300%,0)
    }

    .tabbed-wrap-v.fade .tabbed-content:nth-of-type(5), .tabbed-wrap-v.fade-2 .tabbed-content:nth-of-type(5) {
        transform: translate(-400%,0)
    }

    .tabbed-wrap-v.fade-2 .tabbed-content {
        transition-delay: 0s,.3s
    }

    .tabbed-wrap-v.fade-2[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.fade-2[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.fade-2[active-tab="3"] .tabbed-content:nth-of-type(3), .tabbed-wrap-v.fade-2[active-tab="4"] .tabbed-content:nth-of-type(4), .tabbed-wrap-v.fade-2[active-tab="5"] .tabbed-content:nth-of-type(5) {
        transition-delay: .15s,0s
    }
}

@media (max-width:767px) {
    .tabbed-wrap-v .tabs-accord-tog {
        display: block;
        position: relative;
        color: #656d7c;
        font-size: 15px;
        line-height: 18px;
        padding: 20px 20px 20px calc(20px + 2em);
        border-bottom: 1px solid #fff;
        transition: color .3s,background .3s;
        cursor: pointer
    }

        .tabbed-wrap-v .tabs-accord-tog:hover {
            text-decoration: underline
        }

        .tabbed-wrap-v .tabs-accord-tog::after, .tabbed-wrap-v .tabs-accord-tog::before {
            content: '';
            position: absolute;
            background-color: #232c41;
            transition: all .3s
        }

        .tabbed-wrap-v .tabs-accord-tog::before {
            width: 11px;
            height: 1px;
            left: 25px;
            top: 29px
        }

        .tabbed-wrap-v .tabs-accord-tog::after {
            width: 1px;
            height: 11px;
            left: 30px;
            top: 24px
        }

    .tabbed-wrap-v[active-tab="1"] .tabs-accord-tog:nth-of-type(1)::before, .tabbed-wrap-v[active-tab="2"] .tabs-accord-tog:nth-of-type(2)::before, .tabbed-wrap-v[active-tab="3"] .tabs-accord-tog:nth-of-type(3)::before, .tabbed-wrap-v[active-tab="4"] .tabs-accord-tog:nth-of-type(4)::before, .tabbed-wrap-v[active-tab="5"] .tabs-accord-tog:nth-of-type(5)::before {
        width: 0;
        left: 30px;
        transform: rotate(90deg)
    }

    .tabbed-wrap-v .tabbed-content {
        overflow: hidden;
        position: relative;
        transition: all .3s;
        max-height: 0;
        background-color: #fff
    }

    .tabbed-wrap-v .WYSIWYG {
        padding: 0 20px 20px
    }

    .tabbed-wrap-v[active-tab="1"] .tabs-accord-tog:nth-of-type(1), .tabbed-wrap-v[active-tab="2"] .tabs-accord-tog:nth-of-type(2), .tabbed-wrap-v[active-tab="3"] .tabs-accord-tog:nth-of-type(3), .tabbed-wrap-v[active-tab="4"] .tabs-accord-tog:nth-of-type(4), .tabbed-wrap-v[active-tab="5"] .tabs-accord-tog:nth-of-type(5) {
        color: #232c41;
        background-color: #fff;
        font-weight: 700;
        animation-name: tabs-anim-event;
        animation-duration: .3s;
        padding-left: 20px
    }

    .tabbed-wrap-v .tabbed-content.tab-closed {
        max-height: 0 !important
    }

    .tabbed-wrap-v[active-tab="1"] .tabs-accord-tog:nth-of-type(1)::after {
        transform: rotate(90deg);
        display: none !important
    }

    .tabbed-wrap-v[active-tab="2"] .tabs-accord-tog:nth-of-type(2)::after {
        transform: rotate(90deg);
        display: none !important
    }

    .tabbed-wrap-v[active-tab="3"] .tabs-accord-tog:nth-of-type(3)::after {
        transform: rotate(90deg);
        display: none !important
    }

    .tabbed-wrap-v[active-tab="4"] .tabs-accord-tog:nth-of-type(4)::after {
        transform: rotate(90deg);
        display: none !important
    }

    .tabbed-wrap-v[active-tab="5"] .tabs-accord-tog:nth-of-type(5)::after {
        transform: rotate(90deg);
        display: none !important
    }
}

.site-important-notice {
    background-color: #fff;
    position: relative;
    z-index: 1
}

    .site-important-notice .msg-block {
        max-width: none;
        width: auto;
        display: block;
        border-radius: 0
    }

    .site-important-notice p {
        max-width: 1187px
    }

.page-hero {
    background: 50% 50% no-repeat #232c41;
    background-size: cover;
    color: #fff;
    font-size: 19px;
    line-height: 1.47;
    position: relative;
    overflow: hidden
}

    .page-hero .page-content {
        display: table;
        height: inherit;
        position: relative;
        z-index: 1
    }

    .page-hero .hero-content {
        display: table-cell;
        vertical-align: middle;
        height: 450px;
        padding: 55px 0 30px
    }

        .page-hero .hero-content .content-wrap {
            max-width: 485px
        }

        .page-hero .hero-content .center-text {
            max-width: 780px;
            margin: 0 auto
        }

        .page-hero .hero-content h1, .page-hero .hero-content h2 {
            margin-bottom: .3em
        }

            .page-hero .hero-content h1:last-child, .page-hero .hero-content h2:last-child {
                margin-bottom: 0
            }

        .page-hero .hero-content * + p {
            margin-top: 1em
        }

    .page-hero .bg-mask {
        display: none
    }

    .page-hero.wave-bottom .hero-content {
        padding-bottom: 110px;
        height: 540px
    }

    .page-hero.wave-bottom .bg-mask {
        display: block;
        position: absolute;
        bottom: -1px;
        left: 49%;
        width: 101%;
        background: url(../images/page-hero-mask.svg) 50% 100% no-repeat;
        background-size: 100% auto;
        transform: translate(-49%,0)
    }

@media (max-width:767px) {
    .page-hero.wave-bottom .hero-content {
        height: auto;
        padding-bottom: 75px
    }

    .page-hero {
        font-size: 15px;
        line-height: 1.6;
        padding-top: 65px
    }

        .page-hero .hero-content {
            height: auto;
            padding: 25px 0 30px
        }
}

.page-hero .btn.cta-1 {
    border-color: #fff
}

#page-hero-mask {
    fill: #fff
}

.page-hero.wave-bottom + main {
    padding-top: 0
}

.page-hero .text-center {
    text-align: center
}

.page-hero .w-scroll-down {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 10;
    display: none;
    width: 48px;
    height: 48px;
    cursor: pointer;
    transform: translateX(-50%);
    background: url(../images/chevron-down.svg) 50% 50% no-repeat;
    background-size: 24px auto
}

@media (max-width:767px) {
    .page-hero .w-scroll-down {
        bottom: 30px;
        background-size: 20px auto
    }
}

.page-hero.wave-bottom-1 {
    background: #fff
}

    .page-hero.wave-bottom-1 .page-content {
        position: relative;
        z-index: 1
    }

@media (min-width:768px) {
    .page-hero.wave-bottom-1 .hero-content {
        font-size: 19px;
        line-height: 1.35;
        height: 540px;
        padding-bottom: 90px
    }
}

.page-hero.wave-bottom-1 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.offer {
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 15px
}

    .offer[href]:hover .offer-title {
        text-decoration: underline
    }

@media (min-width:768px) {
    .offer {
        display: flex
    }

        .offer .txt-content {
            padding: 30px
        }

            .offer .txt-content .img {
                height: 40px;
                position: relative;
                margin-bottom: 20px
            }

                .offer .txt-content .img img {
                    max-height: 100%;
                    max-width: 100%;
                    display: block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%)
                }

            .offer .txt-content p {
                margin-bottom: 2em
            }

        .offer .img-content {
            flex: 0 0 45%;
            background: 50% 50% none;
            background-size: cover;
            border-radius: 0 3px 3px 0
        }
}

@media (max-width:767px) {
    .offer, .offer img {
        display: block
    }

        .offer img {
            max-height: 100%;
            max-width: 100%;
            margin: 0
        }

        .offer .txt-content {
            padding: 25px
        }

            .offer .txt-content .img {
                margin-bottom: 25px
            }

        .offer .img-content {
            height: 41.875vw;
            background: 50% 50% none;
            background-size: cover;
            border-radius: 0 0 2px 2px
        }
}

@media (min-width:768px) {
    .offers .offers-wrap {
        margin: 0 -12px -24px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap
    }

    .offers .offer {
        flex: 1 1 calc(33% - 24px);
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -ms-flex-preferred-size: calc(33% - 24px);
        margin: 0 12px 24px
    }

        .offers .offer .img-content {
            flex: 0 0 49%
        }

    .offers + .offers {
        margin-top: 24px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .offers .offer {
        flex: 1 1 calc(50% - 24px);
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -ms-flex-preferred-size: calc(50% - 24px)
    }

        .offers .offer .img-content {
            flex-basis: 34%
        }
}

@media (max-width:767px) {
    .offers .offer:nth-child(n+1), .offers + .offers {
        margin-top: 8px
    }
}

.tool-tip {
    display: inline-block
}

    .tool-tip .js-tt-content {
        position: absolute;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0s .3s,opacity .3s 0s;
        bottom: calc(100% + 18px);
        z-index: 20
    }

        .tool-tip .js-tt-content img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto
        }

    .tool-tip.is-visible .js-tt-content, .tool-tip.is-visible .js-tt-content + .tt-pointer {
        opacity: 1;
        max-height: 10000px;
        transition-delay: 0s,0s
    }

    .tool-tip .tt-content {
        width: 260px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 3px;
        box-shadow: 0 4px 4px -2px rgba(0,0,0,.3);
        padding: 15px;
        font-size: 13px;
        line-height: 1.6
    }

    .tool-tip .tt-pointer {
        width: 20px;
        height: 11px;
        max-height: 0;
        position: absolute;
        bottom: calc(100% + 8px);
        left: calc(50% - 10px);
        overflow: hidden;
        transition: max-height 0s .3s,opacity .3s 0s;
        opacity: 0;
        z-index: 20
    }

        .tool-tip .tt-pointer::after, .tool-tip .tt-pointer::before {
            content: '';
            border-style: solid;
            border-width: 10px;
            border-color: #fff transparent transparent;
            position: absolute;
            left: 0;
            top: 0
        }

        .tool-tip .tt-pointer::before {
            border-top-color: rgba(0,0,0,.2);
            top: 1px
        }

    .tool-tip .inline-help {
        display: block
    }

    .tool-tip.tt-pin-bot .js-tt-content {
        bottom: auto;
        top: calc(100% + 18px)
    }

    .tool-tip.tt-pin-bot .tt-pointer {
        bottom: auto;
        top: calc(100% + 8px);
        transform: rotate(180deg)
    }

.carousel {
    position: relative;
    z-index: 0
}

    .carousel .carousel-slides {
        min-height: 1px
    }

    .carousel .carousel-slide.center-vert {
        align-self: center
    }

    .carousel .carousel-slide {
        position: relative
    }

    .carousel .center-vert {
        height: 100%;
        display: flex;
        align-items: center
    }

    .carousel.slide .carousel-mask, .carousel.slide-2 .carousel-mask {
        overflow: hidden;
        position: relative
    }

    .carousel.slide .carousel-slides, .carousel.slide-2 .carousel-slides {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .carousel.slide .carousel-slide, .carousel.slide-2 .carousel-slide {
        width: 100%;
        flex: 0 0 auto;
        transition: transform .5s ease-out 0s
    }

    .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(1) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(0,0)
    }

    .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="1"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="1"] .carousel-slide:nth-child(9) {
        transform: translate(0,0)
    }

    .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(9) {
        transform: translate(-100%,0)
    }

    .carousel.slide-2[active-slide="2"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="2"] .carousel-slide:nth-child(2) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-100%,0)
    }

    .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(9) {
        transform: translate(-200%,0)
    }

    .carousel.slide-2[active-slide="3"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="3"] .carousel-slide:nth-child(3) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-200%,0)
    }

    .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(9) {
        transform: translate(-300%,0)
    }

    .carousel.slide-2[active-slide="4"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="4"] .carousel-slide:nth-child(4) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-300%,0)
    }

    .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(9) {
        transform: translate(-400%,0)
    }

    .carousel.slide-2[active-slide="5"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="5"] .carousel-slide:nth-child(5) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-400%,0)
    }

    .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(9) {
        transform: translate(-500%,0)
    }

    .carousel.slide-2[active-slide="6"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="6"] .carousel-slide:nth-child(6) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-500%,0)
    }

    .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(9) {
        transform: translate(-600%,0)
    }

    .carousel.slide-2[active-slide="7"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="7"] .carousel-slide:nth-child(7) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-600%,0)
    }

    .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(9) {
        transform: translate(-700%,0)
    }

    .carousel.slide-2[active-slide="8"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="8"] .carousel-slide:nth-child(8) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-700%,0)
    }

    .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(8) {
        transform: translate(-800%,0)
    }

    .carousel.slide-2[active-slide="9"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="9"] .carousel-slide:nth-child(9) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-800%,0)
    }

    .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(1), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(2), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(3), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(4), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(5), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(6), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(7), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(8), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(9), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(1), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(2), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(3), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(4), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(5), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(6), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(7), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(8), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(9) {
        transform: translate(-900%,0)
    }

    .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(10), .carousel.slide[active-slide="10"] .carousel-slide:nth-child(10) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-900%,0)
    }

    .carousel.slide-2 .carousel-slide {
        transition-timing-function: ease-in-out
    }

    .carousel.blind .carousel-mask, .carousel.blind-2 .carousel-mask {
        overflow: hidden;
        position: relative
    }

    .carousel.blind .carousel-slides, .carousel.blind-2 .carousel-slides {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .carousel.blind .carousel-slide, .carousel.blind-2 .carousel-slide {
        width: 100%;
        flex: 0 0 auto;
        transition: transform .5s ease-out;
        align-self: stretch !important
    }

        .carousel.blind .carousel-slide:nth-child(1), .carousel.blind-2 .carousel-slide:nth-child(1) {
            transform: translate(0,0)
        }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(1) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(0,0)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,100%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,200%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,300%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,400%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,500%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,600%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,700%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,800%)
    }

    .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="1"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,900%)
    }

    .carousel.blind .carousel-slide:nth-child(2), .carousel.blind-2 .carousel-slide:nth-child(2) {
        transform: translate(-100%,100%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(1) {
        transform: translate(0,-100%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(2) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-100%,0)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,100%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,200%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,300%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,400%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,500%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,600%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,700%)
    }

    .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="2"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,800%)
    }

    .carousel.blind .carousel-slide:nth-child(3), .carousel.blind-2 .carousel-slide:nth-child(3) {
        transform: translate(-200%,200%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(1) {
        transform: translate(0,-200%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-100%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(3) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-200%,0)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,100%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,200%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,300%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,400%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,500%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,600%)
    }

    .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="3"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,700%)
    }

    .carousel.blind .carousel-slide:nth-child(4), .carousel.blind-2 .carousel-slide:nth-child(4) {
        transform: translate(-300%,300%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(1) {
        transform: translate(0,-300%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-200%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-100%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(4) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-300%,0)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,100%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,200%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,300%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,400%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,500%)
    }

    .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="4"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,600%)
    }

    .carousel.blind .carousel-slide:nth-child(5), .carousel.blind-2 .carousel-slide:nth-child(5) {
        transform: translate(-400%,400%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(1) {
        transform: translate(0,-400%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-300%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-200%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,-100%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(5) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-400%,0)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,100%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,200%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,300%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,400%)
    }

    .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="5"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,500%)
    }

    .carousel.blind .carousel-slide:nth-child(6), .carousel.blind-2 .carousel-slide:nth-child(6) {
        transform: translate(-500%,500%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(1) {
        transform: translate(0,-500%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-400%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-300%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,-200%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,-100%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(6) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-500%,0)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,100%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,200%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,300%)
    }

    .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="6"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,400%)
    }

    .carousel.blind .carousel-slide:nth-child(7), .carousel.blind-2 .carousel-slide:nth-child(7) {
        transform: translate(-600%,600%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(1) {
        transform: translate(0,-600%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-500%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-400%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,-300%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,-200%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,-100%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(7) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-600%,0)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,100%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,200%)
    }

    .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="7"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,300%)
    }

    .carousel.blind .carousel-slide:nth-child(8), .carousel.blind-2 .carousel-slide:nth-child(8) {
        transform: translate(-700%,700%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(1) {
        transform: translate(0,-700%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-600%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-500%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,-400%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,-300%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,-200%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,-100%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(8) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-700%,0)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,100%)
    }

    .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="8"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,200%)
    }

    .carousel.blind .carousel-slide:nth-child(9), .carousel.blind-2 .carousel-slide:nth-child(9) {
        transform: translate(-800%,800%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(1) {
        transform: translate(0,-800%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-700%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-600%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,-500%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,-400%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,-300%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,-200%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,-100%)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(9) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-800%,0)
    }

    .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="9"] .carousel-slide:nth-child(10) {
        transform: translate(-900%,100%)
    }

    .carousel.blind .carousel-slide:nth-child(10), .carousel.blind-2 .carousel-slide:nth-child(10) {
        transform: translate(-900%,900%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(1), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(1) {
        transform: translate(0,-900%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(2), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(2) {
        transform: translate(-100%,-800%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(3), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(3) {
        transform: translate(-200%,-700%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(4), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(4) {
        transform: translate(-300%,-600%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(5), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(5) {
        transform: translate(-400%,-500%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(6), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(6) {
        transform: translate(-500%,-400%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(7), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(7) {
        transform: translate(-600%,-300%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(8), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(8) {
        transform: translate(-700%,-200%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(9), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(9) {
        transform: translate(-800%,-100%)
    }

    .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(10), .carousel.blind[active-slide="10"] .carousel-slide:nth-child(10) {
        transition-timing-function: ease-in-out;
        z-index: 1;
        transform: translate(-900%,0)
    }

    .carousel.blind-2 .carousel-slide {
        transition-timing-function: ease-in-out
    }

    .carousel.fade .carousel-mask, .carousel.fade-2 .carousel-mask {
        overflow: hidden;
        position: relative
    }

    .carousel.fade .carousel-slides, .carousel.fade-2 .carousel-slides {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .carousel.fade .carousel-slide, .carousel.fade-2 .carousel-slide {
        width: 100%;
        flex: 0 0 auto;
        transition: transform .5s .5s,opacity .5s .5s;
        opacity: 0
    }

        .carousel.fade .carousel-slide:nth-child(1), .carousel.fade-2 .carousel-slide:nth-child(1) {
            transform: translate(0,0)
        }

    .carousel.fade-2[active-slide="1"] .carousel-slide:nth-child(1), .carousel.fade[active-slide="1"] .carousel-slide:nth-child(1) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(2), .carousel.fade-2 .carousel-slide:nth-child(2) {
        transform: translate(-100%,0)
    }

    .carousel.fade-2[active-slide="2"] .carousel-slide:nth-child(2), .carousel.fade[active-slide="2"] .carousel-slide:nth-child(2) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(3), .carousel.fade-2 .carousel-slide:nth-child(3) {
        transform: translate(-200%,0)
    }

    .carousel.fade-2[active-slide="3"] .carousel-slide:nth-child(3), .carousel.fade[active-slide="3"] .carousel-slide:nth-child(3) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(4), .carousel.fade-2 .carousel-slide:nth-child(4) {
        transform: translate(-300%,0)
    }

    .carousel.fade-2[active-slide="4"] .carousel-slide:nth-child(4), .carousel.fade[active-slide="4"] .carousel-slide:nth-child(4) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(5), .carousel.fade-2 .carousel-slide:nth-child(5) {
        transform: translate(-400%,0)
    }

    .carousel.fade-2[active-slide="5"] .carousel-slide:nth-child(5), .carousel.fade[active-slide="5"] .carousel-slide:nth-child(5) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(6), .carousel.fade-2 .carousel-slide:nth-child(6) {
        transform: translate(-500%,0)
    }

    .carousel.fade-2[active-slide="6"] .carousel-slide:nth-child(6), .carousel.fade[active-slide="6"] .carousel-slide:nth-child(6) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(7), .carousel.fade-2 .carousel-slide:nth-child(7) {
        transform: translate(-600%,0)
    }

    .carousel.fade-2[active-slide="7"] .carousel-slide:nth-child(7), .carousel.fade[active-slide="7"] .carousel-slide:nth-child(7) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(8), .carousel.fade-2 .carousel-slide:nth-child(8) {
        transform: translate(-700%,0)
    }

    .carousel.fade-2[active-slide="8"] .carousel-slide:nth-child(8), .carousel.fade[active-slide="8"] .carousel-slide:nth-child(8) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(9), .carousel.fade-2 .carousel-slide:nth-child(9) {
        transform: translate(-800%,0)
    }

    .carousel.fade-2[active-slide="9"] .carousel-slide:nth-child(9), .carousel.fade[active-slide="9"] .carousel-slide:nth-child(9) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide:nth-child(10), .carousel.fade-2 .carousel-slide:nth-child(10) {
        transform: translate(-900%,0)
    }

    .carousel.fade-2[active-slide="10"] .carousel-slide:nth-child(10), .carousel.fade[active-slide="10"] .carousel-slide:nth-child(10) {
        opacity: 1;
        z-index: 1;
        transition-delay: 0s
    }

    .carousel.fade .carousel-slide {
        transition-delay: 0s
    }

    .carousel.fade[active-slide="1"] .carousel-slide:nth-child(1), .carousel.fade[active-slide="2"] .carousel-slide:nth-child(2), .carousel.fade[active-slide="3"] .carousel-slide:nth-child(3), .carousel.fade[active-slide="4"] .carousel-slide:nth-child(4), .carousel.fade[active-slide="5"] .carousel-slide:nth-child(5), .carousel.fade[active-slide="6"] .carousel-slide:nth-child(6), .carousel.fade[active-slide="7"] .carousel-slide:nth-child(7), .carousel.fade[active-slide="8"] .carousel-slide:nth-child(8), .carousel.fade[active-slide="9"] .carousel-slide:nth-child(9), .carousel.fade[active-slide="10"] .carousel-slide:nth-child(10) {
        transition-delay: .25s
    }

    .carousel .carousel-dots {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        flex-wrap: nowrap;
        z-index: 2;
        padding: .5em
    }

        .carousel .carousel-dots > * {
            flex: 1 1 1.1em;
            width: 1.1em;
            height: 1.1em;
            display: block;
            text-indent: -100vw;
            overflow: hidden;
            border-radius: 50%;
            background-color: #dedfe4;
            transition: all .3s
        }

            .carousel .carousel-dots > * + * {
                margin-left: .85em
            }

        .carousel .carousel-dots > :hover {
            background-color: #232c41;
            transition-duration: .1s
        }

@media (max-width:767px) {
    .carousel .carousel-dots {
        display: flex;
        left: 50%;
        transform: translateX(-50%);
        padding: 1.05em .5em
    }

    .carousel .carousel-next, .carousel .carousel-prev {
        display: none !important
    }
}

.carousel[active-slide="1"] .carousel-dots > :nth-child(1), .carousel[active-slide="2"] .carousel-dots > :nth-child(2), .carousel[active-slide="3"] .carousel-dots > :nth-child(3), .carousel[active-slide="4"] .carousel-dots > :nth-child(4), .carousel[active-slide="5"] .carousel-dots > :nth-child(5), .carousel[active-slide="6"] .carousel-dots > :nth-child(6), .carousel[active-slide="7"] .carousel-dots > :nth-child(7), .carousel[active-slide="8"] .carousel-dots > :nth-child(8), .carousel[active-slide="9"] .carousel-dots > :nth-child(9), .carousel[active-slide="10"] .carousel-dots > :nth-child(10) {
    background-color: #232c41
}

.carousel .carousel-next, .carousel .carousel-prev {
    height: 5.9em;
    width: 5.9em;
    background-color: #232c41;
    transition: transform .3s ease-in,opacity .3s ease;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    opacity: 1;
    z-index: 2
}

    .carousel .carousel-next:hover, .carousel .carousel-prev:hover {
        opacity: .5;
        transition-duration: .3s,.1s
    }

    .carousel .carousel-next:after, .carousel .carousel-prev:after {
        content: '';
        background: url(../images/carousel-prev-next-arr.svg) 50% 50% no-repeat;
        width: 1.3em;
        height: 1em;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.carousel .carousel-prev {
    left: 0;
    transform: translate(-50%,-50%) scale(0)
}

.carousel .carousel-next {
    right: 0;
    transform: translate(50%,-50%) scale(0)
}

    .carousel .carousel-next:after {
        transform: translate(-50%,-50%) rotate(180deg)
    }

.carousel[has-prev-slide=true] .carousel-prev {
    transform: translate(-50%,-50%) scale(1);
    transition-timing-function: cubic-bezier(.68,.5,.45,1.28),ease
}

.carousel[has-next-slide=true] .carousel-next {
    transform: translate(50%,-50%) scale(1);
    transition-timing-function: cubic-bezier(.68,.5,.45,1.28),ease
}

.inset-text-block .carousel .carousel-slides {
    align-items: stretch
}

.carousel.bg-carousel .carousel-mask {
    width: 100%;
    height: 100%;
    display: block
}

.carousel.bg-carousel .carousel-slides {
    height: 100%;
    align-items: stretch
}

.carousel.bg-carousel .carousel-slide {
    background: 50% 50% no-repeat none;
    background-size: cover
}

@media (min-width:768px) {
    .carousel.bg-carousel {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width:767px) {
    .carousel {
        margin-left: -20px;
        margin-right: -20px
    }

    .inset-text-block .carousel .carousel-slide {
        max-height: 0
    }

    .inset-text-block .carousel[active-slide="1"] .carousel-slide:nth-child(1), .inset-text-block .carousel[active-slide="2"] .carousel-slide:nth-child(2), .inset-text-block .carousel[active-slide="3"] .carousel-slide:nth-child(3), .inset-text-block .carousel[active-slide="4"] .carousel-slide:nth-child(4), .inset-text-block .carousel[active-slide="5"] .carousel-slide:nth-child(5), .inset-text-block .carousel[active-slide="6"] .carousel-slide:nth-child(6), .inset-text-block .carousel[active-slide="7"] .carousel-slide:nth-child(7), .inset-text-block .carousel[active-slide="8"] .carousel-slide:nth-child(8), .inset-text-block .carousel[active-slide="9"] .carousel-slide:nth-child(9), .inset-text-block .carousel[active-slide="10"] .carousel-slide:nth-child(10) {
        max-height: none
    }

    .carousel.bg-carousel {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% + 40px);
        height: 250px
    }
}

.link-carousel-carousel .bg-carousel.blind .carousel-slide, .link-carousel-carousel .bg-carousel.blind-2 .carousel-slide, .link-carousel-carousel .bg-carousel.fade .carousel-slide, .link-carousel-carousel .bg-carousel.fade-2 .carousel-slide, .link-carousel-carousel .bg-carousel.slide .carousel-slide, .link-carousel-carousel .bg-carousel.slide-2 .carousel-slide {
    transition-duration: 1s
}

.link-carousel-carousel .bg-carousel.fade[active-slide="1"] .carousel-slide:nth-child(1), .link-carousel-carousel .bg-carousel.fade[active-slide="2"] .carousel-slide:nth-child(2), .link-carousel-carousel .bg-carousel.fade[active-slide="3"] .carousel-slide:nth-child(3), .link-carousel-carousel .bg-carousel.fade[active-slide="4"] .carousel-slide:nth-child(4), .link-carousel-carousel .bg-carousel.fade[active-slide="5"] .carousel-slide:nth-child(5), .link-carousel-carousel .bg-carousel.fade[active-slide="6"] .carousel-slide:nth-child(6), .link-carousel-carousel .bg-carousel.fade[active-slide="7"] .carousel-slide:nth-child(7), .link-carousel-carousel .bg-carousel.fade[active-slide="8"] .carousel-slide:nth-child(8), .link-carousel-carousel .bg-carousel.fade[active-slide="9"] .carousel-slide:nth-child(9), .link-carousel-carousel .bg-carousel.fade[active-slide="10"] .carousel-slide:nth-child(10) {
    transition-delay: .5s
}

.xchg-rates-calculator .xchg-inp-row {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 19px
}

    .xchg-rates-calculator .xchg-inp-row > * {
        flex: 1 1 auto
    }

    .xchg-rates-calculator .xchg-inp-row::before {
        content: '';
        position: absolute;
        left: calc(1.1em - 5px);
        width: 11px;
        height: 11px;
        background-color: #232c41;
        top: calc(50% - 5px);
        border-radius: 50%;
        border: 1px solid #232c41
    }

    .xchg-rates-calculator .xchg-inp-row::after {
        content: '';
        position: absolute;
        left: 1.1em;
        top: calc(50% + 5px);
        width: 1px;
        background-color: #232c41;
        bottom: -.7em
    }

    .xchg-rates-calculator .xchg-inp-row ~ .xchg-inp-row::before {
        background-color: transparent !important
    }

    .xchg-rates-calculator .xchg-inp-row ~ .xchg-inp-row::after {
        bottom: calc(50% + 5px)
    }

    .xchg-rates-calculator .xchg-inp-row + .xchg-inp-row {
        margin-top: .5em
    }

        .xchg-rates-calculator .xchg-inp-row + .xchg-inp-row::after {
            top: -.5em
        }

    .xchg-rates-calculator .xchg-inp-row + .xchg-rate-row + .xchg-inp-row::after {
        top: -.7em
    }

    .xchg-rates-calculator .xchg-inp-row + .xchg-inp-row + .xchg-rate-row {
        padding-top: 1em;
        padding-bottom: 1em
    }

.xchg-rates-calculator .xchg-inp {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 1.1em 0 2.2em;
    font-size: inherit
}

.xchg-rates-calculator .xchg-cur {
    font: 700 15px/22px "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .8em 0 .8em 1.2em;
    border-left: 0;
    width: 120px;
    flex: 1 0 auto
}

    .xchg-rates-calculator .xchg-cur .flag {
        width: 22px;
        height: 22px;
        float: left;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        vertical-align: middle;
        margin: 0 10px 0 0;
        border: 1px solid rgba(0,0,0,.1)
    }

        .xchg-rates-calculator .xchg-cur .flag > * {
            height: 22px;
            width: calc(1.714368932038835 * 22px);
            position: absolute;
            max-width: none;
            max-height: 100%;
            top: 0
        }

.xchg-rates-calculator .xchg-sel {
    position: relative
}

.xchg-rates-calculator .xchg-sel-options {
    position: absolute;
    top: 100%
}

.xchg-rates-calculator .xchg-rate-row {
    font-size: 13px;
    padding: 1.2em 0 1.2em 3.215em;
    position: relative
}

    .xchg-rates-calculator .xchg-rate-row .lock-img {
        width: 9px;
        height: 12px;
        position: absolute;
        left: calc(1.6em - 4px);
        top: calc(50% - 6px)
    }

    .xchg-rates-calculator .xchg-rate-row .xchg-rate {
        min-width: 65px;
        display: inline-block
    }

.xchg-rates-calculator .xchg-rate-txt {
    opacity: 1;
    transition: all .3s;
    font-weight: 700
}

.xchg-rates-calculator.hide-xchg-rate-txt .xchg-rate-txt {
    opacity: 0
}

.content-block {
    font-size: 15px;
    padding: 85px 0 90px;
    background: 50% 50% no-repeat none;
    background-size: cover;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}

    .content-block .content {
        max-width: 795px;
        margin: 0 auto
    }

        .content-block .content.content-width-2 {
            max-width: 580px !important
        }

        .content-block .content.content-width-3 {
            max-width: 490px !important
        }

    .content-block img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0
    }

        .content-block * + img, .content-block * + p, .content-block img + *, .content-block p + * {
            margin-top: 2em
        }

@media (max-width:767px) {
    .content-block * + img, .content-block * + p, .content-block img + *, .content-block p + * {
        margin-top: 1.85em
    }
}

.content-block .icon-row {
    height: 65px;
    display: block;
    margin: 0 auto 1.5em;
    width: 77px
}

    .content-block .icon-row img, .content-block .icon-row svg {
        height: 100%;
        width: 100%;
        display: block;
        margin: 0 auto
    }

.content-block + .content-block.block-alt-bg-1 + block-alt-bg-1, .content-block + .content-block.block-alt-bg-2 + block-alt-bg-2, .content-block + .content-block.block-alt-bg-3 + block-alt-bg-3, .content-block:not([class*=block-alt-bg]):not(.mobi-pin-img):not(.has-bg-carousel) + .content-block:not([class*=block-alt-bg]):not(.mobi-pin-img):not(.has-bg-carousel) {
    padding-top: 0
}

.content-block.block-alt-bg-1 {
    background-color: #232c41;
    color: #fff
}

.content-block.block-alt-bg-2 {
    background-color: #f7f8fa;
    color: #232c41
}

.content-block.center-text img {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    .content-block {
        padding-left: 45px;
        padding-right: 45px
    }

        .content-block.block-min-height {
            min-height: 560px
        }
}

@media (max-width:767px) {
    .content-block {
        padding: 0;
        flex-wrap: wrap
    }

        .content-block .page-content {
            padding-top: 50px;
            padding-bottom: 50px
        }

        .content-block + .content-block.block-alt-bg-1 + block-alt-bg-1 .page-content, .content-block + .content-block.block-alt-bg-2 + block-alt-bg-2 .page-content, .content-block + .content-block.block-alt-bg-3 + block-alt-bg-3 .page-content, .content-block.mobi-pin-img .bg-img + .page-content, .content-block:not([class*=block-alt-bg]) + .content-block:not([class*=block-alt-bg]) .page-content {
            padding-top: 0
        }

        .content-block.mobi-pin-img {
            background: 0 0 !important
        }

            .content-block.mobi-pin-img.block-alt-bg-1 {
                background-color: #232c41 !important
            }

            .content-block.mobi-pin-img.block-alt-bg-2 {
                background-color: #f7f8fa !important
            }

            .content-block.mobi-pin-img .bg-img {
                display: flex;
                height: 250px;
                background: 50% 50% no-repeat none;
                background-size: cover;
                width: 100%;
                align-items: center;
                justify-content: center
            }

        .content-block .icon-row {
            float: left;
            margin: 0 30px 0 10px;
            max-height: 50px;
            max-width: 40px
        }

        .content-block .icon-content {
            overflow: hidden;
            text-align: left
        }
}

.content-block .ico-video + * {
    margin-top: 30px
}

@media (max-width:767px) {
    .content-block .ico-video + * {
        margin-top: 20px
    }
}

a.content-block {
    text-decoration: none
}

.columned-block .column-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 -12.5px -50px
}

    .columned-block .column-wrap .column {
        flex: 1 1 auto;
        margin: 0 0 50px;
        max-width: 100%
    }

    .columned-block .column-wrap .content {
        padding: 0 12.5px;
        width: 306px
    }

    .columned-block .column-wrap .img-column, .columned-block .column-wrap .img-column .carousel {
        max-width: 480px
    }

@media (max-width:767px) {
    .columned-block .column-wrap .content {
        width: 320px
    }

    .columned-block .column-wrap {
        margin-bottom: -30px
    }

        .columned-block .column-wrap .column {
            margin-bottom: 32px
        }
}

.columned-block .link-items {
    counter-reset: linked-item-count
}

    .columned-block .link-items li {
        counter-increment: linked-item-count;
        position: relative;
        padding-top: 4em
    }

        .columned-block .link-items li::before {
            content: '';
            position: absolute;
            top: 1.1em;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #232c41;
            opacity: .16
        }

        .columned-block .link-items li:first-child::before {
            left: 50%
        }

        .columned-block .link-items li:last-child::before {
            right: 50%
        }

        .columned-block .link-items li::after {
            content: counter(linked-item-count);
            font-weight: 700;
            line-height: 2.1em;
            width: 2.2em;
            height: 2.2em;
            overflow: hidden;
            position: absolute;
            background-color: #232c41;
            color: #fff;
            top: 0;
            left: calc(50% - 1.1em);
            border-radius: 50%
        }

@media (max-width:767px) {
    .columned-block .link-items li {
        padding-top: 3.54em
    }

        .columned-block .link-items li::before {
            display: none !important
        }

    .columned-block [class*=match-height-] {
        min-height: 0 !important
    }
}

.content-block-inset .page-content > * {
    margin: 0
}

@media (min-width:768px) {
    .columned-block .link-items {
        flex-wrap: nowrap
    }

    .content-block-inset .page-content {
        flex-wrap: nowrap;
        display: flex;
        justify-content: space-between
    }
}

.content-block-inset .inset-text-block {
    position: relative;
    background-color: #fff
}

    .content-block-inset .inset-text-block .inset-content {
        padding: 50px
    }

@media (min-width:768px) {
    .content-block-inset .inset-text-block .carousel-dots {
        bottom: 40px;
        left: calc(70px - .5em)
    }

    .content-block-inset .inset-text-block .carousel-slide {
        padding: 50px 70px 100px
    }
}

@media (min-width:1024px) {
    .content-block-inset .inset-text-block {
        max-width: 50%;
        width: 590px
    }
}

@media (max-width:1023px) {
    .content-block-inset .page-content {
        flex-wrap: wrap
    }

        .content-block-inset .page-content > * {
            margin: 0 auto
        }

        .content-block-inset .page-content > :not(.empty-block) + :not(.empty-block) {
            margin-top: 30px
        }

    .content-block-inset .inset-text-block {
        max-width: 100%;
        width: 480px
    }
}

@media (max-width:767px) {
    .content-block-inset .inset-text-block {
        max-width: 100%;
        width: auto
    }

        .content-block-inset .inset-text-block .carousel {
            margin: 0
        }

        .content-block-inset .inset-text-block .carousel-dots {
            bottom: 13px
        }

        .content-block-inset .inset-text-block .carousel-slide {
            padding: 30px 30px 68px;
            text-align: center
        }

        .content-block-inset .inset-text-block .inset-content {
            padding: 30px 20px
        }

    .content-block-inset.has-bg-carousel .inset-text-block .carousel-dots {
        bottom: auto;
        top: 13px
    }

    .content-block-inset.has-bg-carousel .inset-text-block .carousel-slide {
        padding: 68px 30px 30px
    }
}

.content-block-inset .inset-carousel-block img, .content-block-inset .inset-img-block img {
    margin: 0 auto
}

@media (min-width:1024px) {
    .content-block-inset .inset-carousel-block {
        max-width: calc(50% - 70px);
        width: 480px
    }
}

@media (max-width:1023px) {
    .content-block-inset .inset-carousel-block {
        max-width: 100%;
        width: 480px
    }
}

@media (max-width:767px) {
    .content-block-inset .inset-carousel-block {
        max-width: 100%;
        width: auto
    }
}

.content-block-inset .inset-carousel-block + .inset-text-block {
    background-color: transparent
}

@media (min-width:1024px) {
    .content-block-inset .inset-img-block {
        max-width: calc(50% - 30px);
        width: 480px
    }
}

@media (max-width:1023px) {
    .content-block-inset .inset-img-block {
        max-width: 100%;
        width: 480px
    }
}

.content-block-inset .video-link-block {
    align-self: stretch;
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

    .content-block-inset .video-link-block.ico-video img, .content-block-inset .video-link-block.ico-video svg {
        margin: 0
    }

.content-block-inset .inset-vtabs-block {
    max-width: 100%
}

    .content-block-inset .inset-vtabs-block .WYSIWYG {
        font: inherit
    }

@media (max-width:767px) {
    .content-block-inset .inset-vtabs-block {
        background-color: #f7f8fa !important;
        margin: 0 -20px -50px;
        max-width: calc(100% + 40px)
    }
}

@media (min-width:1024px) {
    .content-block-inset .inset-vtabs-block {
        width: 794px
    }

    .content-block-inset {
        padding-top: 105px;
        padding-bottom: 100px
    }
}

.xchg-rates-block {
    background-color: #232c41;
    color: #a9bcc6;
    padding: 60px 0 80px
}

    .xchg-rates-block .tabbed-wrap-h .tabbed-tabs label:after, .xchg-rates-block .xchg-rates-calculator .xchg-inp-row::after {
        background-color: #f45345
    }

@media (max-width:767px) {
    .xchg-rates-block {
        padding: 50px 0 40px
    }
}

.xchg-rates-block .tabbed-wrap-h .tabbed-tabs {
    border-color: #656d7c
}

    .xchg-rates-block .tabbed-wrap-h .tabbed-tabs label {
        color: inherit
    }

.xchg-rates-block .tabbed-wrap-h .tabbed-content {
    padding: 25px 0 0;
    box-sizing: content-box
}

    .xchg-rates-block .tabbed-wrap-h .tabbed-content * {
        box-sizing: border-box
    }

.xchg-rates-block .tabbed-wrap-h .btn-order-now {
    display: block;
    margin-top: 25px
}

.xchg-rates-block .xchg-rates-calculator .xchg-inp-row::before {
    background-color: #f45345;
    border-color: #f45345
}

.xchg-rates-block .xchg-rates-calculator .xchg-rate-row .lock-img .xchg-lock path {
    fill: #f45345
}

@media (min-width:768px) {
    .xchg-rates-block .block-wrapper {
        justify-content: space-between;
        display: flex;
        margin: 0 -12.5px;
        align-items: center
    }

        .xchg-rates-block .block-wrapper .xchg-rates-title {
            flex: 0 1 23%;
            padding: 0 50px 0 12.5px
        }

        .xchg-rates-block .block-wrapper .cur-chooser-section {
            flex: 0 1 430px;
            padding: 0 50px 0 12.5px
        }

        .xchg-rates-block .block-wrapper .xchg-rates-section {
            flex: 0 1 384px;
            padding: 0 12.5px;
            margin-left: auto
        }
}

@media (min-width:768px) and (max-width:1023px) {
    .xchg-rates-block .block-wrapper {
        flex-wrap: wrap
    }

        .xchg-rates-block .block-wrapper .xchg-rates-title {
            flex: 1 0 100%;
            padding: 0 12.5px 20px;
            max-width: 100%
        }

        .xchg-rates-block .block-wrapper .cur-chooser-section, .xchg-rates-block .block-wrapper .xchg-rates-section {
            flex: 1 1 0px;
            padding-top: 0
        }
}

.xchg-rates-block header {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px
}

.xchg-rates-block .cur-chooser {
    font: 700 13px/1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px
}

    .xchg-rates-block .cur-chooser .flag {
        width: 34px;
        height: 34px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        vertical-align: middle;
        margin: 0 0 10px;
        display: block;
        border: 1px solid rgba(109,117,133,.1)
    }

        .xchg-rates-block .cur-chooser .flag > img, .xchg-rates-block .cur-chooser .flag > svg {
            height: 34px;
            width: 58.29px;
            position: absolute;
            max-width: none;
            max-height: 100%;
            top: 0
        }

    .xchg-rates-block .cur-chooser .cur-code {
        display: block;
        margin: 1em auto 0
    }

    .xchg-rates-block .cur-chooser label {
        flex: 0 0 auto;
        margin: 7px 16px 27px;
        position: relative
    }

        .xchg-rates-block .cur-chooser label:before {
            position: absolute;
            left: 17px;
            top: 17px;
            transform: translate(-50%,-50%);
            width: 34px;
            height: 34px;
            border: 2px solid transparent;
            border-radius: 50%;
            content: '';
            transition: all .15s;
            z-index: 1
        }

    .xchg-rates-block .cur-chooser [type=radio] {
        position: fixed;
        right: 100vw
    }

        .xchg-rates-block .cur-chooser [type=radio]:checked + label {
            color: #fff
        }

            .xchg-rates-block .cur-chooser [type=radio]:checked + label:before {
                border-color: #f45345;
                width: 48px;
                height: 48px
            }

.transaction-summary-panel {
    padding: 30px;
    border: 1px solid #c1c1c6
}

    .transaction-summary-panel table {
        font-size: 15px;
        width: 100%
    }

    .transaction-summary-panel th {
        color: #6d7585;
        text-align: left;
        font-weight: 400;
        vertical-align: top
    }

    .transaction-summary-panel td {
        text-align: left;
        font-weight: 700;
        vertical-align: top
    }

    .transaction-summary-panel .total-row td {
        font-size: 19px
    }

    .transaction-summary-panel .total-row .cur-code {
        text-transform: uppercase;
        font-size: 15px
    }

@media (min-width:768px) {
    .transaction-summary-panel tr:not(:last-child) > * {
        padding: 0 0 18px
    }

    .transaction-summary-panel tr > :not(:first-child) {
        padding-left: 18px
    }

    .transaction-summary-panel th {
        width: 30%
    }
}

@media (max-width:767px) {
    .transaction-summary-panel {
        padding: 24px
    }

        .transaction-summary-panel table, .transaction-summary-panel tbody, .transaction-summary-panel td, .transaction-summary-panel th, .transaction-summary-panel tr {
            display: block;
            padding: 0
        }

        .transaction-summary-panel td {
            padding: 2px 0 10px
        }
}

.transaction-detail-table {
    border-collapse: separate;
    padding-top: 17px;
    padding-bottom: 17px;
    border: 0 solid #c1c1c6;
    border-width: 1px 0;
    width: 100%;
    font-size: 15px;
    line-height: 22px
}

    .transaction-detail-table tr > * {
        text-align: left;
        font-weight: inherit;
        padding: 8px 15px 8px 0;
        vertical-align: top;
        height: 39px
    }

    .transaction-detail-table tr > :last-child {
        padding-right: 0;
        text-align: right
    }

    .transaction-detail-table .flag-td {
        width: 37px
    }

    .transaction-detail-table .flag {
        width: 22px;
        height: 22px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        vertical-align: middle;
        margin: -3px 0;
        display: block
    }

        .transaction-detail-table .flag > img, .transaction-detail-table .flag > svg {
            height: 22px;
            width: 37.72px;
            position: absolute;
            max-width: none;
            max-height: 100%;
            top: 0
        }

    .transaction-detail-table .cur, .transaction-detail-table .cur-code {
        font-weight: 700
    }

    .transaction-detail-table .xchg-rate {
        font-size: 13px;
        display: inline-block;
        white-space: nowrap
    }

@media (max-width:767px) {
    .transaction-detail-table {
        line-height: 16px
    }

        .transaction-detail-table .xchg-rate {
            font-size: 11px;
            display: block
        }
}

.transaction-totals-table {
    font-size: 15px;
    width: 280px;
    max-width: 100%;
    margin: 0 0 0 auto;
    font-weight: 400
}

    .transaction-totals-table tr > * {
        text-align: left;
        font-weight: inherit;
        padding: 16px 0 0;
        vertical-align: top
    }

    .transaction-totals-table tr > :not(:first-child) {
        padding-left: 16px
    }

    .transaction-totals-table tr > :last-child {
        text-align: right
    }

    .transaction-totals-table tr:last-child > * {
        padding-bottom: 16px
    }

    .transaction-totals-table tfoot {
        font-weight: 700
    }

        .transaction-totals-table tfoot > * {
            border-top: 1px solid #c1c1c6
        }

        .transaction-totals-table tfoot .cur {
            font-size: 19px
        }

@media (max-width:767px) {
    .transaction-totals-table {
        width: 100%
    }
}

.unauth-reload-step .cur-chooser-section .cur-chooser {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 20px
}

    .unauth-reload-step .cur-chooser-section .cur-chooser .flag {
        width: 44px;
        height: 44px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        vertical-align: middle;
        margin: 0 auto;
        display: block;
        border: 1px solid rgba(0,0,0,.1)
    }

        .unauth-reload-step .cur-chooser-section .cur-chooser .flag > img, .unauth-reload-step .cur-chooser-section .cur-chooser .flag > svg {
            height: 100%;
            width: 171.43689%;
            position: absolute;
            max-width: none;
            max-height: 100%;
            top: 0
        }

    .unauth-reload-step .cur-chooser-section .cur-chooser .cur-code {
        display: block;
        margin: 11px auto -2px;
        font-size: 15px;
        font-weight: 700
    }

    .unauth-reload-step .cur-chooser-section .cur-chooser .cur-rate {
        display: block;
        margin: 0 auto;
        font-size: 13px;
        font-weight: 400
    }

    .unauth-reload-step .cur-chooser-section .cur-chooser label {
        position: relative;
        border: 1px solid #c1c1c6;
        border-radius: 3px;
        display: block;
        width: 79px;
        margin: 8px 4px;
        padding: 17px 0 14px;
        text-align: center
    }

    .unauth-reload-step .cur-chooser-section .cur-chooser [type=checkbox] {
        position: fixed;
        right: 100vw
    }

        .unauth-reload-step .cur-chooser-section .cur-chooser [type=checkbox]:checked + label {
            background-color: #eeeef0;
            border-color: #232c41
        }

@media (max-width:767px) {
    .unauth-reload-step .cur-chooser-section .cur-chooser {
        line-height: 20px
    }

        .unauth-reload-step .cur-chooser-section .cur-chooser .flag {
            width: 32px;
            height: 32px
        }

        .unauth-reload-step .cur-chooser-section .cur-chooser label {
            margin: 4px;
            width: 70px;
            padding: 17px 0 9px
        }

        .unauth-reload-step .cur-chooser-section .cur-chooser .cur-code {
            font-size: 13px;
            margin: 8px auto -4px
        }

        .unauth-reload-step .cur-chooser-section .cur-chooser .cur-rate {
            font-size: 11px;
            margin: 0 auto
        }
}

.unauth-reload-step .cur-load-section .cur-load-block {
    border-bottom: 1px solid #c1c1c6
}

    .unauth-reload-step .cur-load-section .cur-load-block:not(.is-visible) {
        border-width: 0
    }

.unauth-reload-step .cur-load-section > header {
    margin-bottom: 0 !important;
    padding-bottom: 10px
}

.unauth-reload-step input[type=checkbox]:not(.custom-input):not(.tabbed-flag) + label {
    font-size: 15px
}

.cur-load-block {
    overflow: hidden;
    position: relative;
    opacity: 1;
    max-height: 10000px;
    transition: max-height 0s .3s,min-height .3s 0s ease-out
}

    .cur-load-block .cur-rate-row {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
        font-size: 13px;
        line-height: 1.5;
        padding: 15px 0;
        position: relative;
        bottom: 0;
        width: 100%
    }

        .cur-load-block .cur-rate-row .flag {
            width: 32px;
            height: 32px;
            position: relative;
            overflow: hidden;
            border-radius: 50%;
            vertical-align: middle;
            display: block;
            flex: 0 0 32px;
            margin: 0 15px 0 0;
            border: 1px solid rgba(0,0,0,.1)
        }

            .cur-load-block .cur-rate-row .flag > img, .cur-load-block .cur-rate-row .flag > svg {
                height: 32px;
                width: 54.86px;
                position: absolute;
                max-width: none;
                max-height: 100%;
                top: 0
            }

        .cur-load-block .cur-rate-row .xchg-rate {
            flex: 1 1 auto;
            align-self: center;
            font-weight: 700
        }

        .cur-load-block .cur-rate-row .remove-x {
            flex: 0 1 21px;
            margin: 0 0 0 auto;
            width: 21px;
            height: 21px;
            transform: rotate(45deg);
            text-indent: -100vw;
            transition: transform .1s;
            z-index: 1;
            overflow: hidden
        }

            .cur-load-block .cur-rate-row .remove-x:before {
                content: '';
                width: 3px;
                height: 100%;
                position: absolute;
                left: calc(50% - 1.5px);
                background-color: #3c3c3c;
                top: 0
            }

            .cur-load-block .cur-rate-row .remove-x:after {
                content: '';
                height: 3px;
                width: 100%;
                position: absolute;
                top: calc(50% - 1.5px);
                background-color: #3c3c3c;
                left: 0
            }

            .cur-load-block .cur-rate-row .remove-x:focus, .cur-load-block .cur-rate-row .remove-x:hover {
                transform: rotate(45deg) scale(1.1);
                transition: transform 0s
            }

@media (max-width:767px) {
    .cur-load-block .cur-rate-row {
        bottom: 129px
    }

        .cur-load-block .cur-rate-row .flag {
            width: 22px;
            height: 22px;
            flex: 0 0 22px
        }

            .cur-load-block .cur-rate-row .flag > img, .cur-load-block .cur-rate-row .flag > svg {
                height: 22px;
                width: 37.72px
            }
}

.cur-load-block .cur-inp-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    font-size: 19px;
    padding: 0 0 25px;
    position: relative;
    bottom: 0;
    width: 100%
}

    .cur-load-block .cur-inp-row .inp-txt {
        flex: 1 1 100%;
        font-size: 19px;
        padding: .4em calc(84px + 1.2em) .4em 1.2em
    }

    .cur-load-block .cur-inp-row label {
        flex: 0 0 84px;
        text-align: center;
        font-weight: 700;
        font-size: 15px;
        margin: 0 0 0 -84px;
        border-left: 1px solid rgba(0,0,0,.24);
        position: relative
    }

        .cur-load-block .cur-inp-row label span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%)
        }

    .cur-load-block .cur-inp-row .eq {
        flex: 0 0 25px;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
        position: relative
    }

        .cur-load-block .cur-inp-row .eq:before {
            content: '=';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%)
        }

@media (max-width:767px) {
    .cur-load-block .cur-inp-row {
        flex-wrap: wrap
    }

        .cur-load-block .cur-inp-row .inp-txt {
            flex: 0 0 100%
        }

        .cur-load-block .cur-inp-row .eq {
            height: 8px;
            flex: 0 0 100%
        }

            .cur-load-block .cur-inp-row .eq:before {
                content: ''
            }
}

@media (min-width:768px) {
    .cur-load-block {
        min-height: 137px
    }

        .cur-load-block .cur-inp-row-error {
            left: 0;
            width: calc(50% - 12.5px);
            position: absolute;
            flex: 0 0 calc(50% - 12.5px);
            bottom: 0;
            padding: 0 0 4px;
            margin: 0
        }

        .cur-load-block .eq ~ .cur-inp-row-error {
            left: auto;
            right: 0
        }
}

@media (max-width:767px) {
    .cur-load-block {
        min-height: 182px
    }

        .cur-load-block .cur-inp-row-error {
            padding: 4px 0 0;
            margin: 0;
            display: block
        }

        .cur-load-block .eq ~ .cur-inp-row-error {
            display: block
        }

        .cur-load-block .cur-inp-row, .cur-load-block .cur-rate-row {
            position: relative;
            bottom: auto;
            top: auto
        }
}

.cur-load-block:not(.is-visible) {
    max-height: 0 !important;
    min-height: 0;
    transition: max-height 0s 0s,min-height .3s 0s ease-in
}

.choose-payment-block {
    font-size: 13px;
    display: flex;
    align-items: stretch
}

    .choose-payment-block label {
        border: 1px solid #c1c1c6;
        padding: 20px 25px 20px 65px !important;
        border-radius: 3px;
        margin: 0;
        flex: 1 1 50%;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .choose-payment-block input[type=radio] + label::before {
        left: 15px !important;
        position: absolute !important;
        top: 25px !important;
        border-color: inherit !important;
        width: 24px !important;
        height: 24px !important
    }

    .choose-payment-block input[type=radio] + label::after {
        left: 24px !important;
        position: absolute !important;
        top: 34px !important;
        width: 4px;
        height: 4px
    }

.page-campaign .campaign-block > footer, .page-campaign .campaign-column {
    position: relative
}

@media (min-width:768px) {
    .choose-payment-block input[type=radio] + label:not(:first-of-type) {
        margin-left: 7px
    }
}

.choose-payment-block input[type=radio]:checked + label {
    border-color: #232c41
}

    .choose-payment-block input[type=radio]:checked + label::after {
        left: 21px !important;
        top: 31px !important;
        width: 12px !important;
        height: 12px !important
    }

.choose-payment-block .ico {
    float: left;
    width: 32px;
    margin: 5px 15px 0 0
}

.choose-payment-block .content {
    color: inherit
}

.choose-payment-block span {
    display: block;
    overflow: hidden;
    color: #6d7585
}

.choose-payment-block .payment-title {
    font-weight: 700;
    font-size: 15px;
    color: inherit
}

.page-campaign .campaign-block, .page-campaign main {
    color: #232c41;
    background-color: #f7f8fa
}

.choose-payment-block [for=payment-bank-transfer] .ico svg {
    width: 32px;
    height: calc(1 * 32px)
}

.choose-payment-block [for=payment-BPAY] .ico svg {
    width: 32px;
    height: calc(1.4 * 32px)
}

.page-campaign .campaign-hero h1 {
    font-size: 82px;
    line-height: 78px
}

@media (max-width:767px) {
    .choose-payment-block {
        display: block
    }

        .choose-payment-block label {
            padding: 20px 15px 20px 56px !important;
            margin: 0
        }

            .choose-payment-block label:not(:first-of-type) {
                margin-top: 8px
            }

        .choose-payment-block .ico {
            width: 24px;
            margin: 5px 25px 0 0
        }

    .page-campaign .campaign-hero h1 {
        font-size: 34px;
        line-height: 42px
    }
}

.page-campaign .campaign-hero .campaign-hero-bg {
    background: 50% 50% no-repeat #232c41;
    background-size: cover
}

.page-campaign .campaign-hero .hero-content {
    font: 400 26px/30px "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    height: 650px;
    padding: 65px 0 255px;
    vertical-align: bottom
}

    .page-campaign .campaign-hero .hero-content .content-wrap {
        max-width: 840px
    }

@media (min-width:1200px) {
    .page-campaign .campaign-hero .hero-content .content-wrap {
        padding-left: 80px;
        padding-right: 102px;
        max-width: none
    }
}

@media (max-width:1199px) {
    .page-campaign .campaign-hero .hero-content .content-wrap {
        padding-left: 60px;
        padding-right: 52px
    }
}

@media (max-width:767px) {
    .page-campaign .campaign-hero .hero-content .content-wrap {
        padding-left: 20px;
        padding-right: 20px
    }

        .page-campaign .campaign-hero .hero-content .content-wrap span {
            display: inline !important
        }
}

@media (max-width:1023px) {
    .page-campaign .campaign-hero .hero-content .content-wrap {
        margin-left: auto;
        margin-right: auto
    }

    .page-campaign .campaign-hero .hero-content {
        padding: 115px 0 210px;
        height: 520px
    }
}

@media (max-width:767px) {
    .page-campaign .campaign-hero .hero-content {
        font-size: 22px;
        line-height: 30px;
        height: auto;
        padding: 25px 0 70px
    }
}

@media (min-width:1024px) {
    .page-campaign .campaign-hero:not(.campaign-has-form) .hero-content .content-wrap {
        padding-left: 100px;
        padding-right: 100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 840px
    }
}

.page-campaign .campaign-block::after {
    content: '';
    display: block;
    background-color: #f7f8fa
}

.page-campaign .campaign-block + .content-block.block-alt-bg-2, .page-campaign .campaign-block + .content-block:not([class*=block-alt-bg]) {
    padding-top: 0
}

.page-campaign .campaign-column header {
    margin-bottom: 1.5em
}

.page-campaign .campaign-content-column {
    font-size: 15px;
    position: relative
}

    .page-campaign .campaign-content-column header {
        font-weight: 700
    }

    .page-campaign .campaign-content-column::before {
        content: '';
        position: absolute;
        left: -50vw;
        right: -50vw;
        top: 40px;
        bottom: 40px;
        background-color: #2e3955;
        width: auto;
        max-width: none
    }

    .page-campaign .campaign-content-column::after {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        right: 20px;
        max-width: 433px;
        height: 8px;
        background-color: #f45345;
        z-index: 1
    }

    .page-campaign .campaign-content-column.WYSIWYG ul li::before {
        color: #f45345
    }

@media (min-width:768px) {
    .page-campaign .campaign-content-column.WYSIWYG ul li::before {
        width: 2.1em
    }

    .page-campaign .campaign-content-column.WYSIWYG ul {
        margin-left: -.6em
    }
}

.page-campaign .campaign-content-column .column-bg {
    background-color: #232c41;
    color: #fff;
    z-index: 1;
    position: relative
}

.page-campaign .campaign-form-column .column-bg {
    background-color: #fff;
    color: #232c41
}

@media (max-width:767px) {
    .page-campaign main {
        padding-top: 0
    }

    .page-campaign .campaign-column {
        margin: 0 auto;
        top: -40px
    }

        .page-campaign .campaign-column .column-bg {
            padding: 35px 20px
        }

    .page-campaign .campaign-content-column header {
        font-size: 19px;
        line-height: 28px
    }

    .page-campaign .campaign-content-column::before {
        top: 40px;
        bottom: 40px
    }

    .page-campaign .campaign-content-column.WYSIWYG ul {
        margin-left: -1em
    }

    .page-campaign .exp-wrap .exp-cnt {
        max-height: 50vh;
        min-height: 50vh;
        height: 100%
    }

    .page-campaign .exp-wrap .content-toggle {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 100%;
        right: 0;
        color: #232c41;
        z-index: 1;
        padding: 30px;
        opacity: 1;
        visibility: visible;
        transition: opacity .3s,visibility 0s
    }

        .page-campaign .exp-wrap .content-toggle span {
            color: inherit;
            position: relative
        }

            .page-campaign .exp-wrap .content-toggle span:after {
                background-color: #fff
            }

        .page-campaign .exp-wrap .content-toggle::before {
            height: 200px;
            max-height: 25vh;
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 100%;
            right: 0;
            background: 50% 50% no-repeat none;
            background-size: cover;
            background-image: rgba(255,255,255,0);
            background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 100%);
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(255,255,255,0)),color-stop(100%,#fff));
            background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 100%);
            background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 100%);
            background-image: -ms-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 100%);
            background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#fff 100%);
            content: ''
        }

    .page-campaign .exp-wrap.exp-opened .content-toggle {
        transition-delay: 0s,.3s;
        opacity: 0;
        visibility: hidden
    }

    .page-campaign .exp-wrap .campaign-content-column .content-toggle {
        color: #fff
    }

        .page-campaign .exp-wrap .campaign-content-column .content-toggle::before {
            background-image: #29344c;
            background-image: -moz-linear-gradient(bottom,#29344c 60px,rgba(41,52,76,0) 100%);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(60px,#29344c),color-stop(100%,rgba(41,52,76,0)));
            background-image: -webkit-linear-gradient(bottom,#29344c 60px,rgba(41,52,76,0) 100%);
            background-image: -o-linear-gradient(bottom,#29344c 60px,rgba(41,52,76,0) 100%);
            background-image: -ms-linear-gradient(bottom,#29344c 60px,rgba(41,52,76,0) 100%);
            background-image: linear-gradient(to top,#29344c 60px,rgba(41,52,76,0) 100%)
        }
}

@media (max-width:1023px) {
    .page-campaign .campaign-form {
        max-width: 480px;
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .page-campaign .exp-wrap-mobi .content-toggle {
        display: none !important
    }

    .page-campaign .exp-cnt {
        height: 100%
    }

    .page-campaign .campaign-column {
        max-width: 840px;
        margin: 0 auto -330px;
        top: -165px
    }

        .page-campaign .campaign-column .column-bg {
            padding: 75px 60px;
            height: 100%
        }

        .page-campaign .campaign-column + .campaign-column {
            margin-top: 330px
        }

    .page-campaign .campaign-content-column header {
        font-size: 26px;
        line-height: 38px
    }

    .page-campaign .campaign-content-column::before {
        top: 165px;
        bottom: 165px
    }

    .page-campaign .campaign-content-column::after {
        left: 60px;
        right: 60px
    }

    .page-campaign .campaign-columns .campaign-content-column::after {
        width: auto;
        left: 60px;
        right: 163px
    }

    .page-campaign .campaign-block {
        background-color: #f7f8fa;
        color: #232c41;
        padding: 0 0 70px
    }

        .page-campaign .campaign-block::after {
            content: '';
            display: block;
            height: 165px;
            background-color: #f7f8fa
        }

        .page-campaign .campaign-block > footer {
            margin: 45px 0 0;
            position: relative;
            top: 165px;
            font-size: 13px;
            line-height: 1.5
        }

    .page-campaign main {
        padding: 0
    }

        .page-campaign main .content-block:last-child {
            margin-bottom: 0
        }
}

@media (min-width:1024px) {
    .page-campaign .campaign-column {
        max-width: 840px
    }

        .page-campaign .campaign-column .column-bg {
            padding: 90px 100px 150px
        }

    .page-campaign .campaign-content-column header {
        font-size: 26px;
        line-height: 38px
    }

    .page-campaign .campaign-content-column::after {
        left: 100px;
        right: 100px
    }

    .page-campaign .campaign-form-column {
        max-width: 480px
    }

    .page-campaign .campaign-columns {
        display: flex;
        justify-content: center;
        align-items: stretch
    }

        .page-campaign .campaign-columns .campaign-column {
            flex: 1 1 auto
        }

            .page-campaign .campaign-columns .campaign-column .column-bg {
                padding: 75px 52px 90px
            }

            .page-campaign .campaign-columns .campaign-column + .campaign-column {
                margin-top: 75px;
                margin-left: -100px;
                z-index: 1
            }

        .page-campaign .campaign-columns .campaign-content-column .column-bg {
            padding-left: 60px;
            padding-right: 163px
        }

        .page-campaign .campaign-columns .campaign-content-column::after {
            width: auto;
            left: 60px;
            right: 163px
        }

    .page-campaign .campaign-block {
        background-color: #f7f8fa;
        color: #232c41;
        padding: 0 0 70px
    }

        .page-campaign .campaign-block::after {
            content: '';
            display: block;
            height: 165px;
            background-color: #f7f8fa
        }

        .page-campaign .campaign-block > footer {
            margin: 45px 0 0;
            position: relative;
            top: 165px;
            font-size: 13px;
            line-height: 1.5
        }
}

@media (min-width:1200px) {
    .page-campaign .campaign-column {
        max-width: 840px
    }

        .page-campaign .campaign-column .column-bg {
            padding: 90px 100px 150px
        }

        .page-campaign .campaign-column header {
            margin-bottom: 1.5em
        }

    .page-campaign .campaign-form-column {
        max-width: 590px
    }

    .page-campaign .campaign-columns .campaign-column .column-bg {
        padding: 75px 102px 90px
    }

    .page-campaign .campaign-columns .campaign-content-column .column-bg {
        padding-left: 80px;
        padding-right: 193px
    }

    .page-campaign .campaign-columns .campaign-content-column::after {
        left: 80px;
        right: 193px
    }

    .page-campaign .campaign-block {
        padding: 0 0 70px
    }
}

@media (max-width:767px) {
    .login-section .toggle-password-reset {
        display: block;
        position: relative;
        padding: 0 40px 0 0;
        border-bottom: none;
        text-decoration: none
    }

        .login-section .toggle-password-reset::after, .login-section .toggle-password-reset::before {
            content: '';
            position: absolute;
            background-color: #232c41;
            transition: all .3s;
            margin: 3px 0 0
        }

        .login-section .toggle-password-reset::before {
            width: 11px;
            height: 1px;
            right: 0;
            top: 12px
        }

        .login-section .toggle-password-reset::after {
            width: 1px;
            height: 11px;
            right: 5px;
            top: 7px
        }

    .login-section .exp-opened .toggle-password-reset::before {
        width: 0;
        right: 5px;
        transform: rotate(90deg)
    }

    .login-section .exp-opened .toggle-password-reset::after {
        transform: rotate(90deg)
    }
}

.languagedropdown {
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    height: 34px;
    background-color: inherit;
    border-color: #232c41;
    font-weight: 700;
    padding: 4px 4px;
    border: 2px solid;
    background: transparent;
}

    .languagedropdown option {
        color: black;
    }


@font-face {
    font-family: "Mark for MC Book";
    src: url("Fonts/EOT/MarkWebPro-BookW01Regular.eot?#iefix") format("eot"),url("Fonts/WOFF2/MarkWebPro-BookW01Regular.woff2") format("woff2"),url("Fonts/WOFF/MarkWebPro-BookW01Regular.woff") format("woff"),url("Fonts/TTF/MarkWebPro-BookW01Regular.ttf") format("truetype"),url("Fonts/SVG/MarkWebPro-BookW01Regular.svg") format("svg");
}

@font-face {
    font-family: "Mark for MC Bold";
    src: url("Fonts/EOT/MarkWebPro-BoldW01Regular.eot?#iefix") format("eot"),url("Fonts/WOFF2/MarkWebPro-BoldW01Regular.woff2") format("woff2"),url("Fonts/WOFF/MarkWebPro-BoldW01Regular.woff") format("woff"),url("Fonts/TTF/MarkWebPro-BoldW01Regular.ttf") format("truetype"),url("Fonts/SVG/MarkWebPro-BoldW01Regular.svg") format("svg");
}

@font-face {
    font-family: "Mark for MC Heavy";
    src: url("Fonts/EOT/MarkWebPro-HeavyW01Regular.eot?#iefix") format("eot"),url("Fonts/WOFF2/MarkWebPro-HeavyW01Regular.woff2") format("woff2"),url("Fonts/WOFF/MarkWebPro-HeavyW01Regular.woff") format("woff"),url("Fonts/TTF/MarkWebPro-HeavyW01Regular.ttf") format("truetype"),url("Fonts/SVG/MarkWebPro-HeavyW01Regular.svg") format("svg");
}

@font-face {
    font-family: "Mark for MC Light";
    font-weight: 600;
    src: url("Fonts/EOT/MarkWebPro-LightW01Regular.eot?#iefix") format("eot"),url("Fonts/WOFF2/MarkWebPro-LightW01Regular.woff2") format("woff2"),url("Fonts/WOFF/MarkWebPro-LightW01Regular.woff") format("woff"),url("Fonts/TTF/MarkWebPro-LightW01Regular.ttf") format("truetype"),url("Fonts/SVG/MarkWebPro-LightW01Regular.svg") format("svg");
}

@font-face {
    font-family: "Mark for MC Thin";
    font-weight: 600;
    src: url("Fonts/EOT/MarkWebPro-ThinW01Regular.eot?#iefix") format("eot"),url("Fonts/WOFF2/MarkWebPro-ThinW01Regular.woff2") format("woff2"),url("Fonts/WOFF/MarkWebPro-ThinW01Regular.woff") format("woff"),url("Fonts/TTF/MarkWebPro-ThinW01Regular.ttf") format("truetype"),url("Fonts/SVG/MarkWebPro-ThinW01Regular.svg") format("svg");
}

@font-face {
    font-family: "Mark for MC Extra Light";
    src: url("Fonts/EOT/MarkWebPro-ExtraLightW01Rg.eot?#iefix") format("eot"),url("Fonts/WOFF2/MarkWebPro-ExtraLightW01Regular.woff2") format("woff2"),url("Fonts/WOFF/MarkWebPro-ExtraLightW01Regular.woff") format("woff"),url("Fonts/TTF/MarkWebPro-ExtraLightW01Regular.ttf") format("truetype"),url("Fonts/SVG/MarkWebPro-ExtraLightW01Regular.svg") format("svg");
}