/*$max-width: 1244px !default;*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to "Mark for MC Book".
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

/*Importing fonts*/

@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";
    font-weight: 600;
    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");
}



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";
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


select {
    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";
}


/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

    /**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b {
    font-weight: bold;
}

strong {
    font-weight: bolder;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
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;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        box-sizing: content-box;
        /* 2 */
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

ul,
ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

li {
    padding: 0;
    margin: 0;
}

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

/**
 * Set up a decent box model on the root element
 */
html {
    box-sizing: border-box;
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
}

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

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
    box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
    color: inherit;
    text-decoration: underline;
}

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

/**
 * Basic typography style for copy text
 */
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";
}

@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";
    color: inherit;
    margin: 0 0 0.5em;
}

@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";
    color: inherit;
    margin: 0 0 0.5em;
}

@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";
    color: inherit;
    margin: 0 0 0.5em;
}

@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";
    color: inherit;
    margin: 0 0 0.5em;
}

@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";
    color: inherit;
    margin: 0 0 0.5em;
}

.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: 0.86667em;
}

.title {
    font: 400 22px/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";
    color: inherit;
    margin: 0 0 0.5em;
}

p {
    margin: 0;
}

    p + p {
        margin-top: 1.5em;
    }

/**
 * Clear inner floats
 */
.clearfix::after {
    clear: both;
    content: '';
    display: table;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
    max-width: 1240px;
    /* 1 */
    margin-left: auto;
    /* 2 */
    margin-right: auto;
    /* 2 */
    padding-left: 20px;
    /* 3 */
    padding-right: 20px;
    /* 3 */
    width: 100%;
    /* 1 */
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
    overflow: hidden;
    padding: 0;
    /* 1 */
    text-indent: 101%;
    white-space: nowrap;
}

.center-text {
    text-align: center;
}

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

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.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;
    vertical-align: baseline;
}

.flag.centered svg,
.flag.centered img {
    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 #SGD-flag {
    transform: none;
    left: 0;
}

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

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

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

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

    .ico-video svg,
    .ico-video img {
        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 svg .video-play,
        .ico-video img .video-play {
            fill: #232c41;
        }

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

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

@media (max-width: 767px) {
    .ico-video {
        opacity: 1;
    }
}

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

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

@media (max-width: 767px) {
    .dtop-show,
    .tblt-show,
    .mobi-hide {
        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-tog,
    .exp-wrap-mobi .exp-opn,
    .exp-wrap-mobi .exp-cls {
        text-decoration: none !important;
        cursor: default !important;
    }

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

/*********************************************************************/
/* BEGIN DEV */
#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, 0.3);
    -moz-transition: transform 500ms ease-in 0s;
    -o-transition: transform 500ms ease-in 0s;
    -webkit-transition: transform 500ms ease-in 0s;
    transition: transform 500ms ease-in 0s;
    padding: 0;
}

    #slice-menu::before, #slice-menu::after {
        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 500ms ease-out 0s;
        -o-transition: transform 500ms ease-out 0s;
        -webkit-transition: transform 500ms ease-out 0s;
        transition: transform 500ms ease-out 0s;
    }

    #slice-menu ul {
        margin: 0;
        padding: 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 a:hover {
            text-decoration: none;
        }

    #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 outside none;
        }

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

    .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::before, .slice-menu-inline #slice-menu::after {
            display: none;
        }

/* END DEV */
.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 0.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 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

    .columned-block .link-items li.w-animation-init::after {
        opacity: 1;
        transition: all 0.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 0.1s 1 normal both;
        animation: bounceInScale 3s linear 0.1s 1 normal both;
    }

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

    .columned-block .link-items li.w-animation-init:nth-child(4)::after {
        -webkit-animation: bounceInScale 3s linear 0.3s 1 normal both;
        animation: bounceInScale 3s linear 0.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 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: all 1.2s cubic-bezier(0.02, 0.96, 0.11, 0.98) 0s;
}

@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;
    }
}

.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: 0.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 0.4s;
}

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

.no-animation .icon-row img[src*='.svg'],
.icon-row.no-animation 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(0.088) scaleY(0.088);
        opacity: .46;
    }

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

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

    16% {
        transform: scaleX(0.885) scaleY(0.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% {
        transform: scaleX(1) scaleY(1);
    }

    48% {
        transform: scaleX(0.99) scaleY(0.99);
    }

    52% {
        transform: scaleX(0.988) scaleY(0.988);
    }

    56% {
        transform: scaleX(0.991) scaleY(0.991);
    }

    60% {
        transform: scaleX(0.993) scaleY(0.993);
    }

    64% {
        transform: scaleX(0.997) scaleY(0.997);
    }

    68% {
        transform: scaleX(1) scaleY(1);
    }

    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, 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, 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) {
    .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;
        }
}

@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, 0.08);
}

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

@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, 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: 768px) {
    .layout-unauth .column-content .head-graphic .success-head-ico {
        height: 90px;
    }
}

@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 main:before {
        content: '';
        display: block;
        background-color: #232c41;
        color: white;
        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 0;
    padding: 0;
    width: auto;
    display: block;
}

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

.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 .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 {
        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 0.3s, border 0.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;
            height: 100%;
            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 {
                fill: #fff;
                transition: all 0.3s;
            }

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

        #site-head nav {
            font-size: 15px;
            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 0.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, 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:hover, #site-head .fix-me .btn-clear:active,
                #site-head .fix-me-bottom .btn-clear:hover,
                #site-head .fix-me-bottom .btn-clear:active, #site-head:hover .btn-clear:hover, #site-head:hover .btn-clear:active {
                    background-color: #232c41;
                    color: white;
                    border-color: #232c41;
                }

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

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

        #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, 0.07);
            position: absolute;
            left: 0;
            z-index: 99999;
            width: 100%;
            transition: background-color 0.3s, border 0.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 {
                fill: #232c41;
                transition: all 0.3s;
            }

            #site-head .logo g.mc {
                fill: #232c41;
                transition: all 0.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 0.5s;
            }

                #site-head .nav-burger > span:before, #site-head .nav-burger > span:after {
                    background-color: inherit;
                    height: 2px;
                    display: block;
                    content: '';
                    position: absolute;
                    left: 0;
                    width: 100%;
                    top: 0;
                    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: 0px 0px 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):hover, #site-head .mobi-nav a:not(.btn):focus, #site-head .mobi-nav a:not(.btn):active, #site-head .mobi-nav a:not(.btn).active {
                background-color: rgba(101, 109, 124, 0.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;
    }
}

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

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

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

/* block scrolling in page */
@media (max-width: 767px) {
    .show-site-nav,
    .show-site-nav body {
        overflow: hidden !important;
    }
}

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

    #w-back-to-top span {
        padding: 3px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.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, 0.3);
        border-radius: 50%;
        transform: translateX(50%);
        background: #242c41 url("../images/back-to-top.png") no-repeat 50% 50%;
    }

    #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 {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    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";
    }

@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, 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, 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:not(.exp-opened) .less,
    #site-foot .terms-section .terms-item.exp-opened .more {
        display: none;
    }

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

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

#site-foot footer {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    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 span,
        #site-foot footer a {
            display: block;
        }

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

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

    .btn:focus, .btn:hover {
        cursor: pointer;
    }

    .btn:hover {
        transition-duration: 0.05s;
    }

.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: white;
    border-color: #232c41;
    font-weight: 700;
}

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

.btn-loader {
    width: 24px;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: -22px;
    margin-inline: auto;
}

/*.cta-1.btn-clear {
    &:focus,
    &:hover,
    &:active { background-color: $cta1-bg-color; color: $cta1-fg-color; border-color: $cta1-bdr-color; }
}*/
.cta-2 {
    background-color: white;
    color: #232c41;
    border-color: #232c41;
    font-weight: 700;
}

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

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

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

/*.cta-3.btn-clear {
    &:focus,
    &:hover,
    &:active { background-color: $cta3-bg-color; color: $cta3-fg-color; border-color: $cta3-bdr-color; }
}*/
.btn-txt {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none !important;
    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;
}

    .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-txt.btn-rrarr:before {
        content: '';
        background-color: #232c41;
        right: 0;
        left: 0;
        bottom: -.1em;
        position: absolute;
        height: 1px;
        transition: all .3s;
        opacity: 1;
    }

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

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

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

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

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

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

.btn-llarr::before {
    content: '';
    display: inline-block;
    width: .93333em;
    height: .73333em;
    background: url("../images/btn-larr.svg") no-repeat 50% 50%;
    background-size: 100% 100%;
    margin-right: .8em;
    vertical-align: baseline;
}

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

.btn-rrarr::after {
    content: '';
    display: inline-block;
    width: .93333em;
    height: .73333em;
    background: url("../images/btn-rarr.svg") no-repeat 50% 50%;
    background-size: 100% 100%;
    margin-left: .8em;
    vertical-align: baseline;
}

.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") no-repeat 50% 50%;
}

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

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

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

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

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

/*.lnk { text-decoration: none !important; border: 0 solid $text-color; border-width: 0 0 1px; padding-bottom: 3px; -moz-appearance: text-field; -webkit-appearance: text-field; appearance: text-field;
    &:hover { border-color: transparent; }
}*/
/*.lnk { text-decoration: none !important; display: inline-block; position: relative;
    &:after { content: ''; background-color: $text-color; right: 0; left: 0; bottom: 0; position: absolute; height: 1px; }
    &:focus,
    &:hover { cursor: pointer;
        &:after { display: none; }
    }
}*/
.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 {
    .msg-block-content { padding: 25px 0 25px 53px; }
}*/
.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: none no-repeat 50% 50%;
            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: 10px 10px 10px 50px;
        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, 0.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, 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, 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;
    overflow: hidden;
    background-color: rgba(60, 60, 60, 0.8);
    color: inherit;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    z-index: 30;
    height: 0;
    opacity: 0;
    transition: height 0s 0.3s, opacity 0.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-content-wrap header {
            font-size: 42px;
            font-weight: 700;
            margin: 0 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, 0.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 0.1s;
        z-index: 1;
    }

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

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

        .popup .popup-close-x:hover,
        .popup .popup-close-x:focus {
            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.no-spin {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

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, 0.24);
    border-radius: 3px;
    min-height: 49px;
    padding: .76666em 1.2em;
    width: 100%;
}

.inp-txt-dd {
    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, 0.24);
    min-height: 49px;
    padding: .76666em 1.2em;
    width: 126px;
    border-radius: 5px
}


@media (max-width: 767px) {
    .inp-txt {
        padding: 0.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") no-repeat 50% 50% #fff;
            background-size: 0 0;
            border: 1px solid rgba(0, 0, 0, 0.24);
            border-radius: 3px;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0;
            transition: background-color .1s, background-size .1s;
        }

@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: 14px 14px;
    background-color: #232c41;
    transition-delay: 0s, .05s;
}

@media (max-width: 767px) {
    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 {
    color: #6e6e6e;
}

    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;
}

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

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 {
    color: #6e6e6e;
}

    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=radio]:not(.custom-input):not(.tabbed-flag) + label + input[type=radio]:not(.custom-input):not(.tabbed-flag) + label,
.form input[type=checkbox]: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=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 {
    margin-top: 1em;
}

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

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

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

.error .mc-currencies:not(:disabled),
.error.mc-currencies: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) {
    .inp-sel {
        padding-right: 1.6em;
    }
}

.inp-sel:after {
    content: '';
    border-width: 0.4em 0.33333em 0;
    border-color: #000 transparent;
    border-style: solid;
    position: absolute;
    right: 1.23333em;
    top: calc(50% - 0.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;
    -webkit-appearance: none;
    background: url(http://dropdown/arrow/url/) no-repeat;
}

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

.inp-sel-val,
.inp-sel-max-width-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: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;
}

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

@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-cancel,
        .form .form-btn-row-inline .btn-back {
            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-cancel,
    .form .form-btn-row-inline .btn-back {
        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 outside none;
        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, 0.08);
        border-left: 1px solid rgba(0, 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: white;
}

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

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

.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;
}

.WYSIWYG th,
.WYSIWYG td {
    border-bottom: 1px solid #c1c1c6;
}

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

        .WYSIWYG table {
            font-size: 12px;
        }

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

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

    .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: url(../images/bullet-tick-list.svg) outside none;
    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 outside none;
}

    .WYSIWYG li.exp-accord::before, .WYSIWYG li.exp-accord::after {
        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;
}

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

.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 -20px;
    text-indent: 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 .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):hover, .WYSIWYG a:not(.btn):active, .WYSIWYG a:not(.btn):focus {
        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:before,
    .WYSIWYG .WYSIWYG-table:after {
        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%, white 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(75%, white));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 75%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 75%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 75%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 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;
    /* when radio button is checked */
}

    .tabbed-wrap-h .tabbed-tabs {
        width: 100%;
        transition: all .3s;
        border-bottom: 1px solid rgba(0, 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 0.3s, background 0.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;
                /*transform: translateY(100%);*/
            }

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

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

@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 {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 48px;
}

@media (max-width: 1023px) {
    .tabbed-wrap-h .tabbed-tabs .tabbed-tabs-mask {
        max-width: 100%;
        min-width: 50%;
    }
}

@media (max-width: 767px) {
    .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, 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[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-h .tabbed-wrap-v[active-tab="1"] label:nth-of-type(1), .tabbed-wrap-v[active-tab="1"] .tabbed-wrap-h label:nth-of-type(1), .tabbed-wrap-h .tabbed-wrap-v[active-tab="2"] label:nth-of-type(2), .tabbed-wrap-v[active-tab="2"] .tabbed-wrap-h label:nth-of-type(2), .tabbed-wrap-h .tabbed-wrap-v[active-tab="3"] label:nth-of-type(3), .tabbed-wrap-v[active-tab="3"] .tabbed-wrap-h label:nth-of-type(3), .tabbed-wrap-h .tabbed-wrap-v[active-tab="4"] label:nth-of-type(4), .tabbed-wrap-v[active-tab="4"] .tabbed-wrap-h label:nth-of-type(4), .tabbed-wrap-h .tabbed-wrap-v[active-tab="5"] label:nth-of-type(5), .tabbed-wrap-v[active-tab="5"] .tabbed-wrap-h label:nth-of-type(5) {
    color: #232c41;
}

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

.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), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="1"] label:nth-of-type(1), .tabbed-wrap-v[active-tab="1"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(1), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="2"] label:nth-of-type(2), .tabbed-wrap-v[active-tab="2"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(2), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="3"] label:nth-of-type(3), .tabbed-wrap-v[active-tab="3"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(3), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="4"] label:nth-of-type(4), .tabbed-wrap-v[active-tab="4"] .xchg-rates-block .tabbed-wrap-h label:nth-of-type(4), .xchg-rates-block .tabbed-wrap-h .tabbed-wrap-v[active-tab="5"] label:nth-of-type(5), .tabbed-wrap-v[active-tab="5"] .xchg-rates-block .tabbed-wrap-h 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 0.5s ease-in-out;
}

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

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

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

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

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

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

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

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

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

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

.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: 0.5s;
}

.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 0.3s ease-in-out 0s, max-height 0s 0.3s;
    /*opacity: 0;*/
}

    .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) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: 0.3s;
    transform: translate(0%, 0);
    animation-name: tabs-anim-event;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
}

.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) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: 0.3s;
    transform: translate(-100%, 0);
    animation-name: tabs-anim-event;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
}

.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) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: 0.3s;
    transform: translate(-200%, 0);
    animation-name: tabs-anim-event;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
}

.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) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: 0.3s;
    transform: translate(-300%, 0);
    animation-name: tabs-anim-event;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
}

.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) {
    opacity: 1;
    max-height: 5000px;
    transition-delay: 0.3s;
    transform: translate(-400%, 0);
    animation-name: tabs-anim-event;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
}

.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 0.3s, max-height 0.3s;
    opacity: 0;
    max-height: 0;
}

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

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

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

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

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

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

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

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

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

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

.tabbed-wrap-v {
    /* when radio button is checked */
}

@media (min-width: 768px) {
    .tabbed-wrap-v .tabbed-wrap-h[active-tab="1"] .tabbed-tabs label:nth-of-type(1), .tabbed-wrap-h[active-tab="1"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(1), .tabbed-wrap-v .tabbed-wrap-h[active-tab="2"] .tabbed-tabs label:nth-of-type(2), .tabbed-wrap-h[active-tab="2"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(2), .tabbed-wrap-v .tabbed-wrap-h[active-tab="3"] .tabbed-tabs label:nth-of-type(3), .tabbed-wrap-h[active-tab="3"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(3), .tabbed-wrap-v .tabbed-wrap-h[active-tab="4"] .tabbed-tabs label:nth-of-type(4), .tabbed-wrap-h[active-tab="4"] .tabbed-tabs .tabbed-wrap-v label:nth-of-type(4), .tabbed-wrap-v .tabbed-wrap-h[active-tab="5"] .tabbed-tabs label:nth-of-type(5), .tabbed-wrap-h[active-tab="5"] .tabbed-tabs .tabbed-wrap-v 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;
    }
}

@media (min-width: 768px) {
    .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 0.3s, background 0.3s;
                cursor: pointer;
            }

        .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: 0.5s;
        }

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

        .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 0.5s, opacity 0.5s, max-height 0.5s 0.5s;
            transition-timing-function: ease-out;
        }

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

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

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

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

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

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

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

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

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

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

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

    .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 {
        background-color: #fff;
        padding: 45px 60px 45px 55px;
        flex-basis: calc(100% - 115px);
        box-sizing: content-box;
        flex-shrink: 0;
        overflow: hidden;
        max-height: 0;
        transition: transform 0.5s ease-in-out 0s, max-height 0s 0.5s;
    }

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

    .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) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0.5s;
        transform: translate(0%, 0);
        animation-name: tabs-anim-event;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
    }

    .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) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0.5s;
        transform: translate(-100%, 0);
        animation-name: tabs-anim-event;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
    }

    .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) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0.5s;
        transform: translate(-200%, 0);
        animation-name: tabs-anim-event;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
    }

    .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) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0.5s;
        transform: translate(-300%, 0);
        animation-name: tabs-anim-event;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
    }

    .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) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0.5s;
        transform: translate(-400%, 0);
        animation-name: tabs-anim-event;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
    }

    .tabbed-wrap-v.fade .tabbed-tabs label, .tabbed-wrap-v.fade-2 .tabbed-tabs label {
        transition-duration: 0.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 0.3s 0.3s, max-height 0.3s;
        opacity: 0;
        max-height: 0;
    }

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

    .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[active-tab="1"] .tabbed-content:nth-of-type(1), .tabbed-wrap-v.fade-2[active-tab="1"] .tabbed-content:nth-of-type(1) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0s;
        z-index: 1;
        animation-name: tabs-anim-event;
        animation-duration: 0.3s;
    }

    .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[active-tab="2"] .tabbed-content:nth-of-type(2), .tabbed-wrap-v.fade-2[active-tab="2"] .tabbed-content:nth-of-type(2) {
        opacity: 1;
        max-height: 5000px;
        transition-delay: 0s;
        z-index: 1;
        animation-name: tabs-anim-event;
        animation-duration: 0.3s;
    }

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

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

    .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[active-tab="5"] .tabbed-content:nth-of-type(5), .tabbed-wrap-v.fade-2[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: 0.3s;
    }

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

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

    .tabbed-wrap-v.fade-2[active-tab="2"] .tabbed-content:nth-of-type(2) {
        transition-delay: 0.15s, 0s;
    }

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

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

    .tabbed-wrap-v.fade-2[active-tab="5"] .tabbed-content:nth-of-type(5) {
        transition-delay: 0.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 0.3s, background 0.3s;
        cursor: pointer;
    }

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

        .tabbed-wrap-v .tabs-accord-tog::before, .tabbed-wrap-v .tabs-accord-tog::after {
            content: '';
            position: absolute;
            background-color: #232c41;
            transition: all 0.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 .tabbed-content {
        overflow: hidden;
        position: relative;
        transition: all 0.3s;
        max-height: 0;
        background-color: #fff;
    }

    .tabbed-wrap-v .WYSIWYG {
        padding: 0 20px 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) {
        color: #232c41;
        background-color: #fff;
        font-weight: 700;
        animation-name: tabs-anim-event;
        animation-duration: 0.3s;
    }

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

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

    .tabbed-wrap-v[active-tab="1"] .tabs-accord-tog:nth-of-type(1) {
        padding-left: 20px;
    }

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

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

    .tabbed-wrap-v[active-tab="2"] .tabs-accord-tog:nth-of-type(2) {
        color: #232c41;
        background-color: #fff;
        font-weight: 700;
        animation-name: tabs-anim-event;
        animation-duration: 0.3s;
    }

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

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

    .tabbed-wrap-v[active-tab="2"] .tabs-accord-tog:nth-of-type(2) {
        padding-left: 20px;
    }

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

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

    .tabbed-wrap-v[active-tab="3"] .tabs-accord-tog:nth-of-type(3) {
        color: #232c41;
        background-color: #fff;
        font-weight: 700;
        animation-name: tabs-anim-event;
        animation-duration: 0.3s;
    }

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

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

    .tabbed-wrap-v[active-tab="3"] .tabs-accord-tog:nth-of-type(3) {
        padding-left: 20px;
    }

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

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

    .tabbed-wrap-v[active-tab="4"] .tabs-accord-tog:nth-of-type(4) {
        color: #232c41;
        background-color: #fff;
        font-weight: 700;
        animation-name: tabs-anim-event;
        animation-duration: 0.3s;
    }

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

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

    .tabbed-wrap-v[active-tab="4"] .tabs-accord-tog:nth-of-type(4) {
        padding-left: 20px;
    }

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

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

    .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: 0.3s;
    }

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

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

    .tabbed-wrap-v[active-tab="5"] .tabs-accord-tog:nth-of-type(5) {
        padding-left: 20px;
    }

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

        .tabbed-wrap-v[active-tab="5"] .tabs-accord-tog:nth-of-type(5)::after {
            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: none no-repeat 50% 50% #232c41;
    background-size: cover;
    color: white;
    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: 0.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;
    }

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

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

@media (max-width: 767px) {
    .page-hero {
        font-size: 15px;
        line-height: 1.6;
        padding-top: 65px;
    }

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

.page-hero .btn.cta-1 {
    border-color: white;
}

#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") no-repeat 50% 50%;
    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, 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: none 50% 50%;
            background-size: cover;
            border-radius: 0 3px 3px 0;
        }
}

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

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

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

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

        .offer .img-content {
            height: 41.875vw;
            background: none 50% 50%;
            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;
        /*min-width: 370.5px;*/
    }

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

@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 (min-width: 768px) {
    .offers + .offers {
        margin-top: 24px;
    }
}

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

    .offers + .offers {
        margin-top: 8px;
    }
}

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

    .tool-tip .js-tt-content {
        overflow: hidden;
        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 {
        opacity: 1;
        max-height: 10000px;
        transition-delay: 0s, 0s;
    }

        .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, 0.2);
        border-radius: 3px;
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
        padding: 15px;
        font-size: 13px;
        line-height: 1.6;
    }

    .tool-tip .tt-pointer {
        width: 20px;
        height: 11px;
        max-height: 0px;
        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::before, .tool-tip .tt-pointer::after {
            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, 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;
    /*.center-hori { position: relative; left: 50%; transform: translateX(-50%); }
    .center-vert.center-hori { left: 50%; top: 50%; transform: translate(-50%, -50%); }*/
}

    .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 0.5s ease-out 0s;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .carousel.slide[active-slide="10"] .carousel-slide:nth-child(10), .carousel.slide-2[active-slide="10"] .carousel-slide:nth-child(10) {
        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 0.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[active-slide="1"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="1"] .carousel-slide:nth-child(1) {
        transition-timing-function: ease-in-out;
        z-index: 1;
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="1"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="2"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="2"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -100%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="2"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="3"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="3"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -200%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="3"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="4"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="4"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -300%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="4"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="5"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="5"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -400%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="5"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="6"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="6"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -500%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="6"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="7"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="7"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -600%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="7"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="8"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="8"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -700%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="8"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="9"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="9"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -800%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="9"] .carousel-slide:nth-child(10), .carousel.blind-2[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[active-slide="10"] .carousel-slide:nth-child(1), .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(1) {
        transform: translate(0%, -900%);
    }

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

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

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

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

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

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

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

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

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

    .carousel.blind[active-slide="10"] .carousel-slide:nth-child(10), .carousel.blind-2[active-slide="10"] .carousel-slide:nth-child(10) {
        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 0.5s 0.5s, opacity 0.5s 0.5s;
        opacity: 0;
    }

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

    .carousel.fade[active-slide="1"] .carousel-slide:nth-child(1), .carousel.fade-2[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[active-slide="2"] .carousel-slide:nth-child(2), .carousel.fade-2[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[active-slide="3"] .carousel-slide:nth-child(3), .carousel.fade-2[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[active-slide="4"] .carousel-slide:nth-child(4), .carousel.fade-2[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[active-slide="5"] .carousel-slide:nth-child(5), .carousel.fade-2[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[active-slide="6"] .carousel-slide:nth-child(6), .carousel.fade-2[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[active-slide="7"] .carousel-slide:nth-child(7), .carousel.fade-2[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[active-slide="8"] .carousel-slide:nth-child(8), .carousel.fade-2[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[active-slide="9"] .carousel-slide:nth-child(9), .carousel.fade-2[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[active-slide="10"] .carousel-slide:nth-child(10), .carousel.fade-2[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) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="2"] .carousel-slide:nth-child(2) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="3"] .carousel-slide:nth-child(3) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="4"] .carousel-slide:nth-child(4) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="5"] .carousel-slide:nth-child(5) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="6"] .carousel-slide:nth-child(6) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="7"] .carousel-slide:nth-child(7) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="8"] .carousel-slide:nth-child(8) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="9"] .carousel-slide:nth-child(9) {
        transition-delay: 0.25s;
    }

    .carousel.fade[active-slide="10"] .carousel-slide:nth-child(10) {
        transition-delay: 0.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 0.3s;
        }

            .carousel .carousel-dots > * + * {
                margin-left: 0.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[active-slide="1"] .carousel-dots > :nth-child(1) {
    background-color: #232c41;
}

.carousel[active-slide="2"] .carousel-dots > :nth-child(2) {
    background-color: #232c41;
}

.carousel[active-slide="3"] .carousel-dots > :nth-child(3) {
    background-color: #232c41;
}

.carousel[active-slide="4"] .carousel-dots > :nth-child(4) {
    background-color: #232c41;
}

.carousel[active-slide="5"] .carousel-dots > :nth-child(5) {
    background-color: #232c41;
}

.carousel[active-slide="6"] .carousel-dots > :nth-child(6) {
    background-color: #232c41;
}

.carousel[active-slide="7"] .carousel-dots > :nth-child(7) {
    background-color: #232c41;
}

.carousel[active-slide="8"] .carousel-dots > :nth-child(8) {
    background-color: #232c41;
}

.carousel[active-slide="9"] .carousel-dots > :nth-child(9) {
    background-color: #232c41;
}

.carousel[active-slide="10"] .carousel-dots > :nth-child(10) {
    background-color: #232c41;
}

.carousel .carousel-prev,
.carousel .carousel-next {
    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-prev:hover,
    .carousel .carousel-next:hover {
        opacity: .5;
        transition-duration: .3s, .1s;
    }

    .carousel .carousel-prev:after,
    .carousel .carousel-next:after {
        content: '';
        background: url("../images/carousel-prev-next-arr.svg") no-repeat 50% 50%;
        width: 1.3em;
        height: 1em;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

@media (max-width: 767px) {
    .carousel .carousel-prev,
    .carousel .carousel-next {
        display: none !important;
    }
}

.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(0.68, 0.5, 0.45, 1.28), ease;
}

.carousel[has-next-slide="true"] .carousel-next {
    transform: translate(50%, -50%) scale(1);
    transition-timing-function: cubic-bezier(0.68, 0.5, 0.45, 1.28), ease;
}

.inset-text-block .carousel .carousel-slides {
    align-items: stretch;
}

@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) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="2"] .carousel-slide:nth-child(2) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="3"] .carousel-slide:nth-child(3) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="4"] .carousel-slide:nth-child(4) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="5"] .carousel-slide:nth-child(5) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="6"] .carousel-slide:nth-child(6) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="7"] .carousel-slide:nth-child(7) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="8"] .carousel-slide:nth-child(8) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="9"] .carousel-slide:nth-child(9) {
        max-height: none;
    }

    .inset-text-block .carousel[active-slide="10"] .carousel-slide:nth-child(10) {
        max-height: none;
    }
}

.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: none no-repeat 50% 50%;
    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.bg-carousel {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% + 40px);
        height: 250px;
    }
}

.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.blind .carousel-slide, .link-carousel-carousel .bg-carousel.blind-2 .carousel-slide {
    transition-duration: 1s;
}

.link-carousel-carousel .bg-carousel.fade .carousel-slide, .link-carousel-carousel .bg-carousel.fade-2 .carousel-slide {
    transition-duration: 1s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="1"] .carousel-slide:nth-child(1) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="2"] .carousel-slide:nth-child(2) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="3"] .carousel-slide:nth-child(3) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="4"] .carousel-slide:nth-child(4) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="5"] .carousel-slide:nth-child(5) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="6"] .carousel-slide:nth-child(6) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="7"] .carousel-slide:nth-child(7) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="8"] .carousel-slide:nth-child(8) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="9"] .carousel-slide:nth-child(9) {
    transition-delay: 0.5s;
}

.link-carousel-carousel .bg-carousel.fade[active-slide="10"] .carousel-slide:nth-child(10) {
    transition-delay: 0.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: -0.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: -0.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: 0.8em 0 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, 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: none no-repeat 50% 50% transparent;
    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: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),
.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 {
    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:not([class*="block-alt-bg"]) + .content-block:not([class*="block-alt-bg"]) .page-content,
        .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 {
            padding-top: 0;
        }

        .content-block.mobi-pin-img {
            background: none !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: none no-repeat 50% 50% transparent;
                background-size: cover;
                width: 100%;
                align-items: center;
                justify-content: center;
            }

                .content-block.mobi-pin-img .bg-img + .page-content {
                    padding-top: 0;
                }

        .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;
    /*&:hover { text-decoration: underline; }*/
}

/*main > .content-block:not(:nth-child(4)),
main > .xchg-rates-block { display: 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;
    }

@media (max-width: 767px) {
    .columned-block .column-wrap .content {
        width: 320px;
    }
}

.columned-block .column-wrap .img-column {
    max-width: 480px;
}

    .columned-block .column-wrap .img-column .carousel {
        max-width: 480px;
    }

@media (max-width: 767px) {
    .columned-block .column-wrap {
        margin-bottom: -30px;
    }

        .columned-block .column-wrap .column {
            margin-bottom: 32px;
        }
}

.columned-block .link-items {
    counter-reset: linked-item-count;
}

@media (min-width: 768px) {
    .columned-block .link-items {
        flex-wrap: nowrap;
    }
}

.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;
        }
}

@media (max-width: 767px) {
    .columned-block [class*="match-height-"] {
        min-height: 0 !important;
    }
}

.content-block-inset {
    /*.page-content { padding-top: 0; padding-bottom: 0; }*/
}

    .content-block-inset .page-content > * {
        margin: 0;
    }

@media (min-width: 768px) {
    .content-block-inset .page-content {
        flex-wrap: nowrap;
        display: flex;
        justify-content: space-between;
    }
}

@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 {
    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 .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;
        }
}

@media (max-width: 767px) {
    .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 {
    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;
}

.content-block-inset .inset-img-block img {
    margin: 0 auto;
}

@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;
    }
}

@media (max-width: 767px) {
    .content-block-inset .inset-img-block {
        /*max-width: calc(100% - 40px); margin-left: -20px; margin-right: -20px;*/
    }
}

.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 (min-width: 1024px) {
    .content-block-inset .inset-vtabs-block {
        width: 794px;
    }
}

@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 {
        padding-top: 105px;
        padding-bottom: 100px;
    }
}

.xchg-rates-block {
    background-color: #232c41;
    color: #a9bcc6;
    padding: 60px 0 80px;
}

@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-tabs label:after {
            background-color: #f45345;
        }

.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-inp-row::after {
    background-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 {
            flex: 1 1 0px;
            padding-top: 0;
        }

        .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 0;
        display: block;
        border: 1px solid rgba(109, 117, 133, 0.1);
    }

        .xchg-rates-block .cur-chooser .flag > img,
        .xchg-rates-block .cur-chooser .flag > svg {
            height: 34px;
            width: 58.28854px;
            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 tr,
        .transaction-summary-panel th,
        .transaction-summary-panel td {
            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;
}

@media (max-width: 767px) {
    .transaction-detail-table {
        line-height: 16px;
    }
}

.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.71612px;
        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 .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, 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 {
    transition: all .3s ease-out;
    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, 0.1);
        }

            .cur-load-block .cur-rate-row .flag > img,
            .cur-load-block .cur-rate-row .flag > svg {
                height: 32px;
                width: 54.85981px;
                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 0.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:hover, .cur-load-block .cur-rate-row .remove-x:focus {
                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.71612px;
            }
}

.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%;
        padding-right: calc(84px + 1.2em);
        font-size: 19px;
        padding: 0.4em calc(84px + 1.2em) 0.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, 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-rate-row, .cur-load-block .cur-inp-row {
            position: relative;
            bottom: auto;
            top: auto;
        }
}

.cur-load-block:not(.is-visible) {
    max-height: 0 !important;
    min-height: 0;
    /*opacity: 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;
    }

@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;
}

.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);
}

@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: 82px;
    line-height: 78px;
}

@media (max-width: 767px) {
    .page-campaign .campaign-hero h1 {
        font-size: 34px;
        line-height: 42px;
    }
}

.page-campaign .campaign-hero .campaign-hero-bg {
    background: none no-repeat 50% 50% #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: 1023px) {
    .page-campaign .campaign-hero .hero-content .content-wrap {
        margin-left: auto;
        margin-right: auto;
    }
}

@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 {
        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 {
    background-color: #f7f8fa;
    color: #232c41;
}

    .page-campaign .campaign-block::after {
        content: '';
        display: block;
        background-color: #f7f8fa;
    }

    .page-campaign .campaign-block > footer {
        position: relative;
    }

    .page-campaign .campaign-block + .content-block:not([class*="block-alt-bg"]),
    .page-campaign .campaign-block + .content-block.block-alt-bg-2 {
        padding-top: 0;
    }

.page-campaign main {
    background-color: #f7f8fa;
    color: #232c41;
}

.page-campaign .campaign-column {
    position: relative;
}

    .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;
    }
}

@media (min-width: 768px) {
    .page-campaign .campaign-content-column.WYSIWYG ul {
        margin-left: -0.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: none no-repeat 50% 50% transparent;
            background-size: cover;
            background-image: rgba(255, 255, 255, 0);
            /* Old browsers */
            background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 25%, white 100%);
            /* FF3.6+ */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255, 255, 255, 0)), color-stop(100%, white));
            /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 25%, white 100%);
            /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 25%, white 100%);
            /* Opera 11.10+ */
            background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 25%, white 100%);
            /* IE10+ */
            background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, white 100%);
            /* W3C */
            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;
            /* Old browsers */
            background-image: -moz-linear-gradient(bottom, #29344c 60px, rgba(41, 52, 76, 0) 100%);
            /* FF3.6+ */
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60px, #29344c), color-stop(100%, rgba(41, 52, 76, 0)));
            /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(bottom, #29344c 60px, rgba(41, 52, 76, 0) 100%);
            /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(bottom, #29344c 60px, rgba(41, 52, 76, 0) 100%);
            /* Opera 11.10+ */
            background-image: -ms-linear-gradient(bottom, #29344c 60px, rgba(41, 52, 76, 0) 100%);
            /* IE10+ */
            background-image: linear-gradient(to top, #29344c 60px, rgba(41, 52, 76, 0) 100%);
            /* W3C */
        }
}

@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 100px;
        }

    .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 100px;
        }

        .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 102px;
    }

    .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::before, .login-section .toggle-password-reset::after {
            content: '';
            position: absolute;
            background-color: #232c41;
            transition: all .3s;
            margin: 3px 0 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);
    }
}

form#referral-form {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.buy-card-block .column:not(:nth-last-child(-n+1)) {
    border-right: 1px solid #eeeef0;
}

.icon-content WYSIWYG {
    text-align: left;
}

.btn-set-left {
    margin-top: 10px;
    float: left;
    padding-right: 20px;
}

.btn-set-right {
    margin-top: 10px;
    float: left;
}

.js-same-width w-animation-init {
    text-align: left;
}

.footer-content-ecb {
    max-width: 993px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: left;
}

.formInputsRight {
    display: block;
    float: left;
}

    .formInputsRight .input-field2-right {
        border: 1px solid #FF5722;
        font-weight: bold;
        padding-top: 5px;
        font-size: 13px;
        height: 55px;
        width: 225px;
        border-radius: 5px;
        text-align: center;
    }

.reset-ecb {
    height: 49px;
    width: 160px;
    border-radius: 10px;
}

.calculateButton {
    border-radius: 10px;
    width: 160px;
    height: 49px;
    background-color: black;
    color: white;
}

.col-xs-12-reset {
    float: left;
    padding-right: 220px;
    width: 50%;
}

.col-xs-12-bankfee {
    float: left;
    width: 58%
}

.to-amount {
    width: 126px;
    height: 49px;
    text-align: center;
    border-radius: 5px;
}

.rateDate {
    width: 150px;
    height: 49px;
    border-radius: 5px;
}

to-currency {
    width: 230px;
    height: 49px;
    border-radius: 5px;
    font-size: 13px;
}

.mc-currencies {
    height: 49px;
    width: 250px;
    border-radius: 5px;
    font-size: 14px;
    padding: .76666em 1em;
}

.header-margin-ecb {
    padding-bottom: 15px;
}

.ecb-title {
    color: white;
}

.error-currencies {
    color: #e42a00;
}

.col-xs-12-ecblabel {
    float: left;
    padding-right: 35px;
    width: 260px;
}

.col-xs-12-currencies {
    float: left;
    padding-right: 9px;
}

.col-xs-12-targetcurrency {
    float: left;
    padding-right: 60px;
    width: 260px;
}

.col-xs-12-currency-dd {
    float: left;
    padding-right: 9px;
}

.rateDate {
    -webkit-appearance: none;
    padding: .76666em 1.0em;
}

    .rateDate::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none;
    }

input::-webkit-clear-button {
    -webkit-appearance: none;
    margin: 0;
}

.rateDate::-ms-clear {
    display: none;
}

.page-hero-header {
    background: none no-repeat 50% 50% #232c41;
    background-size: cover;
    color: white;
    font-size: 19px;
    line-height: 1.47;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    width: 100%;
    max-width: 1036px;
    margin: 0 auto;
}

.ecb-error {
    color: #e42a00;
}

.inp-txt-dd {
    width: 126px;
    border-radius: 5px
}

.col-xs-12-billamount {
    padding-top: 25px
}

.inp-txt-fee {
    width: 150px;
    height: 49px;
    border-radius: 5px;
    padding: .76666em 1em;
}

@media only screen and (max-width: 540px) {
    .newline {
        clear: both;
        display: block;
    }
}

.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: transparent;
    background: transparent;
    border-color: #232c41;
    font-weight: 700;
    padding: 4px 4px;
    border: 2px solid;
}

    .languagedropdown option {
        color: black;
    }

a.resend-otp-link.disableOTPLink {
    cursor: default;
    text-decoration: none;
    opacity: 0.5
}

a.resend-otp-link.enableOTPLink {
    cursor: pointer;
    text-decoration: underline;
    opacity: 1;
}



/*Barwa Bank*/
.fixable-item nav {
    width: 100%;
}


.mobi-nav {
    width: 100%;
    justify-content: flex-end;
}


    .mobi-nav a:nth-last-child(1) {
        margin-right: 15px
    }

/*Barwa Bank*/

.hide {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .mobileView {
        display: block !important;
    }

    .div-padding {
        padding-top: 140px
    }
}

@media only screen and (max-width: 1024px) {
    .mobileView {
        display: block !important;
    }

    .div-padding {
        padding-top: 140px
    }
}

.checked {
    color: orange;
}

.div-hidebanners-padding {
    padding-top: 0px !important;
}

.div-hidewarning-padding {
    padding-top: 104px !important;
}

.div-appbanner-padding {
    padding-top: 103px !important;
}

.div-banners-padding {
    padding-top: 207px !important;
}

.div-appbannerwithoutrating-padding {
    padding-top: 86px !important;
}

.div-bannerswithoutrating-padding {
    padding-top: 190px !important;
}

#nucaptcha-widget {
    border: 3px solid #C6C6C6;
    border-radius: 4px;
}

#my-nucaptcha-wrapper {
    width: 300px;
    border: 3px solid #C6C6C6;
    border-radius: 4px;
}

#my-nucaptcha-answer-wrapper {
    background-color: #E8E8E8;    
    height:26px;
}

#my-nucaptcha-button-wrapper {
    position: absolute;
    left: 316px;
    width: 18px;
    height: 48px;
}
/* NuCaptcha styles */
#nucaptcha-answer {
    float: right;
    width: 30%;
    margin-right: 2px;
}
#directions-verbose-label {
    margin-left: 2px;
    float:left;
    font-size : 12px;
}

/* Define our button styles */
a.cmd {
    /*display: block;*/
    width: 44px;
    height: 30px;
    border-radius: 4px;
    /* hide the anchor text */
    overflow: hidden;
    text-indent: -20000px;
    text-decoration: none;
    text-transform: none;
}

    a.cmd:hover {
        background-position: 192px -64px;
    }

    a.cmd:active {
        background-position: 128px -64px;
    }
#audio-listen-again {
    height: 40px;
    display: inline-block;
    width:100%;
}
#media-container {
    height:60px;
    text-align:center;
}
#new-challenge-link{
    text-align:center;
    height:32px;
}
#new-challenge {
    padding: 0px 9px 0px 10px;
    background-image: url("../images/refresh.svg");
    background-position: 256px -64px;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
}
#player-mode {    
    background-image: url("../images/speaker-wave.svg");
    background-position: 256px -64px;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
}
.toggle-checked {
    background-image: url("../images/control.svg") !important;
    background-position: 256px -64px;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
}
@media (max-width: 640px) {
    #media-container {
        text-align: center;
    }

    #new-challenge-link {
        height: 25px !important;
    }

    #audio-listen-again {
        height: 0px !important;
    }

    #directions-verbose-label {
        font-size: 9px !important;
        width : 61%;
    }


    #new-challenge {
        padding: 0px !important;
    }

    #audio-download {
        height: 40px !important;
    }
    #showNuDetect {
        width:100% !important;
    }
    #nd-captcha{
        font-size : 10px !important;
    }

    #nucaptcha-media {
        width: 134px !important;
        display: block !important;
        float: right !important;
        margin: 3px !important;
    }
}