@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
:root {
    --overlay-bg-partner: #010d4b73;
    --div-form-placeholder: #E3E3E3;
    --contct-2: black;
    --overlay-bg: rgb(1 13 75 / 1);
    --btn-slider: #010D4B;
    --btn-slider-hover: #faa82b;
    --btn-blue: #0970D5;
    --btn-red: #E13B1B;
    --contact-h2: white;
    --background-dark-menu: #001064;
    --footer-custom: #010d4b;
    --border-bottom-tab: #FAA82B;
    --background-dark-news: #010D4B;
    --div-call: #f1f1f1;
    --contact: #010d4b;
    --div-form: #010D4B;
    --h5: #FAA82B;
    --shadow-hover: #00000029;
    --slider-border: #FAA82B;
    --hover-bg: transparent;
    --slider-border-right: #363D6B;
    --header-bg: #010D4B;
    --contact-us: white;
    --awards: #000832;
    --sec-bg: #020862;
    --btn-compare-th: black;
    --primary-color: #000333;
    --primary-transparent: transparent;
    --secondary-color: #f1fbfc;
    --img-bg: #010D4B;
    --font-color: white;
    --dark-font: #ffffff;
    --bg-color: #161625;
    --heading-color: #292922;
    --bg-gray: #f8f8f8;
    --bg-000: #000000;
    --boxshadow: rgba(0, 0, 0, 0.1);
    --date-color: #777777;
    --F8F8F8-color: #F8F8F8;
    --bg-black: #ffffff;
    --mex-table-font: #222222;
    --mex-form-item-lable: #666666;
    --text-1e32a3: #010D4B;
    --bg-light-black: #ffffff00;
    --arrow-color: #E5E5E5;
    --color-c7c7c6: #c7c7c6;
    --bg-nav-menu-mobile-inner-ul: #efefef;
    --brightness-img: brightness(1);
    --article-title: rgb(30, 50, 163);
    --common-light-dark: white;
    --filter-shadow: 100%;
    --bg-color-st-section: #EBEBEB;
    --avant-pad: url(../images/platforms/common/avant-pad-bg-light.jpg);
    --choose-next-background: url(../images/common/bg_banner/choose_where_to_go_next_bg-light.png);
    --avant-pad-container: url(../images/platforms/common/avant-pad-light.png);
    --customer_service: url(../images/about_us/why_multibank_first_class_bg-light.jpg);
    --about-management-bg: url(../images/about_us/management/management_bg@2x-light.jpg);
    --news-content: url(../images/about_us/news-bg-light.jpg);
    --avant-book: url(../images/platforms/common/avant-book-bg-light.jpg);
    --crypto-back: url(../images/cryptocurrency_cryptocurrency_specifications@2x-light.jpg);
    --avant-book-contianer: url(../images/platforms/common/avant-book-light.png);
    --avant-memo: url(../images/platforms/common/avant-memo-light.png);
    --avant-memo-bg: url(../images/platforms/common/avant-memo-bg-light.jpg);
    --bg-plants: url(../images/common/form_bg-light.jpg);
    --table-background-islamic: url(../images/accounts_funding/islamic_benefit_bg-light.jpg);
    --bg-img-islamic2: url(../images/accounts_funding/islamic_form_bg-light.jpg);
    --bg-twc: url(public_files/images/home/home_trade_start_trading.png);
    --index-platform: url(../images/home/home_platforms_bg_light.jpg);
    --keyboard: url(../images/common/white_label_form_bg.png);
    --conatct-top: url(../images/contact/contact_top_banner.jpg);
    --table-background: url(../images/common/pp-main-content-bg.png);
    --download-center-background: url(../images/platforms/download_center/download_center_web_trader_banner.jpg);
    --hiring-now: url(/public_files/images/about_us/about_career_top_banner.jpg);
    --mt5-background: url(/public_files/images/platforms/MT5Plarform_topbanner.png);
    --st-faq-background: url(/public_files/images/social_trading/st_earn_money_bg.jpg);
    --live-account-banner: url(/public_files/images/accounts_funding/live_account_top_banner.jpg);
    --demo-account-banner: url(/public_files/images/accounts_funding/demo_account_top_banner.jpg);
    --account-funding-banner: url(/public_files/images/accounts_funding/account_funding_top_banner.jpg);
    --small-logo-m-dark: /public_files/images/common/icons/btn_mymex_icon.png;
    --border-color: #ccc;
    --color-737576: #e4e7e9;
    --choose-next-background-color: black;
    --trader-color: black;
    --background-dark: #010D4B;
    --background-dark-invester: #ECF3F9;
    --backgroun-dark-st: #EBEBEB;
    --color-gold: #d2a94b;
    --color-black: black;
    --color-red: #ce0b0b;
    --color-blue: #178ecc;
    --color-grey: #333;
    --boxshadow-dark: rgba(0, 0, 0, 0.1);
    --cards-border: none;
    --full-bW-color: white;
    --scrollbar-color: #1834a7;
    --table-odd: #f1fbfc;
    --st-link-color: #005190;
    --border-top-bottom: #363D6B;
    --check-circle: #FAA82B;
    --btn-com: #FAA82B;
    --svg-inner: #FAA82B;
    --svg-outer: #FAA82B
}

iframe{
    opacity: 1 !important;
}

.svg-inner {
    stroke: var(--svg-inner);
    fill: var(--svg-inner);
}
.nav-menu-heading span.mex-h4 {
    color: white;
}
button:focus {
    outline: none !important;
}

.svg-outer {
    stroke: var(--svg-outer);
    fill: none;
    width: max-content;
}

svg {
    width: 110px;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .011em;
    overflow-x: hidden;
    background-color: var(--bg-black)
}

ul {
    list-style: none
}

body.components {
    background-color: #f5f6ff!important;
    font-family: Calibri, "SF Pro", Arial, sans-serif;
    padding: 0;
    margin: 0
}

body.modal-open {
    overflow: visible!important
}

body,
html {
    min-height: 100%
}

a {
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

a {
    color: #000
}

a:hover {
    text-decoration: none;
    color: #000
}

.a-underline {
    text-decoration: underline!important
}

 ::-webkit-scrollbar {
    width: 4px;
    height: 2px;
    display: block
}

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: var(--scrollbar-color)
}

 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: rgba(237, 237, 237, .1)
}


/*-------------------------------navbar---------------------------------*/

.custom-navbar.navbar-toggler {
    color: white;
    border-color: none;
    border: none;
}

.custom-navbar.navbar-toggler:focus,
.custom-navbar.navbar-toggler:active {
    outline: 0;
}

.custom-navbar.navbar-toggler span {
    display: block;
    background-color: white;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}

.custom-navbar.navbar-toggler span:nth-child(1),
.custom-navbar.navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}

.custom-navbar.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: relative;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.custom-navbar.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.custom-navbar.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: relative;
    top: -13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.nav-menu-mobile-section1 {
    transform: rotate(90deg);
}


/*---------------------navbar ends here----------------------------------*/

section {
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

@media (max-width:790px) {
    section {
        padding: 40px 0
    }
    .hidden-sm {
        display: none
    }
}

.display-block {
    display: block!important
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-center img.banner-bg,
.flex-center>img {
    position: absolute;
    left: 0;
    top: 0
}

.flex-center .container {
    z-index: 99
}

@media (max-width:790px) {
    .page-top-banner {
        padding: 40px 0
    }
}

.main-container {
    margin: 0 auto;
    left: 0;
    right: 0;
    clear: both;
    background-color: var(--dark-font)
}

@media (min-width:1366px) {
    .container {
        max-width: 1366px
    }
}

.mex-subtitle {
    font-family: Calibri, "SF Pro", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 200;
    letter-spacing: .011em
}

.mex-img-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0
}

.mex-cursor-pointer {
    cursor: pointer
}

.mex-img-contain {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mex-content {
    font-size: 20px;
    line-height: 1.4;
    color: var(--font-color);
    font-weight: 400
}

@media (max-width:441px) {
    .mex-content {
        font-size: 18px
    }
}

.mex-sub-content {
    font-size: 24px;
    line-height: 1.2;
    color: var(--font-color);
    font-weight: 400
}

.banner-with-bg .mex-content,
.page-top-banner .mex-content {
    font-size: 24px;
    line-height: 1.4;
    color: var(--font-color);
    font-weight: 400
}

.mex-content p {
    margin-bottom: 0
}

.clear-float {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hover-img-zoom {
    overflow: hidden
}

.hover-img-zoom img {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.hover-img-zoom:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .8
}

.shadow-box-animate {
    padding: 0;
    width: 100%;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.shadow-box-animate:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.box-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.box-animate:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow)
}

.mex-block-card .card-content-box {
    padding: 20px
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

.bg-black {
    color: #fff;
    background: #404040;
    background: rgba(64, 64, 64, .8)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    line-height: 20px;
    width: 100%
}

.about-page-awards {
    padding: 67px 0;
    background: transparent radial-gradient(closest-side at 50% 50%, #0818A2 0%, #010c3e 100%) 0% 0% no-repeat padding-box;
}

@media (max-width:991px) {
    .about-flag {
        padding-right: 25px!important;
        text-align: center!important
    }
    .about-country {
        padding-left: 15px!important;
        text-align: center!important
    }
}

.mex-block-h600 {
    min-height: 600px;
    width: 100%
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-center img.banner-bg,
.flex-center>img {
    position: absolute;
    left: 0;
    top: 0
}

.flex-center .container {
    z-index: 99
}

.mex-content-h600 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 27px;
    color: var(--font-color);
    font-weight: 400
}

.table-box {
    display: table
}

.table-box>div {
    display: table-cell;
    vertical-align: middle;
    float: none
}

@media all and (max-width:767px) {
    .block-sm {
        display: block!important
    }
    .slidebar-d {
        display: none !important;
    }
}

@media all and (max-width:990px) {
    .block-md {
        display: block!important
    }
    .home-banner-btn1 {
        margin-left:0 !important;
    }
}

@media all and (max-width:1200px) {
    .block-lg {
        display: block!important
    }
    .text-overflow-3-xs {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-height: 26px;
        height: 78px
    }
}

.banner-with-bg img.banner-bg {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0
}

.align-vertical {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.align-horizon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.align-all {
    position: absolute;
    left: 50%;
    top: 25vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.align-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.same-height-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.full-height {
    height: 100%
}

.full-width {
    width: 100%
}

.no-border {
    border: none
}

@media (max-width:992px) {
    .same-height-block {
        display: block
    }
}

.right {
    float: right!important
}

@media (min-width:768px) {
    .ForIts {
        margin-top: 15px
    }
}

.platFontOve {
    max-height: 48px;
    overflow: hidden
}

.btn {
    margin: 0;
    padding: 13px 20px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 600!important;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    outline: 0;
    border-radius: 0
}

.btn.btn-green {
    /* background: #1dba2f;
color: #fff;
border: 2px solid #1dba2f */
}

.btn-sm {
    font-size: 11px;
    padding: 8px 15px 7px
}

.btn.btn-navy {
    border-radius: 5px !important;
}

.btn.btn-navy:hover {
    /* background-color: #333;
border: 2px solid #333 */
}

.btn.btn-gold {
    /* background-color: #d2a94b;
color: #fff;
border: 2px solid #d2a94b */
}

.btn.btn-gold:hover {
    /* background: #e2a840;
border: 2px solid #e2a840 */
}

.btn.btn-red {
    /* background-color: #ce0b0b;
color: #fff;
border: 2px solid #ce0b0b */
}

.btn.btn-red:hover {
    /* background: red;
border: 2px solid red */
}

.btn.btn-blue {
    /* background-color: #178ecc;
color: #fff;
border: 2px solid #178ecc */
}

.btn.btn-blue:hover {
    /* background: #1cade1;
border: 2px solid #1cade1 */
}

.btn.btn-grey {
    /* background-color: #333;
color: #fff;
border: 2px solid #333 */
}

.btn.btn-grey:hover {
    /* background-color: #000;
border: 2px solid #000 */
}

.btn.btn-mex {
    color: #fff;
    background-color: #1e32a3;
    border: 2px solid #1e32a3
}

.btn.btn-mex:hover {
    border: 2px solid #0b1c7f;
    background-color: #0b1c7f
}

.btn.btn-mex-red {
    color: #fff;
    border: 2px solid #d10a07;
    background-color: #d10a07
}

.btn.btn-mex-red:hover {
    background: #a90907;
    border: 2px solid #a90907
}

.btn.btn-mex-blue {
    background: #148ecd;
    color: #fff;
    border: 2px solid #148ecd
}

.btn.btn-mex-blue:hover {
    background: #097bb6;
    border: 2px solid #097bb6
}

.btn.btn-mex-green {
    background: #1dba2f;
    color: #fff;
    border: 2px solid #1dba2f
}

.btn.btn-mex-green:hover {
    background: #00d60a;
    border: 2px solid #00d60a
}

.btn-mex-black,
.btn.btn-mex,
.btn.btn-mex-blue,
.btn.btn-mex-gray,
.btn.btn-mex-green,
.btn.btn-mex-outline,
.btn.btn-mex-red {
    margin: 0;
    padding: 13px 20px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    outline: 0
}

.contact-form-button-container a {
    font-weight: 400!important;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    padding: 5px 20px!important
}

.btn.btn-mex-black.btn-sm,
.btn.btn-mex-blue.btn-sm,
.btn.btn-mex-gray.btn-sm,
.btn.btn-mex-green.btn-sm,
.btn.btn-mex-outline.btn-sm,
.btn.btn-mex-red.btn-sm,
.btn.btn-mex.btn-sm {
    padding: 6px 15px;
    font-size: 14px;
    line-height: 14px;
    min-width: auto
}

.btn.btn-mex {
    color: #fff;
    background-color: #1e32a3;
    border-color: #1e32a3
}

.btn.btn-mex:hover {
    border: 2px solid #0b1c7f;
    background-color: #0b1c7f
}

.btn.btn-mex-outline {
    color: #1e32a3;
    border: 2px solid #1e32a3;
    background-color: transparent
}

.btn.btn-mex-outline:hover {
    color: #fff;
    background-color: #1e32a3;
    border-color: #1e32a3
}

.btn.btn-mex-red {
    color: #fff;
    border: 2px solid #d10a07;
    background-color: #d10a07
}

.btn.btn-mex-red:hover {
    background: #a90907;
    border: 2px solid #a90907
}

.btn.btn-mex-blue {
    background: #148ecd;
    color: #fff;
    border: 2px solid #148ecd
}

.btn.btn-mex-blue:hover {
    background: #097bb6;
    border: 2px solid #097bb6
}

.btn.btn-mex-green {
    background: #1dba2f;
    color: #fff;
    border: 2px solid #1dba2f
}

.btn.btn-mex-green:hover {
    background: #00d60a;
    border: 2px solid #00d60a
}

.btn.btn-mex-gray {
    background: #333;
    color: #fff;
    border: 2px solid #333
}

.btn.btn-mex-gray:hover {
    background: #000;
    border: 2px solid #000
}

.btn {
    border-radius: 0!important
}

.btn-mex-black {
    color: #fff;
    border: 2px solid #000032;
    background-color: #000032
}

.btn.btn-mex-black:hover {
    background: #000;
    border: 2px solid #000
}

.btn-contact {
    display: block;
    width: 100%;
    border: none;
    background-color: #177ac0;
    padding: 5px 0;
    font: 24px Calibri;
    color: #fff;
    cursor: pointer
}

.contact-h4-2 {
    text-transform: uppercase;
    font-size: 24px;
    color: #BB914A;
}

.contact-agreement {
    font-size: 11px;
    line-height: 14px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 3px;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:441px) {
    .btn-mex-black,
    .btn.btn-mex,
    .btn.btn-mex-blue,
    .btn.btn-mex-gray,
    .btn.btn-mex-green,
    .btn.btn-mex-outline,
    .btn.btn-mex-red {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 14px;
        min-width: auto
    }
}

.show-1280 {
    display: none!important
}

.show-1200 {
    display: none!important
}

.show-1200-flex {
    display: none!important
}

@media (max-width:1280px) {
    .hide-1280 {
        display: none!important
    }
    .show-1280 {
        display: block!important
    }
    /* .line-height-1280-55 {
    line-height: 55px!important
} */
}

@media (max-width:1200px) {
    .hide-1200 {
        display: none!important
    }
    .show-1200 {
        display: block!important
    }
    .show-1200-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media (max-width:1024px) {
    .hide-1024 {
        display: none!important
    }
}

@media (max-width:768px) {
    .hide-768 {
        display: none!important
    }
    .header-mb-btn {
        width: 50%!important;
        padding: 4px 15px 4px;
        margin: 10px 0
    }
    .hero-container .hero-box>div {
        background-color: #010d4bfc !important;
    }
}

@media (max-width:400px) {
    .hide-400 {
        display: none!important
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bg-color);
    font-family: Oswald, Helvetica, Arial, sans-serif
}

.font-10 {
    font-size: 10px
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px;
    color: var(--font-color)
}

.font-18 {
    font-size: 18px;
    color: var(--font-color)
}

.text-white {
    color: #fff
}

.text-black {
    color: #000
}

.text-1e32a3 {
    color: white !important
}

.text-333 {
    color: var(--font-color)!important
}

.mex-h1 {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 1vh
}

.mex-h1,
.mex-h2,
.mex-h3 {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400
}

.mex-h1 {
    font-size: 3.8vw;
    line-height: 1.1;
    margin-bottom: 10px
}

.mex-h2 {
    font-size: 40px;
    color: var(--font-color);
    line-height: 46px
}

.mex-h3 {
    font-size: 22px;
    color: var(--font-color);
    line-height: 30px;
    font-weight: 400
}

.mex-bold,
.mex-font-bold {
    font-weight: 400;
    color: var(--font-color)
}

.mex-font-lighter {
    font-weight: lighter
}

.text-666 {
    color: #666
}

.text-fff {
    color: #fff!important
}

.text-000 {
    color: var(--font-color)!important
}

.text-F63B3B {
    color: #f63b3b
}

.text-000033 {
    color: #003
}

.text-222 {
    color: #222!important
}

.text-22A0C4 {
    color: #22a0c4!important
}

.font-22 {
    font-size: 22px!important
}

.nav-menu-heading h4 {
    color: white !important;
}

.font-24 {
    font-size: 24px!important;
    color: white;
}

.font-34 {
    font-size: 34px!important;
    line-height: 36px!important
}

.font-40 {
    font-size: 40px!important;
    color: white !important;
}

.font-type-cap {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4!important
}

.text-overflow-1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.text-overflow-2 {
    overflow: hidden;
    overflow-y: auto;
    line-height: 26px;
    height: 52px
}

.text-overflow-3 {
    overflow: hidden;
    overflow-y: auto;
    line-height: 26px;
    height: 78px
}

.uppercase {
    text-transform: uppercase!important
}

.font-20 {
    font-size: 20px
}

h1.uppercase {
    letter-spacing: 3px;
    margin-right: -3px
}

@media (min-width:768px) and (max-width:991px) {
    .mex-h1 {
        font-size: 42px;
        margin-bottom: 15px;
        line-height: 1.2
    }
}

@media (max-width:767px) {
    .mex-h1 {
        font-size: 36px;
        margin-bottom: 15px;
        line-height: 38px
    }
}

@media (max-width:600px) {
    .text-xs-center {
        text-align: center
    }
}

@media (max-width:441px) {
    .mex-h1 {
        font-size: 28px
    }
    .mex-h2 {
        font-size: 22px;
        line-height: 1.2;
        font-weight: 400
    }
}

.p-r-5 {
    padding-right: 5px
}

.p-l-5 {
    padding-left: 5px
}

.m-b-30 {
    margin-bottom: 30px
}

.mex-p-l-0 {
    padding-left: 0!important
}

.mex-p-x-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.mex-p-5 {
    padding: 5px!important
}

.mex-p-h-5 {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.mex-p-v-5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

.mex-p-l-5 {
    padding-left: 5px!important
}

.mex-p-r-5 {
    padding-right: 5px!important
}

.mex-p-t-5 {
    padding-top: 5px!important
}

.mex-p-b-5 {
    padding-bottom: 5px!important
}

.mex-p-15 {
    padding: 15px!important
}

.mex-p-h-15 {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.mex-p-v-15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

.mex-p-l-15 {
    padding-left: 15px!important
}

.mex-p-r-15 {
    padding-right: 15px!important
}

.mex-p-t-15 {
    padding-top: 15px!important
}

.mex-p-b-15 {
    padding-bottom: 15px!important
}

.mex-p-l-25 {
    padding-left: 25px!important
}

.mex-p-r-25 {
    padding-right: 25px!important
}

.mex-p-30 {
    padding: 30px!important
}

.mex-p-h-30 {
    padding-left: 30px!important;
    padding-right: 30px!important
}

.mex-p-v-30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

.mex-p-l-30 {
    padding-left: 30px!important
}

.mex-p-r-30 {
    padding-right: 30px!important
}

.mex-p-t-30 {
    padding-top: 30px!important
}

.mex-p-b-30 {
    padding-bottom: 30px!important
}

.mex-p-40 {
    padding: 40px!important
}

.mex-p-h-40 {
    padding-left: 40px!important;
    padding-right: 40px!important
}

.mex-p-v-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.mex-p-l-40 {
    padding-left: 40px!important
}

.mex-p-r-40 {
    padding-right: 40px!important
}

.mex-p-t-40 {
    padding-top: 40px!important
}

.mex-p-b-40 {
    padding-bottom: 40px!important
}

.mex-p-56 {
    padding: 56px!important
}

.mex-p-h-56 {
    padding-left: 56px!important;
    padding-right: 56px!important
}

.mex-p-v-56 {
    padding-top: 56px!important;
    padding-bottom: 56px!important
}

.mex-p-l-56 {
    padding-left: 56px!important
}

.mex-p-r-56 {
    padding-right: 56px!important
}

.mex-p-t-56 {
    padding-top: 56px!important
}

.mex-p-b-56 {
    padding-bottom: 56px!important
}

.mex-p-80 {
    padding: 80px!important
}

.mex-p-h-80 {
    padding-left: 80px!important;
    padding-right: 80px!important
}

.mex-p-v-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important
}

.mex-p-l-80 {
    padding-left: 80px!important
}

.mex-p-r-80 {
    padding-right: 80px!important
}

.mex-p-t-80 {
    padding-top: 80px!important
}

.mex-p-b-80 {
    padding-bottom: 80px!important
}

.mex-p-100 {
    padding: 100px!important
}

.mex-p-h-100 {
    padding-left: 100px!important;
    padding-right: 100px!important
}

.mex-p-v-100 {
    padding-top: 100px!important;
    padding-bottom: 100px!important
}

.mex-p-l-100 {
    padding-left: 100px!important
}

.mex-p-r-100 {
    padding-right: 100px!important
}

.mex-p-t-100 {
    padding-top: 100px!important
}

.mex-p-b-100 {
    padding-bottom: 100px!important
}

.mex-p-none {
    padding: 0!important
}

.mex-p-h-none {
    padding-left: 0!important;
    padding-right: 0!important
}

.mex-p-v-none {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.mex-p-l-none {
    padding-left: 0!important
}

.mex-p-r-none {
    padding-right: 0!important
}

.mex-p-t-none {
    padding-top: 0!important
}

.mex-p-b-none {
    padding-bottom: 0!important
}

.mex-m-t-120 {
    margin-top: 120px!important
}

.mex-m-b-120 {
    margin-bottom: 120px!important
}

.mex-m-b-200 {
    margin-bottom: 200px!important
}

.mex-m-t-100 {
    margin-top: 100px!important
}

.mex-m-r-100 {
    margin-right: 100px!important
}

.mex-m-b-100 {
    margin-bottom: 100px!important
}

.mex-m-l-100 {
    margin-left: 100px!important
}

.mex-m-t-80 {
    margin-top: 80px!important
}

.mex-m-r-80 {
    margin-right: 80px!important
}

.mex-m-b-80 {
    margin-bottom: 80px!important
}

.mex-m-l-80 {
    margin-left: 80px!important
}

.mex-m-t-50 {
    margin-top: 50px!important
}

.mex-m-r-50 {
    margin-right: 50px!important
}

.mex-m-b-50 {
    margin-bottom: 50px!important
}

.mex-m-l-50 {
    margin-left: 50px!important
}

.mex-m-t-40 {
    margin-top: 40px!important
}

.mex-m-r-40 {
    margin-right: 40px!important
}

.mex-m-b-40 {
    margin-bottom: 40px!important
}

.mex-m-l-40 {
    margin-left: 40px!important
}

.mex-m-t-30 {
    margin-top: 30px!important
}

.mex-m-r-30 {
    margin-right: 30px!important
}

.mex-m-b-30 {
    margin-bottom: 30px!important
}

.mex-m-l-30 {
    margin-left: 30px!important
}

.mex-m-r-20 {
    margin-right: 20px!important
}

.mex-m-t-20 {
    margin-top: 20px!important
}

.mex-m-b-20 {
    margin-bottom: 20px!important
}

.mex-m-l-20 {
    margin-left: 15px!important
}

.mex-m-r-15 {
    margin-right: 15px!important
}

.mex-m-t-15 {
    margin-top: 15px!important
}

.mex-m-b-15 {
    margin-bottom: 15px!important;
    color: var(--font-color)
}

.mex-m-l-15 {
    margin-left: 15px!important
}

.mex-m-r-10 {
    margin-right: 10px!important
}

.mex-m-t-10 {
    margin-top: 10px!important
}

.mex-m-b-10 {
    margin-bottom: 10px!important
}

.mex-m-l-10 {
    margin-left: 10px!important
}

.mex-m-r-5 {
    margin-right: 5px!important
}

.mex-m-t-5 {
    margin-top: 5px!important
}

.mex-m-b-5 {
    margin-bottom: 5px!important
}

.mex-m-l-5 {
    margin-left: 5px!important
}

.mex-m-r-none {
    margin-right: 0!important
}

.mex-m-t-none {
    margin-top: 0!important
}

.mex-m-b-none {
    margin-bottom: 0!important
}

.mex-m-l-none {
    margin-left: 0!important
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0!important
}

.mb8 {
    margin-bottom: 8px
}

.mb16 {
    margin-bottom: 16px
}

.mb24 {
    margin-bottom: 24px
}

.mb30 {
    margin-bottom: 30px!important
}

.mb32 {
    margin-bottom: 32px
}

.mb40 {
    margin-bottom: 40px
}

.mb48 {
    margin-bottom: 48px
}

.mb56 {
    margin-bottom: 56px
}

.mb64 {
    margin-bottom: 64px
}

.mb72 {
    margin-bottom: 72px
}

.mb80 {
    margin-bottom: 80px
}

.mb88 {
    margin-bottom: 88px
}

.mb96 {
    margin-bottom: 96px
}

.mb104 {
    margin-bottom: 104px
}

.mb112 {
    margin-bottom: 112px
}

.mb120 {
    margin-bottom: 120px
}

.mb160 {
    margin-bottom: 160px
}

.mt0 {
    margin-top: 0!important
}

.mt8 {
    margin-top: 8px
}

.mt16 {
    margin-top: 16px
}

.mt24 {
    margin-top: 24px
}

.mt32 {
    margin-top: 32px
}

.mt40 {
    margin-top: 40px
}

.mt48 {
    margin-top: 48px
}

.mt56 {
    margin-top: 56px
}

.mt64 {
    margin-top: 64px
}

.mt72 {
    margin-top: 72px
}

.mt80 {
    margin-top: 80px
}

.mt88 {
    margin-top: 88px
}

.mt96 {
    margin-top: 96px
}

.mt104 {
    margin-top: 104px
}

.mt112 {
    margin-top: 112px
}

.mt120 {
    margin-top: 120px
}

.mt160 {
    margin-top: 160px
}

.row-offset-5 {
    margin: 0 -5px
}

.padding-20 {
    padding: 20px
}

.p5 {
    padding: 0 5px
}

.p50 {
    padding: 0 50px
}

.p32 {
    padding: 0 32px
}

.p24 {
    padding: 24px
}

.p0 {
    padding: 0
}

.pr0 {
    padding-right: 0
}

.pt0 {
    padding-top: 0
}

.pt8 {
    padding-top: 8px
}

.pt16 {
    padding-top: 16px
}

.pt24 {
    padding-top: 24px
}

.pt32 {
    padding-top: 32px
}

.pt40 {
    padding-top: 40px
}

.pt48 {
    padding-top: 48px
}

.pt64 {
    padding-top: 64px
}

.pt72 {
    padding-top: 72px
}

.pt80 {
    padding-top: 80px
}

.pt88 {
    padding-top: 88px
}

.pt96 {
    padding-top: 96px
}

.pt104 {
    padding-top: 104px
}

.pt112 {
    padding-top: 112px
}

.pt120 {
    padding-top: 120px
}

.pt160 {
    padding-top: 160px
}

.pt180 {
    padding-top: 180px
}

.pt240 {
    padding-top: 240px
}

.pb0 {
    padding-bottom: 0
}

.pb8 {
    padding-bottom: 8px
}

.pb16 {
    padding-bottom: 16px
}

.pb24 {
    padding-bottom: 24px
}

.pb32 {
    padding-bottom: 32px
}

.pb40 {
    padding-bottom: 40px
}

.pb48 {
    padding-bottom: 48px
}

.pb56 {
    padding-bottom: 56px
}

.pb64 {
    padding-bottom: 64px
}

.pb72 {
    padding-bottom: 72px
}

.pb80 {
    padding-bottom: 80px
}

.pb88 {
    padding-bottom: 88px
}

.pb96 {
    padding-bottom: 96px
}

.pb104 {
    padding-bottom: 104px
}

.pb112 {
    padding-bottom: 112px
}

.pb120 {
    padding-bottom: 120px
}

.pb160 {
    padding-bottom: 160px
}

.pb180 {
    padding-bottom: 180px
}

.pb240 {
    padding-bottom: 240px
}

.mex-p-x-10p {
    padding-left: 10%;
    padding-right: 10%
}

.mex-p-5p {
    padding: 5%
}

.lin-height-12 {
    line-height: 12px!important
}

.line-height-30 {
    color: white;
    line-height: 30px
}

.line-height-75 {
    line-height: 75px
}

.h-40p {
    height: 40px!important
}

.w-90 {
    width: 90%!important
}

.mex-m-b-0 {
    margin-bottom: 0
}

.mex-m-x-n15 {
    margin-left: -15px;
    margin-right: -15px
}

.w-110 {
    width: 110%
}

.min-w-unset {
    min-width: unset!important
}

@media all and (max-width:1200px) {
    .mb-md-0 {
        margin-bottom: 0
    }
    .mb-md-8 {
        margin-bottom: 8px
    }
    .mb-md-16 {
        margin-bottom: 16px
    }
    .mb-md-24 {
        margin-bottom: 24px
    }
    .mb-md-30 {
        margin-bottom: 30px
    }
    .mb-md-40 {
        margin-bottom: 40px
    }
    .mb-md-48 {
        margin-bottom: 48px
    }
    .mb-md-64 {
        margin-bottom: 64px
    }
    .mb-md-72 {
        margin-bottom: 72px
    }
    .mb-md-80 {
        margin-bottom: 80px
    }
    .mb-md-88 {
        margin-bottom: 88px
    }
    .mb-md-96 {
        margin-bottom: 96px
    }
    .mb-md-104 {
        margin-bottom: 104px
    }
    .mb-md-112 {
        margin-bottom: 112px
    }
    .mb-md-120 {
        margin-bottom: 120px
    }
    .mt-md-0 {
        margin-top: 0!important
    }
    .mt-md-8 {
        margin-top: 8px
    }
    .mt-md-16 {
        margin-top: 16px
    }
    .mt-md-24 {
        margin-top: 24px
    }
    .mt-md-32 {
        margin-top: 32px
    }
    .mt-md-40 {
        margin-top: 40px
    }
    .mt-md-48 {
        margin-top: 48px
    }
    .mt-md-56 {
        margin-top: 56px
    }
    .mt-md-64 {
        margin-top: 64px
    }
    .mt-md-72 {
        margin-top: 72px
    }
    .mt-md-80 {
        margin-top: 80px
    }
    .mt-md-88 {
        margin-top: 88px
    }
    .mt-md-96 {
        margin-top: 96px
    }
    .mt-md-104 {
        margin-top: 104px
    }
    .mt-md-112 {
        margin-top: 112px
    }
    .mt-md-120 {
        margin-top: 120px
    }
    .p0-sm {
        padding: 0
    }
    .pt-md-0 {
        padding-top: 0
    }
    .pt-md-8 {
        padding-top: 8px
    }
    .pt-md-16 {
        padding-top: 16px
    }
    .pt-md-24 {
        padding-top: 24px
    }
    .pt-md-32 {
        padding-top: 32px
    }
    .pt-md-40 {
        padding-top: 40px
    }
    .pt-md-48 {
        padding-top: 48px
    }
    .pt-md-64 {
        padding-top: 64px
    }
    .pt-md-72 {
        padding-top: 72px
    }
    .pt-md-80 {
        padding-top: 80px
    }
    .pt-md-88 {
        padding-top: 88px
    }
    .pt-md-96 {
        padding-top: 96px
    }
    .pt-md-104 {
        padding-top: 104px
    }
    .pt-md-112 {
        padding-top: 112px
    }
    .pt-md-120 {
        padding-top: 120px
    }
    .pt-md-160 {
        padding-top: 160px
    }
    .pb-md-0 {
        padding-bottom: 0
    }
    .pb-md-8 {
        padding-bottom: 8px
    }
    .pb-md-16 {
        padding-bottom: 16px
    }
    .pb-md-24 {
        padding-bottom: 24px
    }
    .pb-md-32 {
        padding-bottom: 32px
    }
    .pb-md-40 {
        padding-bottom: 40px
    }
    .pb-md-48 {
        padding-bottom: 48px
    }
    .pb-md-64 {
        padding-bottom: 64px
    }
    .pb-md-72 {
        padding-bottom: 72px
    }
    .pb-md-80 {
        padding-bottom: 80px
    }
    .pb-md-88 {
        padding-bottom: 88px
    }
    .pb-md-96 {
        padding-bottom: 96px
    }
    .pb-md-104 {
        padding-bottom: 104px
    }
    .pb-md-112 {
        padding-bottom: 112px
    }
    .pb-md-120 {
        padding-bottom: 120px
    }
}

@media all and (max-width:990px) {
    .mb-s-0 {
        margin-bottom: 0
    }
    .mb-s-8 {
        margin-bottom: 8px
    }
    .mb-s-16 {
        margin-bottom: 16px
    }
    .mb-s-24 {
        margin-bottom: 24px
    }
    .mb-s-30 {
        margin-bottom: 30px
    }
    .mb-s-32 {
        margin-bottom: 32px
    }
    .mb-s-40 {
        margin-bottom: 40px
    }
    .mb-s-48 {
        margin-bottom: 48px
    }
    .mb-s-64 {
        margin-bottom: 64px
    }
    .mb-s-72 {
        margin-bottom: 72px
    }
    .mb-s-80 {
        margin-bottom: 80px
    }
    .mb-s-88 {
        margin-bottom: 88px
    }
    .mb-s-96 {
        margin-bottom: 96px
    }
    .mb-s-104 {
        margin-bottom: 104px
    }
    .mb-s-112 {
        margin-bottom: 112px
    }
    .mb-s-120 {
        margin-bottom: 120px
    }
}

@media all and (max-width:990px) {
    .mb-sm-0 {
        margin-bottom: 0
    }
    .mb-sm-8 {
        margin-bottom: 8px
    }
    .mb-sm-16 {
        margin-bottom: 16px
    }
    .mb-sm-24 {
        margin-bottom: 24px
    }
    .mb-sm-32 {
        margin-bottom: 32px
    }
    .mb-sm-40 {
        margin-bottom: 40px
    }
    .mb-sm-48 {
        margin-bottom: 48px
    }
    .mb-sm-64 {
        margin-bottom: 64px
    }
    .mb-sm-72 {
        margin-bottom: 72px
    }
    .mb-sm-80 {
        margin-bottom: 80px
    }
    .mb-sm-88 {
        margin-bottom: 88px
    }
    .mb-sm-96 {
        margin-bottom: 96px
    }
    .mb-sm-104 {
        margin-bottom: 104px
    }
    .mb-sm-112 {
        margin-bottom: 112px
    }
    .mb-sm-120 {
        margin-bottom: 120px
    }
    .mt-sm-0 {
        margin-top: 0!important
    }
    .mt-sm-8 {
        margin-top: 8px
    }
    .mt-sm-16 {
        margin-top: 16px
    }
    .mt-sm-24 {
        margin-top: 24px
    }
    .mt-sm-32 {
        margin-top: 32px
    }
    .mt-sm-40 {
        margin-top: 40px
    }
    .mt-sm-48 {
        margin-top: 48px
    }
    .mt-sm-56 {
        margin-top: 56px
    }
    .mt-sm-64 {
        margin-top: 64px
    }
    .mt-sm-72 {
        margin-top: 72px
    }
    .mt-sm-80 {
        margin-top: 80px
    }
    .mt-sm-88 {
        margin-top: 88px
    }
    .mt-sm-96 {
        margin-top: 96px
    }
    .mt-sm-104 {
        margin-top: 104px
    }
    .mt-sm-112 {
        margin-top: 112px
    }
    .mt-sm-120 {
        margin-top: 120px
    }
    .p0-sm {
        padding: 0
    }
    .pt-sm-0 {
        padding-top: 0
    }
    .pt-sm-8 {
        padding-top: 8px
    }
    .pt-sm-16 {
        padding-top: 16px
    }
    .pt-sm-24 {
        padding-top: 24px
    }
    .pt-sm-32 {
        padding-top: 32px
    }
    .pt-sm-40 {
        padding-top: 40px
    }
    .pt-sm-48 {
        padding-top: 48px
    }
    .pt-sm-64 {
        padding-top: 64px
    }
    .pt-sm-72 {
        padding-top: 72px
    }
    .pt-sm-80 {
        padding-top: 80px
    }
    .pt-sm-88 {
        padding-top: 88px
    }
    .pt-sm-96 {
        padding-top: 96px
    }
    .pt-sm-104 {
        padding-top: 104px
    }
    .pt-sm-112 {
        padding-top: 112px
    }
    .pt-sm-120 {
        padding-top: 120px
    }
    .pt-sm-160 {
        padding-top: 160px
    }
    .pb-sm-0 {
        padding-bottom: 0
    }
    .pb-sm-8 {
        padding-bottom: 8px
    }
    .pb-sm-16 {
        padding-bottom: 16px
    }
    .pb-sm-24 {
        padding-bottom: 24px
    }
    .pb-sm-32 {
        padding-bottom: 32px
    }
    .pb-sm-40 {
        padding-bottom: 40px
    }
    .pb-sm-48 {
        padding-bottom: 48px
    }
    .pb-sm-64 {
        padding-bottom: 64px
    }
    .pb-sm-72 {
        padding-bottom: 72px
    }
    .pb-sm-80 {
        padding-bottom: 80px
    }
    .pb-sm-88 {
        padding-bottom: 88px
    }
    .pb-sm-96 {
        padding-bottom: 96px
    }
    .pb-sm-104 {
        padding-bottom: 104px
    }
    .pb-sm-112 {
        padding-bottom: 112px
    }
    .pb-sm-120 {
        padding-bottom: 120px
    }
}

@media all and (max-width:767px) {
    .basic .slick-prev {
        top: 35% !important;
    }
    .mx-xs-10 {
        margin-left: 10px;
        margin-right: 10px
    }
    .w-xs-100 {
        width: 100%!important;
        max-width: unset!important
    }
    .mb-xs-0 {
        margin-bottom: 0
    }
    .mb-xs-8 {
        margin-bottom: 8px
    }
    .mb-xs-16 {
        margin-bottom: 16px
    }
    .mb-xs-24 {
        margin-bottom: 24px
    }
    .mb-xs-32 {
        margin-bottom: 32px
    }
    .mb-xs-40 {
        margin-bottom: 40px
    }
    .mb-xs-48 {
        margin-bottom: 48px
    }
    .mb-xs-64 {
        margin-bottom: 64px
    }
    .mb-xs-72 {
        margin-bottom: 72px
    }
    .mb-xs-80 {
        margin-bottom: 80px
    }
    .mb-xs-88 {
        margin-bottom: 88px
    }
    .mb-xs-96 {
        margin-bottom: 96px
    }
    .mb-xs-104 {
        margin-bottom: 104px
    }
    .mb-xs-112 {
        margin-bottom: 112px
    }
    .mb-xs-120 {
        margin-bottom: 120px
    }
    .mt-xs-0 {
        margin-top: 0!important
    }
    .mt-xs-8 {
        margin-top: 8px
    }
    .mt-xs-16 {
        margin-top: 16px
    }
    .mt-xs-24 {
        margin-top: 24px
    }
    .mt-xs-32 {
        margin-top: 32px
    }
    .mt-xs-40 {
        margin-top: 40px
    }
    .mt-xs-48 {
        margin-top: 48px
    }
    .mt-xs-56 {
        margin-top: 56px
    }
    .mt-xs-64 {
        margin-top: 64px
    }
    .mt-xs-72 {
        margin-top: 72px
    }
    .mt-xs-80 {
        margin-top: 80px
    }
    .mt-xs-88 {
        margin-top: 88px
    }
    .mt-xs-96 {
        margin-top: 96px
    }
    .mt-xs-104 {
        margin-top: 104px
    }
    .mt-xs-112 {
        margin-top: 112px
    }
    .mt-xs-120 {
        margin-top: 120px
    }
    .p0-xs {
        padding: 0!important
    }
    .p5-xs {
        padding: 5px
    }
    .pt-xs-0 {
        padding-top: 0
    }
    .pt-xs-3 {
        padding-top: 3px
    }
    .pt-xs-6 {
        padding-top: 6px
    }
    .pt-xs-8 {
        padding-top: 8px
    }
    .pt-xs-16 {
        padding-top: 16px
    }
    .pt-xs-24 {
        padding-top: 24px
    }
    .pt-xs-32 {
        padding-top: 32px
    }
    .pt-xs-40 {
        padding-top: 40px
    }
    .pt-xs-48 {
        padding-top: 48px
    }
    .pt-xs-64 {
        padding-top: 64px
    }
    .pt-xs-72 {
        padding-top: 72px
    }
    .pt-xs-80 {
        padding-top: 80px
    }
    .pt-xs-88 {
        padding-top: 88px
    }
    .pt-xs-96 {
        padding-top: 96px
    }
    .pt-xs-104 {
        padding-top: 104px
    }
    .pt-xs-112 {
        padding-top: 112px
    }
    .pt-xs-120 {
        padding-top: 120px
    }
    .pt-xs-160 {
        padding-top: 160px
    }
    .pt-xs-180 {
        padding-top: 180px
    }
    .pt-xs-240 {
        padding-top: 240px!important
    }
    .pb-xs-0 {
        padding-bottom: 0
    }
    .pb-xs-8 {
        padding-bottom: 8px
    }
    .pb-xs-16 {
        padding-bottom: 16px
    }
    .pb-xs-24 {
        padding-bottom: 24px
    }
    .pb-xs-32 {
        padding-bottom: 32px
    }
    .pb-xs-40 {
        padding-bottom: 40px
    }
    .pb-xs-48 {
        padding-bottom: 48px
    }
    .pb-xs-64 {
        padding-bottom: 64px
    }
    .pb-xs-72 {
        padding-bottom: 72px
    }
    .pb-xs-80 {
        padding-bottom: 80px
    }
    .pb-xs-88 {
        padding-bottom: 88px
    }
    .pb-xs-96 {
        padding-bottom: 96px
    }
    .pb-xs-104 {
        padding-bottom: 104px
    }
    .pb-xs-112 {
        padding-bottom: 112px
    }
    .pb-xs-120 {
        padding-bottom: 120px
    }
    .pb-xs-180 {
        padding-bottom: 180px
    }
    .pb-xs-240 {
        padding-bottom: 240px!important
    }
    .pl-xs-10 {
        padding-left: 10px
    }
}

@media all and (max-width:767px) {
    .p16-xs {
        padding: 16px
    }
}

@media (max-width:600px) {
    .pl-xs-0 {
        padding-left: 0!important
    }
}

.mex-block-card-v {
    padding: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: var(--boxshadow-dark) 0 0 15px 3px !important;
    box-shadow: var(--boxshadow-dark) 0 0 15px 3px !important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.mex-block-card-v a {
    text-decoration: none
}

.mex-block-card-v .card-img-box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.mex-block-card-v-content {
    padding: 20px
}

.mex-block-card-v-content h3 {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 10px;
    color: #1e32a3;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400
}

.mex-block-card-v-content p {
    padding: 0;
    margin: 0;
    color: #222;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 24px;
    min-height: 48px
}

.mex-block-card-v:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.mex-block-focus {
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px
}

section.mex-block-focus>img {
    position: absolute;
    left: 0;
    top: 0
}

section.mex-block-focus .mex-block--focus-inner {
    height: auto
}

section.mex-block-focus .mex-h1,
section.mex-block-focus .mex-h2,
section.mex-block-focus .mex-h3 {
    margin-bottom: 20px;
    font-weight: 400
}

section.mex-block-focus.mini {
    height: 400px
}

section.mex-block-focus.mini .mex-block--focus-inner {
    top: 75px
}

section.mex-block-focus.long-text .mex-block--focus-inner {
    top: 75px
}

section.mex-block-card-v {
    padding: 0;
    width: 100%;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.mex-block-card-v.mex-half {
    padding-bottom: 200px;
    position: relative
}

section.mex-block-card-v .card-img-box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

section.mex-block-card-v .card-content-box {
    width: 100%;
    height: auto;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0
}

section.mex-block-card-v .card-content {
    padding: 20px
}

section.mex-block-card-v .card-img-bg {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: -1px
}

section.mex-block-card-v .mex-h2 {
    margin-bottom: 20px
}

section.mex-block-card-v .card-content-box .mex-content {
    max-height: 48px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

section.mex-block-card-v .mex-content {
    margin-bottom: 30px
}

section.mex-block-card-v.mex-third .card-content {
    padding: 20px
}

section.mex-block-card-v.mex-third .card-img-box {
    max-height: 273px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0
}

section.mex-block-card-v.mex-third .mex-h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 30px
}

section.mex-block-card-v.mex-third .mex-content {
    margin-bottom: 30px
}

section.mex-block-card-v.mex-qtr .card-img-box {
    max-height: 205px;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0
}

section.mex-block-card-v.mex-qtr .card-img {
    height: 200px
}

@media (min-width:992px) {
    .home-about-multibank.card-img {
        max-height: 430px
    }
}

section.mex-block-card-v.mex-qtr .card-content {
    padding: 20px 15px
}

section.mex-block-card-v.mex-qtr .mex-h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 15px
}

section.mex-block-card-v.mex-qtr .mex-content {
    margin-bottom: 0
}

@media (max-width:441px) {
    section.mex-block-card-v.mex-half {
        padding-bottom: 180px
    }
    section.mex-block-card-v .card-content {
        padding: 20px
    }
    section.mex-block-card-v.mex-half .mex-h2 {
        margin-bottom: 10px
    }
    section.mex-block-card-v .mex-content {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    section.mex-block-focus.long-text .mex-block--focus-inner {
        top: 25px
    }
    section.mex-block-full>.block-text {
        padding: 0 15px
    }
}

@media (max-width:991px) {
    section.mex-block-full {
        height: auto;
        padding-bottom: 18px
    }
    section.mex-block-full>div {
        margin-bottom: 30px;
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    section.mex-block-card-v .card-content {
        padding: 20px
    }
    section.mex-block-card-v .mex-h2 {
        margin-bottom: 20px
    }
    section.mex-block-card-v .mex-content {
        margin-bottom: 30px
    }
    section.mex-block-card-v.mex-half .card-content {
        padding: 20px
    }
    section.mex-block-card-v.mex-half .mex-h2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 20px
    }
    section.mex-block-card-v.mex-half .mex-content {
        margin-bottom: 20px
    }
    section.mex-block-card-v.mex-third .card-content {
        padding: 30px 15px
    }
    section.mex-block-card-v.mex-third .mex-h2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 20px
    }
    section.mex-block-card-v.mex-third .mex-content {
        margin-bottom: 20px
    }
    section.mex-block-card-v.mex-third .btn-mex-outline {
        padding: 6px 15px;
        font-size: 14px;
        line-height: 14px;
        min-width: auto
    }
}

@media (min-width:992px) and (max-width:1199px) {
    section.mex-block-card-h .btn {
        min-width: 170px
    }
    section.mex-block-card-v.mex-third .card-content {
        padding: 25px
    }
    section.mex-block-card-v.mex-third .mex-h2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 20px
    }
    section.mex-block-card-v.mex-third .mex-content {
        margin-bottom: 20px
    }
}

@font-face {
    font-family: 'Shadows Into Light';
    src: url(../fonts/ShadowsIntoLight.eot%3Fcniv9s);
    src: url(../fonts/ShadowsIntoLight.eot%3Fcniv9s) format("embedded-opentype"), url(../fonts/ShadowsIntoLight.ttf%3Fcniv9s) format("truetype"), url(https://www.multibankfx.com/public_files/ShadowsIntoLight.woff?cniv9s) format("woff"), url(https://www.multibankfx.com/public_files/ShadowsIntoLight.svg?cniv9s) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Oswald;
    src: url(https://www.multibankfx.com/public_files/fonts/Oswald-Regular.eot?cniv9s);
    src: url(https://www.multibankfx.com/public_files/fonts/Oswald-Regular.eot?cniv9s) format("embedded-opentype"), url(../fonts/Oswald-Regular.ttf) format("truetype"), url(https://www.multibankfx.com/public_files/fonts/Oswald-Regular.woff) format("woff"), url(https://www.multibankfx.com/public_files/fonts/Oswald-Regular.svg?cniv9s) format("svg");
    font-weight: 400;
    font-style: normal
}

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

[class*=" ico-"],
[class^=ico-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.list_icon_check li:before {
    content: "\e66c";
    font-family: Pe-icon-7-stroke;
    display: inline-block;
    width: 30px;
    font-size: 25px;
    vertical-align: middle;
    color: #228b22;
    position: absolute;
    left: 0
}

.list_icon_check li {
    padding: 8px 0 8px 0;
    font-size: 18px;
    line-height: 21px;
    padding-left: 30px;
    position: relative
}

.ico-ic_monitor:before {
    content: "\e924"
}

.ico-ic_commission:before {
    content: "\e925"
}

.ico-ic_gold:before {
    content: "\e926"
}

.ico-ic_forex_spreads:before {
    content: "\e923"
}

.ico-ic_global_offices:before {
    content: "\e922"
}

.ico-ic_24_hour_live_forex_news:before {
    content: "\e900"
}

.ico-ic_accounts_funding:before {
    content: "\e901"
}

.ico-ic_become_an_ib:before {
    content: "\e902"
}

.ico-ic_bonus_programs_for_ibs:before {
    content: "\e903"
}

.ico-ic_Bonus_Programs_for_Individual_Clients:before {
    content: "\e904"
}

.ico-ic_bonus_programs:before {
    content: "\e905"
}

.ico-ic_Call_Our_24_7_Hotline:before {
    content: "\e906"
}

.ico-ic_compare_our_trading_platforms:before {
    content: "\e907"
}

.ico-ic_download_mt4:before {
    content: "\e908"
}

.ico-ic_economic_calendar:before {
    content: "\e909"
}

.ico-ic_faq:before {
    content: "\e90a"
}

.ico-ic_forex_101:before {
    content: "\e90b"
}

.ico-ic_live_chat_support:before {
    content: "\e90d"
}

.ico-ic_market_analysis:before {
    content: "\e90e"
}

.ico-ic_mymultibank_account_panel:before {
    content: "\e90f"
}

.ico-ic_our_milestones:before {
    content: "\e910"
}

.ico-ic_our_products:before {
    content: "\e911"
}

.ico-ic_our_regulations:before {
    content: "\e912"
}

.ico-ic_partnership_programs:before {
    content: "\e913"
}

.ico-ic_scalping_policy:before {
    content: "\e914"
}

.ico-ic_security_of_funds:before {
    content: "\e915"
}

.ico-ic_trading_tools:before {
    content: "\e916"
}

.ico-ic_why_multibank:before {
    content: "\e917"
}

.ico-ic_demo_account:before {
    content: "\e918"
}

.ico-ic_fcebook:before {
    content: "\e919"
}

.ico-ic_get_a_call:before {
    content: "\e91a"
}

.ico-ic_google:before {
    content: "\e91b"
}

.ico-ic_ib_registration:before {
    content: "\e91c"
}

.ico-ic_live_account:before {
    content: "\e91d"
}

.ico-ic_trophy:before {
    content: "\e91e"
}

.ico-ic_twitter:before {
    content: "\e91f"
}

.ico-ic_ib_registration_1:before {
    content: "\e920"
}

.ico-ic_fund_account:before {
    content: "\e921"
}

.ico-ic_awards:before {
    content: "\e90c"
}

.bg-gray {
    background: var(--bg-gray)
}

.bg-000 {
    background-color: var(--bg-000)
}

.bg-F8F8F8 {
    background-color: var(--F8F8F8-color)
}

.shadow-box {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.shadow-box-smooth {
    height: 100%;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    border: 1px solid
}

.shadow-box-smooth:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mex-table {
    color: var(--mex-table-font);
    font-size: 18px;
    border: 1px solid #e5e5e5;
    margin-bottom: 0
}

.mex-table tbody {
    background-color: #fff
}

.mex-table tbody tr {
    background-color: var(--bg-black)
}

.mex-table tbody tr:hover {
    background-color: var(--secondary-color)
}

table.dataTable tr:nth-of-type(odd) {
    background-color: var(--bg-black)
}

table.dataTable thead>tr>th {
    background-color: #1e32a3
}

.table>tbody>tr>td {
    padding: 15px 5px
}

.table>thead>tr>th {
    font-size: 20px;
    white-space: nowrap;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 6px 5px!important;
    border-bottom: 0
}

.mex-table.table>tbody>tr>td,
.mex-table.table>thead>tr>th {
    padding-left: 5px!important;
    padding-right: 5px!important;
    position: relative
}

.mex-table.table>tbody>tr>td p {
    margin: 0
}

.mex-table.table.table-easy>tbody>tr>td,
.mex-table.table.table-easy>thead>tr>th {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.table-striped>tbody>tr:nth-of-type(odd) {
    color: var(--bg-color);
    background: var(--bg-black)
}

.table-striped-blue>tbody>tr:nth-of-type(odd) {
    background: var(--bg-black)
}

.table-striped tbody tr:hover {
    background-color: var(--secondary-color)
}

.table-striped-blue tbody tr:hover {
    background: var(--secondary-color)
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: unset!important;
    display: inline-block!important;
    margin-left: 10px;
    margin-top: 0;
    font-size: 14px
}

.table>tbody>tr>td,
.table>thead>tr>th {
    text-align: center;
    vertical-align: middle
}

.table-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.sub-title {
    font-size: 26px;
    color: #2e2e2e
}

.mex-table thead {
    color: #fff;
    background-color: #1e32a3
}

.table-incomplete {
    max-height: 545px;
    overflow-y: auto
}

.table-incomplete table {
    border: none
}

.table-incomplete>table>thead>tr>th {
    position: sticky!important;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background-color: #1e32a3
}

.table-incomplete::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.table-incomplete::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #1e32a3
}

.table-incomplete::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(204, 204, 204, .2)
}

 ::-webkit-scrollbar {
    width: 4px;
    height: 2px;
    display: block
}

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: var(--scrollbar-color)
}

 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: rgba(237, 237, 237, .1)
}

.table-content>table>thead>tr>th {
    border: none;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    line-height: 1.2
}

.border-right-blue {
    position: absolute;
    border: 1px solid #818ccb;
    right: 0;
    top: 10%;
    height: 80%
}

@media (max-width:767px) {
    .table-content>table>thead>tr>th br {
        display: block
    }
}

.sb-container {
    position: relative;
    overflow: hidden;
    padding-right: 10px
}

.sb-content {
    height: 100%;
    width: 120%;
    padding-right: 20%;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sb-scrollbar-container {
    position: absolute;
    right: 5px;
    bottom: 5px;
    top: 5px;
    width: 5px;
    background: #ededed
}

.sb-container-noscroll .sb-scrollbar-container {
    right: -20px
}

.sb-scrollbar {
    position: absolute;
    right: 0;
    height: 30px;
    width: 5px;
    border-radius: 5px;
    background: #1834a7
}

.sb-scrollbar:hover {
    background: #1834a7
}

.mex-scrollbar {
    overflow-y: auto
}

.mex-scrollbar::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: transparent
}

.mex-scrollbar.scrollbar-2x::-webkit-scrollbar {
    width: 2px
}

.mex-scrollbar::-webkit-scrollbar-track {
    background-color: #ccc
}

.mex-scrollbar::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 15px
}

.mex-scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: #666
}

section.mex-company-news {
    padding: 0
}

.mex-new-content-box {
    margin-top: 15px!important;
    -webkit-box-shadow: var(--boxshadow) 0 8px 6px -6px;
    box-shadow: var(--boxshadow) 0 8px 6px -6px
}

section.mex-company-news .mex-new-content {
    border-top: 1px solid #ccc;
    background-color: #fff
}

.mex-new-content a {
    font-weight: 400
}

section.mex-company-news .mex-new-date {
    width: 60px;
    float: left;
    font-size: 21px;
    line-height: 24px
}

section.mex-company-news .mex-new-img {
    width: 150px;
    height: 100px;
    float: right
}

section.mex-video {
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

section.mex-video .mex-h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

section.mex-video .mex-video-content {
    margin-top: 15px
}

.html5_video_play {
    cursor: pointer
}

section.mex-education {
    padding: 0;
    margin-top: 15px
}

section.mex-education .mex-education-content {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ccc
}

.mex-tabs {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px
}

.mex-tabs .tab-title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    opacity: .85;
    position: relative;
    display: inline-block;
    cursor: pointer
}

.mex-tabs .tab-title a {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 5px 0;
    color: #000
}

.mex-tabs .tab-title a:focus,
.mex-tabs .tab-title.active a {
    color: #1e32a3
}

.mex-tabs .tab-title.active {
    opacity: 1;
    color: #1e32a3
}

.mex-tabs .tab-title.active:after {
    opacity: 1
}

.mex-tabs .tab-title:hover {
    opacity: 1;
    color: #1e32a3
}

@media (max-width:767px) {
    .tablist {
        display: inline-block;
        width: 100%
    }
    .mex-tabs {
        padding-bottom: 0
    }
    .mex-tabs li {
        width: 100%;
        margin-bottom: 1px
    }
    .mex-tabs .tab-title:after {
        display: none
    }
    .mex-tabs .tab-title {
        padding: 0 0
    }
    .mex-tabs .tab-title span {
        line-height: 16px
    }
}

.mex-list-icon-check {
    list-style: none;
    padding: 0
}

.mex-list-icon-check li {
    padding: 5px 0 5px 32px;
    font-size: 20px;
    line-height: 1.3;
    position: relative
}

.mex-list-icon-check li:before {
    font-family: FontAwesome;
    content: "\f00c";
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
    color: #fff;
    position: absolute;
    left: 0;
    top: 7px;
    background: #1e32a3;
    margin-right: 20px;
    text-shadow: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: lighter
}

.mex-list-icon-check.num-style li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    width: 30px;
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle;
    color: #1e32a4;
    position: absolute;
    left: 0;
    top: 7px
}

.mex-list-icon-check.num-style li {
    padding: 5px 0 5px 33px;
    font-size: 20px;
    line-height: 1.3;
    position: relative
}

.mex-list-conditions {
    list-style: none;
    text-align: left;
    padding-left: 15px
}

.mex-list-conditions li {
    text-indent: -15px;
    margin-bottom: 15px
}

.mex-list-disc {
    padding-left: 25px
}

.mex-list-disc li {
    margin-bottom: 15px
}

.mex-list-disc li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: var(--font-color);
    border-radius: 10px;
    position: relative;
    margin-left: -15px;
    margin-right: 10px;
    bottom: 3px
}

.mex-list-disc li.active {
    color: #1e32a3
}

.mex-list-disc li.active:before {
    background-color: #1e32a3
}

@media (max-width:767px) {
    .mex-list-icon-check li {
        padding: 2px 0 2px 24px;
        font-size: 18px;
        line-height: 1.6
    }
    .mex-list-icon-check li:before {
        height: 20px;
        width: 20px;
        line-height: 20px;
        top: 6px
    }
}

.form-loader-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.nice-select span.current {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.submit-form {
    -webkit-box-shadow: 9px 6px 32px rgba(204, 204, 204, .67);
    box-shadow: 9px 6px 32px rgba(204, 204, 204, .67);
    padding-left: 0;
    padding-right: 0
}

.mex-form-item label {
    color: var(--mex-form-item-lable);
    width: 100%
}

.mex-form-item input,
.mex-form-item select {
    background: var(--div-form-placeholder);
    border: 1px solid #707070;
    width: 100%;
    height: 34px;
    padding-left: 12px;
    font-weight: 500;
    border-radius: 5px;
    font-size: 16px;
}

.mex-form-item input:focus {
    outline: 0;
    border: 1px solid #1e32a3
}

.mex-form-item .mex-form-select {
    width: 100%
}

.mex-form-item.mex-form-verify-code {
    padding-right: 105px
}

.mex-form-item.mex-form-item-file .btn,
.mex-form-item.mex-form-verify-code img {
    width: 90px;
    height: 40px;
    position: absolute;
    right: 15px;
    bottom: 15px
}

.mex-form-item.mex-form-item-file {
    padding-right: 100px
}

.mex-form-item.mex-form-item-file input {
    border-right-width: 0
}

.mex-form-item.mex-form-item-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.mex-form-item.mex-form-item-file .btn {
    padding-top: 10px;
    min-width: 100px;
    text-transform: none;
    font-size: 14px
}

input.current,
select.current {
    background: #e3e3e3;
    border: 1px solid #ccc
}

label.error {
    margin-bottom: 5px;
    color: red!important;
    font-weight: 400
}

.nice-select.mex-form-select.current {
    border: 1px solid #ccc
}

.bg-gray.contact-us .nice-select.mex-form-select.current {
    background: #fff
}

.border-error {
    border: 1px solid red!important
}

.border-valid {
    border: 1px solid green!important
}

.border-bottom-label {
    border-bottom: 1px solid #ccc!important
}

.form-input-invalid {
    color: red!important
}

.form-tooltip {
    visibility: hidden;
    white-space: nowrap;
    background-color: #fff;
    text-align: center;
    padding: 9px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    height: 40px;
    line-height: 20px;
    right: calc(100% + 10px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-tooltip::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 5px;
    border-style: solid
}

.form-tooltip.active {
    visibility: visible
}

.form-tooltip.error {
    border: 1px solid red
}

.form-tooltip.error::after {
    border-color: transparent red transparent transparent
}

.form-tooltip.success::after {
    border-color: transparent green transparent transparent
}

.form-tooltip.success {
    border: 1px solid green
}

.multibank-form input::-webkit-input-placeholder {
    color: rgba(20, 20, 20, .4)!important
}

.multibank-form input:-ms-input-placeholder {
    color: rgba(20, 20, 20, .4)!important
}

.multibank-form input::-ms-input-placeholder {
    color: rgba(20, 20, 20, .4)!important
}

.multibank-form input::placeholder {
    color: rgba(20, 20, 20, .4)!important
}

.iti__country-list {
    max-width: 400px;
    background-color: var(--bg-black)
}

.iti .input_with_phone {
    padding-right: 6px;
    padding-left: 50px;
    margin-left: 0
}

.mex-radio input[type=radio] {
    margin-top: 6px
}

.mex-radio input[type=radio]:checked+span {
    color: #1e32a3
}

.get-link-modal input[type=text] {
    height: 50px;
    margin-bottom: 0
}

.mex-modal .modal-header {
    text-align: center;
    border-width: 0;
    padding: 30px 15px
}

.mex-modal .modal-header button.close {
    color: #666;
    font-size: 30px
}

.mex-modal .modal-content {
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.mex-modal .modal-body {
    padding: 0 30px 30px 30px
}

.mex-modal .modal-dialog button.close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    outline: 0
}

.border-form {
    border: 1px solid #c1c1c1
}

.mex-box-shadow {
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.mex-box-shadow:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mex-time-line .mex-time-events {
    padding-left: 150px
}

.mex-time-line .mex-time-date {
    position: absolute;
    left: 0;
    width: 150px;
    text-align: center;
    font-size: 56px;
    font-weight: 300
}

.mex-time-line .mex-time-date .mex-h1 {
    color: #1e32a3
}

.mex-time-line .mex-time-events.striped .mex-time-date .mex-h1 {
    color: #192049
}

.mex-time-line .mex-time-date:after {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #1e32a3;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -21px
}

.mex-time-line .mex-time-events.striped .mex-time-date:after {
    border-color: #192049
}

.mex-time-line .mex-time-event {
    border-left: 1px solid #1e32a3;
    padding-left: 50px;
    padding-bottom: 40px
}

.mex-time-line .mex-time-events.striped .mex-time-event {
    border-color: #192049
}

.mex-time-line .mex-time-event .mex-h3 {
    color: #1e32a3
}

.mex-time-line .mex-time-events.striped .mex-time-event .mex-h3 {
    color: #192049
}

@media (max-width:767px) {
    .mex-time-line .mex-time-events {
        padding-left: 100px
    }
    .mex-time-line .mex-time-date {
        width: 100px
    }
    .mex-time-line .mex-time-date .mex-h1 {
        font-size: 40px
    }
    .mex-time-line .mex-time-event {
        padding-left: 40px;
        padding-bottom: 30px
    }
}

.mex-panel .panel-heading {
    border-radius: 0;
    border: 1px solid #e5e5e5;
    color: var(--font-color);
    font-weight: 600
}

.mex-panel .panel-body {
    border: 1px solid #e5e5e5;
    border-top-width: 0
}

.mex-clamp-1,
.mex-clamp-2,
.mex-clamp-3,
.mex-clamp-4,
.mex-clamp-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 24px
}

.mex-clamp-1 {
    -webkit-line-clamp: 1;
    min-height: 24px
}

.mex-clamp-2 {
    -webkit-line-clamp: 2;
    min-height: 48px
}

.mex-clamp-3 {
    -webkit-line-clamp: 3;
    line-height: 21px;
    min-height: 72px
}

.mex-clamp-4 {
    -webkit-line-clamp: 4;
    min-height: 96px
}

.mex-clamp-5 {
    -webkit-line-clamp: 5;
    min-height: 120px
}

@media (max-width:441px) {
    .mex-clamp-1,
    .mex-clamp-2,
    .mex-clamp-3,
    .mex-clamp-4,
    .mex-clamp-5 {
        min-height: auto;
        -webkit-line-clamp: initial
    }
}

.pos-rlt {
    position: relative
}

.pos-stc {
    position: static!important
}

.pos-abt {
    position: absolute
}

.pos-fix {
    position: fixed
}

.top-30 {
    top: 30px
}

.top-50 {
    top: 50px
}

.top-80 {
    top: 80px
}

.top-100 {
    top: 100px
}

.top-120 {
    top: 120px
}

.top-150 {
    top: 150px
}

.b {
    border: 1px solid rgba(0, 0, 0, .05)
}

.b-a {
    border: 1px solid #dee5e7
}

.b-t {
    border-top: 1px solid #dee5e7
}

.b-r {
    border-right: 1px solid #dee5e7
}

.b-b {
    border-bottom: 1px solid #dee5e7
}

.b-l {
    border-left: 1px solid #dee5e7
}

.b-light {
    border-color: #edf1f2
}

.b-dashed {
    border-style: dashed!important
}

.b-l-2x {
    border-left-width: 2px
}

.b-l-3x {
    border-left-width: 3px
}

.b-l-4x {
    border-left-width: 4px
}

.b-l-5x {
    border-left-width: 5px
}

.b-2x {
    border-width: 2px
}

.b-3x {
    border-width: 3px
}

.b-4x {
    border-width: 4px
}

.b-5x {
    border-width: 5px
}

.r {
    border-radius: 2px 2px 2px 2px
}

.r-2x {
    border-radius: 4px
}

.r-3x {
    border-radius: 6px
}

.r-l {
    border-radius: 2px 0 0 2px
}

.r-r {
    border-radius: 0 2px 2px 0
}

.r-t {
    border-radius: 2px 2px 0 0
}

.r-b {
    border-radius: 0 0 2px 2px
}

.r-none {
    border-radius: 0
}

.border-blue {
    border: 1px solid #1e32a3!important
}

@media (min-width:1200px) {
    .col-lg-p-none,
    .mex-lg-p-none {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .col-lg-p-l-none,
    .mex-lg-p-l-none {
        padding-left: 0!important
    }
    .col-lg-p-r-none,
    .mex-lg-p-r-none {
        padding-right: 0!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .col-md-p-none,
    .mex-md-p-none {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .col-md-p-l-none,
    .mex-md-p-l-none {
        padding-left: 0!important
    }
    .col-md-p-r-none,
    .mex-md-p-r-none {
        padding-right: 0!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .col-sm-p-none,
    .mex-sm-p-none {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .col-sm-p-l-none,
    .mex-sm-p-l-none {
        padding-left: 0!important
    }
    .col-sm-p-r-none,
    .mex-sm-p-r-none {
        padding-right: 0!important
    }
}

@media (max-width:767px) {
    .col-xs-p-none,
    .mex-xs-p-none {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .col-xs-p-l-none,
    .mex-xs-p-l-none {
        padding-left: 0!important
    }
    .col-xs-p-r-none,
    .mex-xs-p-r-none {
        padding-right: 0!important
    }
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding-left: 15px;
    padding-right: 30px;
    position: relative;
    z-index: 99;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    width: 100%
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.nice-select.open {
    z-index: 99999
}

.nice-select .list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    width: 100%;
    height: 200px
}

sup.sup-size {
    color: red;
    margin-left: 3px
}

.error1 {
    background: #ce0b0b;
    margin: 10px 0;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    padding: 10px
}

.error1:before {
    content: 'Error(s):'
}

.header-bottom-nav a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: white!important;
    max-width: 100%;
    white-space: normal
}

.iti__flag {
    background-image: url(../images/common/country/flags.png)!important
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(../images/common/country/flags@2x.png)!important
    }
}

.iti {
    display: block!important
}

.header a:hover {
    color: #d2a94b
}

.header-menu-trigger:hover {
    color: #d2a94b!important
}

.header a.btn:hover {
    color: #fff
}

.header.fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 10001
}

.header.sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 0;
    left: 0;
    background-color: var( --header-bg);
    width: 100%;
    z-index: 99999 !important
}

.header-spacer {
    height: 0
}

.header-spacer.active {
    height: 123px
}

@media (min-width:1200px) and (max-width:1279px) {
    .header-logo {
        margin-top: 20px;
        filter: none!important
    }
}

@media (max-width:1199px) {
    .header-logo {
        max-height: 95%
    }
}

.header-top {
    border-bottom: 1px solid #ccc;
    padding: 0 20px
}

.header-top-left-menu {
    height: 45px;
    line-height: 43px
}

.header-top ul {
    margin: 0;
    padding: 0
}

.header-top-left-menu li {
    display: inline-block;
    font-size: 13px;
    padding: 0 10px;
    color: white;
}

.header-top-left-menu li a {
    color: white;
    font-weight: 400;
    font-size: 12px
}

.header-top-left-menu li a:hover {
    color: #d2a94b
}

.border-right {
    border-right: 1px solid #ccc
}

.small-M-logo {
    position: relative;
    top: -2px;
    display: inline-block
}

.header-top-right-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

/*.header-top-right-menu>a {*/
/*    min-width: auto!important*/
/*}*/

.header-bottom {
    border-bottom: 1px solid #ccc
}

.header-bottom ul {
    padding: 0;
    margin: 0
}

.logo {
    height: 37px;
    padding-left: 30px
}

.header-bottom-nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.header-bottom-nav>div {
    padding-right: 36px;
    white-space: nowrap;
    position: relative
}

.nav-item:after {
    position: absolute;
    top: 1px;
    right: 15px;
    font-size: 11px;
    content: '';
    /* content: "\e64b"; */
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    color: var(--font-color)!important;
    font-variant: normal;
    text-transform: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.nav-item.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #e2a840
}

.nav-menu-heading {
    text-align: center;
    height: auto;
    padding: 10px 24px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-top-bottom)
}

.nav-menu {
    width: 100vw;
    border-top: 1px solid #363D6B;
    border-bottom: 1px solid #363D6B;
    display: none;
    position: absolute;
    z-index: 999;
    background-color: var( --header-bg);
}

.nav-menu-mobile {
    /* top: -100vh; */
    width: 0vw;
    height: 0vh;
    opacity: 0;
    border-top: 1px solid #363D6B;
    border-bottom: 1px solid #363D6B;
    display: none;
    /* transform: translateY(100vh); */
    transition: all ease-out 0.7s;
    position: absolute;
    z-index: 999999999999;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    /* border-radius: 0 0 100px 100px; */
    /* height: 100vh; */
    background: rgb(1 13 75 / 0.9);
}

.nav-menu-mobile>li>a {
    color: white;
}

.nav-menu-mobile>li>ul {
    color: white;
    background-color: #010D4B;
}

.nav-menu-mobile>li>ul li>a {
    color: white !important;
    font-size: 12px;
    line-height: 1.6;
}

.lang-menu {
    margin-right: 20px;
    border-left: none;
    cursor: pointer
}

.lang-menu-current {
    padding: 0 20px;
    position: relative;
    color: white;
}

.lang-menu-current a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: white;
    max-width: 100%;
    white-space: normal
}

.lang-menu-current a:hover {
    color: #d2a94b!important
}

.lang-menu-current:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    content: '';
    content: "\e64b";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none
}

.lang-menu-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    min-width: 200px;
    border-top: 1px solid #363D6B;
    z-index: 999
}

.lang-menu-dropdown a {
    height: auto;
    padding: 6px 24px;
    display: block;
    line-height: 24px;
    color: white;
}


/* .lang-menu:hover .lang-menu-dropdown {
display: block;
z-index: 999999;
} */

.lang-mobile-menu:after {
    right: 1.5rem!important;
    /* top: .25rem!important */
}

@media screen and (min-width:1281px) {
    .nav-menu-mobile {
        display: none!important
    }
}

@media screen and (max-width:1280px) {
    .header-boottom-logo {
        height: 28px
    }
}

.nav-menu-mobile-section {
    position: relative;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 1.9;
    color: #020862;
}

.nav-menu-mobile-section:after {
    position: absolute;
    top: 0;
    right: 50px !important;
    font-size: 29px !important;
    /* content: "\e64b";
font-family: themify; */
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-family: 'FontAwesome';
    content: "\f105";
    transform: rotate(0deg);
}

.nav-menu-mobile-section>ul {
    display: none;
    background: white;
    line-height: 1.7;
    transition: all 500ms ease-in-out;
}

.nav-menu-mobile-section>ul>li {
    padding: 0px 5px;
    font-size: 16px;
    color: #000832;
    text-transform: uppercase !important;
}

.nav-menu-mobile-section a:hover,
.nav-menu-mobile-section>ul>li:hover {
    color: #d2a94b
}

.nav-col-hr {
    border-right: 1px solid var(--border-top-bottom);
    border-left: 1px solid var(--border-top-bottom)
}

.nav-menu-list {
    text-align: center;
    margin: 0 auto;
    padding: 0
}

.nav-menu-list li a {
    display: block;
    text-transform: uppercase;
    padding: 6px 24px
}

.header-bottom-nav li a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #222;
    max-width: 100%;
    white-space: normal
}

.header-bottom-nav li a:hover {
    color: #d2a94b
}

@media (min-width:768px) and (max-width:991px) {
    .footer-contact-container {
        max-width: 100%
    }
    .cwtg-card span {
        font: normal normal normal 1.8vw Oswald !important;
    }
}

.text-1e32a3 {
    color: #1e32a3
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-banner {
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

section.mex-block-full .mex-img-cover {
    width: 100%;
    display: inline-block;
    position: absolute
}

.mex-img-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:991px) {
    section.mex-block-full .mex-img-cover {
        position: static;
        height: 100%!important
    }
    section.mex-block-full .both-content {
        width: 100%;
        background: #fff;
        color: var(--font-color);
        padding: 15px;
        text-align: center
    }
    section.mex-block-full .both-content {
        width: 100%;
        background: #fff;
        color: var(--font-color);
        padding: 15px;
        text-align: center
    }
    section.mex-block-full .both-content .text-fff {
        color: var(--font-color)!important
    }
}

.top-banner-content {
    background-color: transparent;
    border: 0;
    width: 600px;
    margin-left: 300px
}

.top-banner-text {
    font-size: 24px;
    line-height: 1.4;
    color: var(--font-color);
    font-weight: 400
}


/* footer css */

.footer-custom {
    background-color: #000832;
    /* padding: 55px 0; */
}

.contact-us a {
    color: var(---font-color) !important;
}

.contact-us a span {
    color: white !important;
}

.table-responsive {
    border: none
}

.table br {
    display: block
}

.footer ul {
    width: 100%;
    display: block;
    padding: 0
}

.footer ul li {
    width: 100%;
    color: grey
}

.footer ul li a {
    text-align: left;
    float: left;
    color: grey;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: none
}

.footer ul li a:hover {
    color: #d4ab4b
}

.footer_btn {
    text-align: right
}

.foote_btn a {
    float: left;
    margin-right: 5px
}

.footer_other_left a {
    vertical-align: baseline;
    color: white !important;
    font-size: 14px;
    font-weight: 400;
    margin-right: 3%;
    text-decoration: none
}

.footer_other_left a:hover {
    color: #d4ab4b
}

.footer_other img {
    vertical-align: baseline
}

.footer_map_content {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: grey;
    border-bottom-color: grey;
    padding: 30px 0 15px 0;
    margin: 25px 0 0 0
}

.footer_map {
    width: 100%;
    display: block
}

.footer_map li {
    float: left;
    list-style: none
}

.footer_map li strong {
    font-size: 18px;
    color: white !important;
}

.footer_map li a {
    width: 100%;
    display: inline;
    line-height: 16px;
    text-align: left;
    padding: 0;
    margin: 0 0 15px 0
}

.footer_pa {
    margin-top: 25px;
    text-align: left
}

.footer_pa p {
    color: grey;
    width: 100%;
    display: block;
    text-align: left;
    font-size: 12px;
    padding-top: 20px
}

.footer_pa p a {
    font-size: 14px;
    color: grey
}

.footer_pa p a:hover {
    text-decoration: none;
    color: #d4ab4b
}


/* footer css */

.top-mb-ic {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px
}

.top-mb-ic.red {
    background-color: #ce0b0b
}

.top-mb-ic.blue {
    background-color: #178ecc
}

.top-mb-ic.black {
    background-color: #333
}

.top-mb-ic.dark-blue {
    background-color: #000032
}

.font-16 {
    font-size: 16px!important
}

.font-14 {
    font-size: 14px!important
}

.footer-contact-ic {
    width: 30%;
    height: auto
}

.top-mb-ic img {
    width: 100%;
    height: auto
}

.mb-header-btn:hover .top-mb-text {
    color: #e2a840!important
}

@media (max-width:767px) {
    section.contact-us {
        padding: 40px 0 0 0!important
    }
}

@media (max-width:400px) {
    .footer-mb-social-media {
        font-size: 20px!important
    }
    .hide-400 {
        display: none!important
    }
}


/* footer css */

@media only screen and (max-width:767px) {
    .footer_pa span img {
        width: 100%;
        height: auto
    }
    .footer_btn {
        text-align: left
    }
    .footer_map ul li strong {
        width: 100%;
        float: left;
        padding-top: 10px
    }
    .footer_map ul li a {
        width: auto;
        float: left;
        margin: 10px 15px 10px 0;
        display: block
    }
    .footer ul li a.footer_logo {
        margin-bottom: 20px;
        filter: none!important
    }
    .footer ul li a:first-child {
        display: block;
        width: 100%;
        float: none;
        border-bottom: 1px dashed #ccc
    }
    .footer ul li a {
        margin-right: 20px;
        margin-bottom: 8px;
        line-height: 1.2
    }
    .footer_map li a {
        width: auto
    }
}

@media only screen and (max-width:520px) {
    .footer_other_left {
        margin-bottom: 5px
    }
    .footer_logo {
        display: block
    }
}

.footer-icon-list img.footer-icon {
    margin: 5px 15px;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto
}

@media (max-width:992px) {
    .footer-icon-list {
        text-align: center
    }
}


/* footer css */

.choose-next-background {
    background-image: var(--choose-next-background);
    background-repeat: no-repeat;
    background-size: cover
}

.choose-next-background.subject-box-bg-light {
    background-image: var(--choose-next-background)
}

.icon-next-list>ul {
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    list-style: none;
    padding: 0
}

.icon-next-list>ul>li {
    width: 16.666%;
    height: auto;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
    float: left;
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out
}

.icon-next-list [class*=" ico-"],
.icon-next-list [class^=ico-] {
    font-size: 8vh;
    margin: 40px auto 15px auto;
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

.icon-next-list>ul>li>a>svg {
    width: 50%;
    max-width: 90px;
    display: block;
    margin: 44px auto 20px auto
}

.icon-next-list>ul>li>a {
    font-size: 22px;
    color: var(--font-color);
    width: 100%;
    text-decoration: none;
    display: block;
    font-weight: 700
}

.icon-next-list .mex-content {
    font-weight: 600
}

.icon-next-list>ul>li:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    background: #fff
}

.icon-next-list>ul>li:hover .cls-1 {
    fill: #f22d00
}

.icon-next-list>ul>li svg {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.icon-next-list>ul>li:hover [class*=" ico-"],
.icon-next-list>ul>li:hover [class^=ico-],
.icon-next-list>ul>li:hover svg {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    color: #f22d00
}

.icon-next-list>ul>li:hover a .mex-content {
    color: #f22d00
}

@media (max-width:414px) {
    .icon-next-list>ul>li>a>svg {
        width: 35%;
        margin: 32px auto 20px auto
    }
    .mymex_hidden .mymex_btn span {
        display: none
    }
    .icon-next-list [class*=" ico-"],
    .icon-next-list [class^=ico-] {
        font-size: 3rem;
        margin: 15px auto 5px auto;
        display: block;
        -webkit-transition: all .2s;
        transition: all .2s
    }
}

.contact_section {
    position: relative;
    display: block;
    background-color: #fff;
    max-width: 1024px;
    margin: 35px auto;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15)
}

.text-justify {
    text-align: justify!important
}

.country_list li a {
    color: #222;
    display: block
}

.country_list li img {
    margin-right: 8px
}

@media (max-width:991px) {
    .icon-next-list>ul>li {
        width: 33.3333%
    }
}

@media (max-width:767px) {
    .icon-next-list>ul>li {
        width: 25%
    }
    .icon-next-list>ul>li>a>img {
        width: 50%;
        height: auto;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .icon-next-list .mex-content {
        font-size: 16px
    }
    .page-top-banner .container {
        width: 90%
    }
    .contact-us .border-line {
        padding-bottom: 15px;
        border-bottom: 1px dashed #ccc
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .icon-next-list>ul>li {
        width: 25%
    }
}

@media (max-width:600px) {
    .icon-next-list>ul>li {
        width: 50%;
        height: 150px
    }
}

@media (max-width:441px) {
    .icon-next-list>ul>li {
        width: 50%
    }
    .icon-next-list .mex-clamp-2 {
        min-height: 48px
    }
}

.slidebar-m {
    width: auto;
    height: auto;
    display: inline-block;
    background: 0 0;
    position: fixed;
    right: 20px;
    bottom: 75px;
    z-index: 1000;
    display: none;
    background: transparent;
    transition: all 0.5s;
}

.slidebar-d {
    width: auto;
    height: auto;
    /* display: flex; */
    background: 0 0;
    position: fixed;
    right: 5px;
    top: 40%;
    z-index: 1000;
    background: transparent;
    transition: all 0.5s;
}

.slidebar-d a {
    width: auto;
    /* height: 52px; */
    display: flex;
    padding: 0;
    margin: 5px 0;
    border: 0!important;
    cursor: pointer;
    border-radius: 0;
    font-size: 20px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    background: transparent;
    justify-content: space-between;
    transition: all 0.5s;
}

.slidebar-m a {
    width: auto;
    height: 52px;
    display: flex;
    padding: 0;
    margin: 5px 0;
    border: 0!important;
    cursor: pointer;
    border-radius: 0;
    font-size: 20px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    background: transparent;
    justify-content: space-between;
    transition: all 0.5s;
}

.slidebar-d a span {
    color: #fff;
    /* height: 52px; */
    display: inline-block;
    padding: 0;
    /* margin-top: 0;
margin-bottom: 0 */
}

.slidebar-m a span {
    color: white;
    height: 42px;
    display: inline-block;
    border-radius: 5px;
    padding: 7px 5px 0px 5px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #332e2e;
}

.slidebar-d a .btn {
    opacity: 1;
    min-width: max-content;
    background-color: #A0762F !important;
    border-radius: 5px !important;
}

.slidebar-d a .btn:hover,
.slidebar-m a .btn:hover {
    background-color: #0818A2 !important;
}

.slidebar-m a .btn {
    min-width: max-content;
    background-color: #BB914A !important;
    border-radius: 5px !important;
    margin-left: 5px;
    height: 44px;
    padding: 0;
}

.slidebar-d a .text {
    height: 44px;
    line-height: 1;
    float: left;
    padding: 0 15px;
    text-align: center;
    position: relative;
    display: block;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.slidebar-m a .text {
    height: 52px;
    line-height: 52px;
    float: left;
    padding: 0 15px;
    text-align: center;
    position: relative;
    display: none;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.slidebar .text:before {
    content: '';
    border-style: solid;
    border-width: 5px 0 5px 8px;
    position: absolute;
    right: -8px;
    top: 20px
}

.slidebar svg {
    height: 28px;
    margin-top: 4px
}

.slidebar i {
    font-size: 28px;
    margin-top: 4px;
    color: #fff;
    line-height: 36px
}

.slidebar .cls-1 {
    fill: #fff;
    width: 22px;
    height: 22px;
    display: inline-block
}

.slidebar a span.btn {
    width: 52px;
    height: 52px;
    overflow: hidden;
    padding: 8px;
    min-width: auto;
    float: right;
    border: 0!important
}

.get-a-all-btn .btn {
    opacity: .9
}

.get-a-all-btn .text {}

.get-a-all-btn .text:before {
    border-color: transparent transparent transparent #c3a118
}

.live-account-btn .btn {
    background: #ac1121;
    opacity: .9
}

.live-account-btn .text {
    background: #ac1121
}

.live-account-btn .text:before {
    border-color: transparent transparent transparent #ac1121
}

.demo-account-btn .btn {
    background: #107cb5;
    opacity: .9
}

.demo-account-btn .text {
    background: #107cb5
}

.demo-account-btn .text:before {
    border-color: transparent transparent transparent #107cb5
}

.trophy-btn .btn {
    background: #17a42f;
    opacity: .9
}

.trophy-btn .text {
    background: #17a42f
}

.trophy-btn .text:before {
    border-color: transparent transparent transparent #17a42f
}

.ib-registration-btn .btn {
    background: #333;
    opacity: .9
}

.ib-registration-btn .text {
    background: #333
}

.ib-registration-btn .text:before {
    border-color: transparent transparent transparent #333
}

.facebook-btn .btn {
    background: #1a4374;
    opacity: .9
}

.facebook-btn .text {
    background: #1a4374
}

.facebook-btn .text:before {
    border-color: transparent transparent transparent #1a4374
}

.google-btn .btn {
    background: #b92a19;
    opacity: .9
}

.google-btn .text {
    background: #b92a19
}

.google-btn .text:before {
    border-color: transparent transparent transparent #b92a19
}

.twitter-btn .btn {
    background: #027094;
    opacity: .9
}

.twitter-btn .text {
    background: #027094
}

.twitter-btn .text:before {
    border-color: transparent transparent transparent #027094
}

.index-awards .swiper-slide {
    width: 33.33%
}

@media (max-width:991px) {
    .index-awards .swiper-slide {
        width: 50%
    }
}

@media (max-width:767px) {
    .index-awards .swiper-slide {
        width: 100%
    }
}

.index-awards .product_img {
    background: 0 0
}

.index-awards .product_content span {
    color: #fff
}

.index-awards .swiper-slide {
    width: 33.33%
}

#call_back_footer_form .cb-partnership input,
#contact_us_form .cb-partnership input,
#landing_franchise_contact_us_form .cb-partnership input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

#call_back_footer_form .cb-partnership input,
#contact_us_form .cb-partnership input,
#landing_franchise_contact_us_form .cb-partnership input {
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

#call_back_footer_form .cb-partnership input,
#contact_us_form .cb-partnership input,
#landing_franchise_contact_us_form .cb-partnership input {
    background-image: url(https://uatcms.multibankfx.com/public_files/images/common/icons/radio-button.png)
}

#call_back_footer_form .cb-partnership input:checked,
#contact_us_form .cb-partnership input:checked,
#landing_franchise_contact_us_form .cb-partnership input:checked {
    background-image: url(https://uatcms.multibankfx.com/public_files/images/common/icons/radio-button-active.png)
}

#contact_us_form .cb-partnership label,
#landing_franchise_contact_us_form .cb-partnership label {
    color: var(--font-color)!important
}

#call_back_footer_form .cb-partnership label {
    color: var(--contact-2);
}

.contact-form-button-container span {
    font-size: 20px;
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

@media (max-width:991px) {
    .index-awards .swiper-slide {
        width: 50%
    }
}

@media (max-width:767px) {
    .index-awards .swiper-slide {
        width: 100%
    }
}

.index-awards .product_img img {
    width: auto;
    height: 220px;
    display: inline-block
}

.index-awards .width-40 .product_img img {
    height: 260px
}

.index-awards .product_content span {
    color: #fff;
    display: block
}

.index-awards .product_content .mex-h3 {
    width: 90%;
    margin-left: 5%;
    text-align: center
}

.index-awards .product_content .mex-content {
    width: 80%;
    margin-left: 10%;
    text-align: center
}

.index-awards .swiper-slide.width-40 .product_content {
    width: 400px
}

.home_page #swiper-container-1 .swiper-slide {
    overflow: hidden
}

#swiper-container-1 {
    min-height: 700px;
    max-height: 790px
}

#swiper-container-1 img {
    min-height: 700px;
    width: auto
}

.index_bannerTit {
    width: 68%;
    text-align: left;
    font-size: 4.9vw;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    line-height: 6vw;
    text-transform: uppercase;
    color: #eae1d0;
    font-weight: 700
}

.index_banner5_tit {
    width: 100%;
    margin: 0 auto;
    font-size: 2vw;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    line-height: 3vw;
    text-transform: uppercase;
    color: #d2a94b;
    text-align: left;
    font-weight: 700
}

.index_banner5_font {
    width: 100%;
    margin: 0 auto;
    font-size: 1.2vw;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    line-height: 2vw;
    color: #fff;
    text-align: left
}

.index_banner5_btn {
    display: inline-block;
    width: 17%;
    height: 2vw;
    font-size: 1vw;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    line-height: 2vw;
    color: #fff;
    text-align: center
}

.index_banner5_btn_red {
    background-color: #cf0b0b
}

.index_banner5_btn_yellow {
    background-color: #d2a94b
}

.banner5_white {
    color: #fff
}

.index_bannerFont_box {
    position: absolute;
    width: 1200px;
    top: 60px;
    left: 10%
}

.index_bannerFont_box5 {
    position: absolute;
    width: 1200px;
    top: 40px;
    left: 10%
}

#swiper-container-1 .index_bannerPic {
    width: 4%;
    min-height: auto;
    vertical-align: middle;
    margin-left: 1%
}

.index_bannerFont span {
    vertical-align: middle
}

.index_bannerFont {
    font-size: 2vw;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    line-height: 3vw;
    text-align: left;
    color: #fff
}

#swiper-container-1 .index_bannerBtn {
    display: block;
    width: 33%;
    min-height: auto;
    margin-top: 1.5vw
}

#swiper-container-1 .index_banner5_pic {
    width: 100%;
    display: block;
    min-height: inherit;
    margin-top: 1.5vw;
    margin-left: 0
}

#swiper-container-1 .index_banner5_check {
    min-height: inherit!important
}

.index_bannerFont_box5_80 {
    width: 900px;
    float: left
}

.home-banner-container {
    position: absolute;
    top: 0;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 99;
    padding-bottom: 10px;
    width: 100%
}

.home-banner-title1 {
    text-align: center;
    font-size: 3.5vw;
    font-weight: 500;
    /* transition: all ease-in-out 1s; */
    font-family: Oswald, sans-serif;
    letter-spacing: 0;
    line-height: 1 !important;
    color: #fff
}

.home-banner-title2 {
    text-align: center;
    font-size: 1.7vw;
    /* transition: all ease-in-out 1s; */
    /*font-family: Calibri;*/
    letter-spacing: 0;
    color: #fff;
    padding: 6% 0 15% 0;
}

.home-banner-btn1 {
    background: #168bfe 0% 0% no-repeat padding-box;
    border: none;
    font-size: 1.4vw;
    color: #fff!important;
    padding: 0.7vw 1.5vw;
    line-height: 1.26;
    border-radius: 8px;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    margin-left: 30px;
    margin-top:15px !important;
    display: flex;
    flex-direction: column;
    transition: transform ease-in-out 0.5s;
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    text-align:center;
}

.home-banner-btn1:hover {
    background: #0970d5 0 0 no-repeat padding-box;
    transform: scale(1.05);
}

.home-banner-btn2:hover {
    background: #d4ab4b 0 0 no-repeat padding-box;
    transform: scale(1.05);
}

.home-banner-btn2 {
    background: #bb914a 0% 0% no-repeat padding-box;
    border: none;
    font-size: 1.4vw;
    color: #fff!important;
    padding: 0.7vw 1.5vw;
    line-height: 1.26;
    border-radius: 8px;
    font-family: Roboto,sans-serif;
    font-weight: bold;
    margin: auto;
    margin-top:15px !important;
    display: flex;
    flex-direction: column;
    transition: transform ease-in-out 0.5s;
    /* transition: .5s; */
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    text-align:center;
}


li a .country-name {
    color: #fff!important
}

.home-banner-small-text {
    font-size: 1vw;
    transition: all ease-in-out 1s;
    font-family: Calibri;
    position: absolute;
    top: 58%;
}

.home-banner-form input,
.home-banner-form select {
    background-color: #fff!important
}

@media (max-width:992px) {
    .swiper-slide.home-page a {
        width: 100%!important
    }
    .home-banner-form {
        position: static;
        top: unset;
        right: unset;
        width: 100%
    }
}

@media (min-width:1440px) {
    .swiper-slide.home-page a {
        width: auto!important
    }
    .swiper-slide.home-page a .min1>img {
        width: 100%!important
    }
}

@media screen and (min-width:1025px) and (max-width:1439px) {
    #swiper-container-1 .index_banner5_check {
        margin-left: 0
    }
    #swiper-container-1 .index_banner5_pic {
        margin-left: 0;
        width: 65%
    }
    .index_banner5_tit {
        text-align: left;
        font-size: 2vw;
        width: 100%
    }
    .index_banner5_font {
        width: 100%;
        margin: 0 auto;
        font-size: 1.6vw;
        line-height: 3vw
    }
    .index_banner5_btn {
        display: inline-block;
        width: 12%;
        height: 2vw;
        font-size: 1vw;
        font-family: Oswald, Helvetica, Arial, sans-serif;
        line-height: 2vw;
        color: #fff;
        text-align: center
    }
    .index_bannerTit {
        width: 50%;
        font-size: 5vw;
        line-height: 6vw
    }
    .index_bannerFont_box {
        left: 2%
    }
    .index_bannerFont_box5 {
        width: 90%;
        left: 2%
    }
    #swiper-container-1 .index_bannerPic {
        width: 3%
    }
    #swiper-container-1 .index_bannerBtn {
        margin-left: 0;
        width: 25%
    }
    #swiper-container-1 .index_banner5_pic {
        width: 90%
    }
}

@media screen and (min-width:1025px) and (max-width:1150px) {
    #swiper-container-1 .index_banner5_pic {
        width: 70%
    }
}

@media screen and (max-width:1024px) {
    #swiper-container-1 .index_banner5_pic {
        margin-top: 1vw
    }
    #swiper-container-1 .index_banner5_check {
        min-height: inherit!important;
        width: auto!important
    }
    .index_bannerFont_box5 {
        width: 90%;
        left: 2%
    }
    .index_banner5_tit {
        width: 80%;
        margin: 0 auto;
        font-size: 3.5vw;
        font-family: Oswald, Helvetica, Arial, sans-serif;
        line-height: 4vw;
        text-transform: uppercase;
        color: #d2a94b;
        text-align: center;
        font-weight: 700
    }
    .index_banner5_font {
        width: 80%;
        margin: 0 auto;
        font-size: 2.5vw;
        font-family: Oswald, Helvetica, Arial, sans-serif;
        color: #fff;
        text-align: left;
        line-height: 4vw
    }
    .home_page #swiper-container-1 .swiper-slide .index_banner5_btn {
        display: inline-block;
        width: 17%;
        height: 2vw;
        font-size: 2vw;
        font-family: Oswald, Helvetica, Arial, sans-serif;
        line-height: 2vw;
        color: #fff;
        text-align: center
    }
    .index_banner5_btn_red {
        background-color: #cf0b0b
    }
    .index_banner5_btn_yellow {
        background-color: #d2a94b
    }
    .banner5_white {
        color: #fff
    }
    #swiper-container-1 .index_banner5_pic {
        width: 83%;
        display: block;
        min-height: inherit;
        margin-top: 1.5vw
    }
    .index_banner5_tit {
        text-align: left
    }
    .home_page #swiper-container-1 .swiper-slide .index_banner5_btn {
        display: block;
        width: 35%;
        height: 5vw;
        line-height: 5vw;
        margin-top: 1vw
    }
    .index_bannerFont_box5 {
        top: 1vw
    }
}

#swiper-container-2 .swiper-slide,
.home_page #swiper-container-1 .swiper-slide {
    overflow: hidden
}

@media (min-width:1025px) and (max-width:1439px) {
    #swiper-container-1 .swiper-slide .min1>img,
    #swiper-container-1 .swiper-slide .min2>img,
    #swiper-container-2 .swiper-slide .min1>img {
        max-width: 130%;
        margin-left: -15%
    }
    .about-page-awards #swiper-container-awards:before {
        content: "";
        display: none;
        background: url(https://www.multibankfx.com/resource/newwebsite/v1_0/images/about_us/about/awards_top_bg@2x.png);
        width: 90%;
        height: 100%;
        position: absolute;
        left: 5%;
        background-size: 100% auto;
        opacity: 0
    }
}

@media (min-width:992px) {
    .swiper-slide .min2 {
        height: 100%;
    }
}

@media (max-width:991px) {
    #swiper-container-1 {
        min-height: unset
    }
    #swiper-container-1 img,
    #swiper-container-2 img {
        max-width: 100%;
        min-height: unset;
        width: 100%
    }
    .trade-with-confidence-card {
        display: inline-block;
        width: 100%;
        min-height: inherit;
        -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
        box-shadow: var(--boxshadow) 0 0 15px 3px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .trade-with-confidence-card:hover {
        -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        position: relative;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

.page-top-banner-video {
    margin-bottom: -9px
}

.page-top-banner-video-bg {
    background: rgba(3, 0, 51, .48)
}

@media (min-width:992px) and (max-width:1200px) {
    .page-top-banner-video iframe {
        width: 100%!important
    }
}

@media (max-width:414px) {
    .page-top-banner-video iframe {
        width: 100%!important;
        height: auto!important
    }
}

.career-verification-code {
    vertical-align: middle;
    width: 100%;
    height: 40px
}

.milestone-thumbnail {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.col-sm-6>a>img {
    max-width: 100%
}

ul.mex-list-disc li {
    margin-bottom: 0
}

.why-multibank-banner {
    margin-top: -18.5vw;
    background-color: var(--bg-light-black)
}

.customer_service {
    background-image: var(--customer_service)
}

.wmg-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99999;
    display: none
}

.wmg-modal-box .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    line-height: 1.6rem;
    font-size: 27px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    background-color: #d10a07;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.wmg-modal-bg {
    width: 100%;
    height: 100%;
    background: 0 0
}

.wmg-modal-inner-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(24, 47, 69, .8);
    padding: 1.5rem 2.8rem;
    border: 1px solid #fff;
    color: #fff;
    width: 50%
}

.wmg-modal-inner-box ul {
    list-style-type: disc;
    padding: 0;
    margin-left: 20px
}

.wmg-modal-inner-box ul li {
    margin-bottom: 10px
}

@media (min-width:1200px) {
    .why-multibank-banner .why-multibank-banner-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:992px) {
    .about-banner-with-bg .align-all {
        -webkit-transform: translate(-50%, -90%);
        transform: translate(-50%, -90%)
    }
}

@media (max-width:991px) {
    .why-multibank-banner {
        padding: 0
    }
    .why-multibank-banner .container {
        padding: 0;
        width: 100%
    }
    .why-multibank-banner .why-multibank-banner-text {
        width: 100%;
        background: rgba(0, 0, 0, .6);
        margin: 0;
        padding: 30px
    }
}

@media (min-width:992px) {
    .why-multibank-page.flex-center>img {
        position: static;
        width: 100%;
        height: auto
    }
    .why-multibank-page.flex-center .container {
        position: absolute;
        top: 35px
    }
}

.about-our-advantages ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    position: relative
}

.about-our-advantages ul li .li_left {
    color: #666666e0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: top
}

.about-our-advantages ul li .li_right {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-left: 86px;
    margin-bottom: 0!important;
    height: 64px
}

.about-our-advantages ul li .li_right {
    width: 100%;
    padding-left: 70px;
    line-height: 1.2;
    margin-bottom: 0
}

@media (min-width:1600px) {
    .page-top-banner.why-multibank-banner {
        margin-top: -16vw
    }
}

@media (max-width:992px) {
    .why-multibank-banner {
        margin-top: -1vw
    }
    .banner-with-bg {
        min-height: 50vw;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8vw 0
    }
    .banner-with-bg .align-all {
        position: unset;
        -webkit-transform: unset;
        transform: unset;
        padding: 5vw
    }
    .banner-with-bg>img {
        min-height: 100%;
        min-width: 100%;
        height: 100%;
        width: auto!important;
        height: auto!important;
        max-width: unset;
        position: absolute!important
    }
}

@media (max-width:767px) {
    .cwtg-card span {
        font: normal normal normal 3.5vw Oswald !important;
    }
    .about-our-advantages ul li .li_left {
        left: 0;
        top: 15px
    }
    .about-our-advantages ul li .li_right {
        padding-left: 35px;
        vertical-align: top
    }
}

@media (max-width:441px) {
    .page-top-banner.why-multibank-banner {
        margin-top: -1vw
    }
    .about-our-advantages ul li .li_left {
        left: 0;
        top: 15px
    }
    .about-our-advantages ul li .li_right {
        padding-left: 28px
    }
}

#swiper-container-global-presence {
    width: 60%;
    min-height: 520px
}

#swiper-container-global-presence .swiper-slide {
    width: 33.33%;
    background: 0 0;
    margin-top: 50px
}

#swiper-container-global-presence .card-img-box {
    max-height: inherit
}

#swiper-container-global-presence .swiper-slide-next {
    width: 40%
}

#swiper-container-global-presence section.mex-block-card-v {
    -webkit-box-shadow: none;
    box-shadow: none
}

.global-presence .swiper-button-next {
    right: 15%;
    top: 500px;
    outline: 0
}

.global-presence .swiper-button-prev {
    left: 15%;
    top: 500px;
    outline: 0
}

.home_page .global-presence .swiper-button-next,
.home_page .global-presence .swiper-button-prev {
    top: 60%
}

@media (min-width:1919px) {
    #swiper-container-global-presence .width-40 .mex-img-cover {
        height: 13vw!important
    }
    .cwtg-card span {
        font-size: 0.7vw !important;
    }
}

#swiper-container-global-presence .width-40,
#swiper-container-global-presence .width-40 section {
    -webkit-transform: scale(1.14);
    transform: scale(1.14)
}

#swiper-container-global-presence .width-40 section {
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3)
}

#swiper-container-awards .width-40,
#swiper-container-awards .width-40 section {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: visible
}

#swiper-container-awards .width-30,
#swiper-container-awards .width-30 section {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transform: scale(1);
    position: relative;
    z-index: 9;
}

#swiper-container-global-presence .width-30,
#swiper-container-global-presence .width-30 section {
    z-index: -1;
    margin-right: 1px
}

#swiper-container-global-presence section:before {
    content: '';
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9
}

.width-30 {
    opacity: .8
}

#swiper-container-global-presence .width-40 section:before {
    display: none
}

#swiper-container-global-presence .card-content {
    padding: 15px
}

.mex-card-cover {
    padding: 0;
    height: 360px;
    border: 1px solid var(--border-color)
}

.mex-card-cover .card-content {
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
    left: 0;
    background: 0 0;
    width: 100%;
    padding-left: 15px;
    padding-top: 50px;
    padding-right: 15px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(10 10 10 / 97%)), to(rgba(32, 32, 32, 0)));
    background-image: linear-gradient(to top, rgb(1 13 75 / 90%), rgba(32, 32, 32, 0))
}

.mex-card-cover div {
    color: #fff
}

#swiper-container-global-presence .card-content {
    padding: 15px;
    height: 150px
}

#swiper-container-global-presence .width-40 .card-content {
    height: auto
}

#swiper-container-global-presence .width-40 .mex-img-cover {
    width: auto;
    -o-object-fit: unset;
    object-fit: unset;
    height: 14vw;
    max-width: unset;
    margin-bottom: 0
}

#swiper-container-global-presence section.mex-block-card-v {
    width: unset;
    overflow: unset
}

#swiper-container-global-presence .swiper-slide.width-40 {
    -webkit-transform: scale(1);
    transform: scale(1)
}

#swiper-container-global-presence .width-30 section.mex-block-card-v.mex-third .mex-content {
    display: none
}

#swiper-container-global-presence .width-40 section.mex-block-card-v.mex-third .mex-content {
    display: block;
    margin-bottom: 20px!important
}

@media (max-width:767px) {
    .mex-card-cover {
        height: auto
    }
    .swiper-pagination-bullet {
        height: 10px;
        width: 10px
    }
    .swiper-button-next,
    .swiper-button-prev {
        width: 8vw!important;
        height: 8vw!important
    }
    #swiper-container-global-presence section:before {
        display: none
    }
    #swiper-container-global-presence section.mex-block-card-v.mex-third .mex-content,
    #swiper-container-global-presence section.mex-block-card-v.mex-third .mex-content br {
        display: block
    }
}

@media (max-width:767px) {
    #swiper-container-global-presence {
        width: 70%
    }
    #swiper-container-global-presence .card-content {
        height: auto!important
    }
    .global-presence .swiper-button-next {
        right: 0
    }
    .global-presence .swiper-button-prev {
        left: 0
    }
    #swiper-container-global-presence .swiper-slide {
        margin-top: 0
    }
    .menu>li>ul.mega-menu-full {
        background: #efefef
    }
    .menu>li ul {
        background: 0 0
    }
    .global-presence.regulations-bg .swiper-button-next,
    .global-presence.regulations-bg .swiper-button-prev {
        bottom: 30vh!important;
        top: unset
    }
    .regulations-bg .swiper-pagination-clickable {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        overflow-x: auto
    }
}

@media (max-width:414px) {
    .col-lg-8 .mex-card-cover .mex-img-cover {
        width: auto
    }
}

.regulations-bg.global-presence {
    background-image: url(https://www.multibankfx.com/public_files/images/about_us/regulations/regulations_asic@2x.png);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.regulations-bg .clear-float {
    display: block
}

.regulations-bg p.lead {
    text-align: justify!important;
    font-size: 24px
}

.regulations-bg .swiper-pagination-clickable {
    display: block;
    width: 100%;
    text-align: justify;
    position: static
}

.regulations-bg .swiper-pagination-clickable .swiper-pagination-bullet {
    text-align: center;
    margin-right: 59px;
    height: auto;
    width: 70px;
    color: #fff;
    border-radius: 0;
    opacity: 1;
    margin-bottom: 15px;
    background: 0 0;
    text-align: center;
    outline: 0
}

.regulations-bg .swiper-pagination-clickable .swiper-pagination-bullet span {
    background: #000;
    height: 28px;
    width: 70px;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block
}

.regulations-bg .swiper-pagination-clickable .swiper-pagination-bullet img {
    width: 20px;
    height: 20px;
    display: inline-block
}

.regulations-bg .swiper-pagination-clickable .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.regulations-bg .swiper-pagination-clickable .swiper-pagination-bullet-active span {
    background: #fff;
    color: #000
}

@media (min-width:992px) {
    #regulations-global-presence .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    #regulations-global-presence .swiper-slide {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: auto
    }
}

@media (max-width:992px) {
    .regulations-bg p.lead {
        font-size: 20px;
        line-height: 1.4
    }
}

.mex-block-card-not-img {
    padding: 0
}

.mex-block-card-not-img .card-content {
    background: var(--background-dark)!important;
    padding: 30px;
    padding-bottom: 50px;
    width: 500px;
    float: right;
    text-align: left;
    position: relative
}

.mex-block-card-not-img .card-content .mex-content {
    margin-bottom: 30px;
    text-align: justify
}

.mex-block-card-not-img .card-content .mex-h3-s {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2
}

.mex-block-card-not-img .card-content .btn {
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0
}

.mex-block-card-not-img .card-content .btn-mex-black {
    left: 50%;
    right: 0
}

@media (max-width:991px) {
    #regulations-global-presence .swiper-wrapper {
        margin-top: 50px!important;
        margin-bottom: 50px!important
    }
    .mex-block-card-not-img .card-content {
        width: 100%
    }
}

.about-flag {
    padding-right: 0
}

.about-flag img {
    width: 35px;
    margin-right: -10px
}

.about-country {
    padding-left: 28px
}

@media (max-width:991px) {
    .ensure-fund-security>div {
        padding: 0
    }
}

.about-management-bg {
    background-image: var(--about-management-bg)
}

.about-management .mex-card-cover {
    height: 100%
}

.about-management .card-content {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    padding: 10px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-management .hide-mex-content {
    line-height: 1.4;
    font-weight: 100;
    margin-top: 15px;
    display: none;
    overflow: hidden;
    visibility: hidden
}

.about-management .mex-card-cover:hover .card-content {
    max-height: 100%;
    height: 100%;
    width: 100%
}

.about-management .card-content:hover .hide-mex-content {
    visibility: visible;
    overflow: inherit;
    display: block;
    max-height: 75%;
    overflow-y: auto
}

@media (max-width:1200px) {
    .about-management .about-management-row .mex-content,
    .about-management .about-management-row .mex-h3,
    .hide-mex-content {
        font-size: 16px;
        line-height: 1.4
    }
    .about-management .card-content {
        max-height: 110px
    }
}

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.min2 {
    height: 100%;
}

.about-page-awards.table-background_1 {
    background: #070401;
    background-repeat: no-repeat;
    background-position: center
}

.about-page-awards #swiper-container-awards:before {
    content: "";
    display: inline-block;
    background: url(https://www.multibankfx.com/resource/newwebsite/v1_0/images/about_us/about/awards_top_bg@2x.png);
    width: 90%;
    height: 100%;
    position: absolute;
    left: 5%;
    background-size: 100% auto;
    opacity: 0
}

.about-page-awards .mex-img-cover {
    display: none!important
}

.about-page-awards .container {
    position: unset!important;
    height: unset!important;
    -webkit-transform: unset!important;
    transform: unset!important;
}

.about-page-awards .swiper-container {
    height: 26vw!important
}

.about-page-awards .swiper-container .swiper-slide.width-40 img {
    margin-top: 20px
}

.about-page-awards .swiper-button-prev {
    left: -50px
}

.about-page-awards .swiper-button-next {
    right: -50px
}

@media (min-width:1920px) {
    .about-page-awards .swiper-container {
        max-height: 800px!important;
        margin: 0 auto!important
    }
    .about-page-awards #swiper-container-awards:before {
        content: "";
        display: none;
        background: url(../../resource/newwebsite/v1_0/images/awards_wall.png.html) no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 100% auto;
        background-position-y: 5vw
    }
}

@media (max-width:992px) {
    .about-page-awards .swiper-container {
        max-height: 600px!important
    }
    .about-page-awards .swiper-container img {
        height: 14vw!important
    }
    .about-page-awards #swiper-container-awards:before {
        display: none!important
    }
}

@media (max-width:767px) {
    .about-page-awards .swiper-container {
        height: 100%!important;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .about-page-awards .container {
        padding: 50px 0
    }
    .about-page-awards .swiper-button-prev {
        left: 50px
    }
    .about-page-awards .swiper-button-next {
        right: 50px
    }
    .about-news .about-milestones-content .card {
        border: 1px solid #ccc
    }
    .text-overflow-1 {
        white-space: normal
    }
    .text-overflow-2,
    .text-overflow-3 {
        height: auto;
        -webkit-line-clamp: unset
    }
}

@media (min-width:1920px) {
    .about-page-awards #swiper-container-awards:before {
        content: "";
        display: inline-block;
        background: url(../../resource/newwebsite/v1_0/images/awards_wall.png.html) no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 100% auto;
        background-position-y: 5vw
    }
}

.about-page-awards #swiper-container-awards:before {
    content: "";
    display: inline-block;
    background: url(../../resource/newwebsite/v1_0/images/awards_wall.png.html) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% auto;
    background-position-y: 5vw
}

.about-page-awards .swiper-container .width-40 span {
    display: block!important;
    width: 350px
}

.about-page-awards .width-40 .mex-h3 {
    font-size: 24px!important
}

.swiper-button-next,
.swiper-button-prev {
    width: 60px;
    height: 60px;
    background-size: contain;
    outline: 0
}

.awards-bg {
    background-image: url(../../resource/newwebsite/v1_0/images/index/home_awards.jpg.html)
}

.about-page-awards .mex-img-cover {
    display: none
}

.about-page-awards .width-30 .mex-content,
.about-page-awards .width-30 .mex-h3 {
    display: none
}

.about-page-awards .mex-content,
.about-page-awards .mex-h3 {
    font-size: 16px;
    color: white !important;
}

.about-page-awards .swiper-container {
    width: 90%;
    margin: 0 auto;
    text-align: center
}

@media (min-width:1920px) {
    .about-page-awards {
        padding: 0!important
    }
    .about-page-awards .container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        padding-top: 80px
    }
    .about-page-awards .mex-img-cover {
        display: inline-block;
        width: 100%;
        height: auto
    }
    .about-page-awards .swiper-container {
        padding-top: 12%
    }
}

.about-page-awards .swiper-container img {
    height: 150px;
    width: auto;
    display: inline-block;
    margin-bottom: 5px
}

.about-page-awards .swiper-container span {
    display: block;
    width: 300px
}

.about-page-awards .width-40 .mex-h3 {
    display: none
}

.about-page-awards .width-40 .mex-content,
.about-page-awards .width-40 .mex-h3 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.about-news .card {
    position: relative
}

.about-news .about-milestones-content .card {
    background: var(--F8F8F8-color);
    margin-bottom: 30px;
    overflow: hidden
}

.about-news .about-milestones-content .card-body {
    padding-left: 30px
}

.about-news .about-milestones-content .card-body:before {
    position: absolute;
    content: '';
    left: 0;
    top: 22px;
    width: 20px;
    height: 8px;
    background: var(--font-color)
}

.card-body {
    padding-left: 15px;
    padding-right: 15px
}

.about-news .about-milestones-content .card-left .card-body {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 230px
}

.card .card-title {
    font-weight: 500
}

.card .card-time {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    background: #e5e5e5
}

.about-news .about-milestones-content .card-left img {
    width: 180px;
    position: absolute;
    right: 15px;
    top: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-company-new-content .card {
    padding: 0;
    background: 0 0;
    margin-bottom: 15px
}

.about-company-new-content .card.big-news a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.about-company-new-content .card.big-news img {
    width: 100%
}

.about-company-new-content .card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-company-new-content .card-left .card-body {
    padding-right: 15px;
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.about-company-new-content .card-title {
    font-weight: 400;
    font-size: 16px;
    font-weight: 700
}

.company-news-page .mex-img-cover {
    height: auto
}

.company-news-page .mex-card-cover {
    height: auto
}

.company-news-page .mex-card-cover .card-content {
    background: rgba(41, 41, 41, .55);
    padding: 15px;
    bottom: 0
}

.company-news-page .mex-card-cover .mex-img-cover {
    height: auto
}

.company-news-page .mex-card-cover .card-content .card-time {
    display: inline-block;
    font-size: 16px;
    width: auto;
    border: 1px solid #fff;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    margin-bottom: 5px
}

.company-news-page .about-company-new-content .col-xs-12:nth-child(2n-1) {
    padding-left: 0
}

.company-news-page .about-company-new-content .col-xs-12:nth-child(2n) {
    padding-right: 0
}

.company-news-content-box .font-34 {
    font-size: 28px!important
}

.company-news-content-box .mex-card-cover .card-content {
    max-width: inherit!important
}

.company-news-content-box .mex-card-cover .card-content {
    max-width: inherit!important;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(29, 53, 76, .968627)), to(rgba(32, 32, 32, 0)));
    background-image: linear-gradient(to top, rgba(29, 53, 76, .968627), rgba(32, 32, 32, 0));
    bottom: 0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 50px;
    padding-right: 15px
}

.clearfix:after {
    height: 0;
    font-size: 0;
    clear: both;
    display: block;
    visibility: hidden;
    content: "."
}

.news-content {
    background: var(--news-content) no-repeat center top;
    overflow: hidden
}

.mex-h1 {
    text-align: center;
    color: var(--font-color);
}

.mex-h1.awards-title {
    color: white !important;
}

.news-con-h4 {
    line-height: 1.2;
    text-align: center
}

.news-con-det-l {
    background-color: var(--bg-black);
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.news-con-det-l:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.news-con-det a {
    text-decoration: none
}

.pagination li.disabled a,
.pagination li.disabled:hover a {
    background: #e2e2e2d4!important;
    color: var(--font-color) 7a!important
}

.pagination li a {
    text-align: center;
    border: 0;
    line-height: 30px;
    padding: 0 15px;
    margin: 0 4px;
    color: #222;
    font-weight: 400;
    background: #e2e2e2;
    border-radius: 0!important
}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
    background: #1e32a3!important;
    color: #fff;
    border-color: #1e32a3
}

.news-con-blue {
    color: var(--font-color);
    width: 90%;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-con-date {
    font: 24px/30px Calibri
}

@media screen and (min-width:1200px) {
    .news-container {
        width: 1200px
    }
}

@media screen and (min-width:1600px) {
    .news-container {
        width: 1600px
    }
}

.news-martop {
    margin-top: 100px;
    margin-bottom: 25px
}

.news-con-h4 {
    font: 24px/30px Calibri;
    line-height: 1.2
}

.news-con-det-l {
    height: 100%
}

.news-con-det-l img {
    display: block;
    width: 100%
}

.news-con-blue {
    margin-top: 20px
}

.news-con-date {
    font: 20px/36px Calibri;
    color: var(--font-color);
    width: 90%;
    margin: 0 auto
}

.news-con-main {
    font: 18px/30px Calibri;
    line-height: 1.2;
    color: var(--font-color);
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@-moz-document url-prefix() {
    .news-con-main {
        display: block;
        white-space: nowrap
    }
}

.news-con-det {
    margin-top: 40px
}

.news-con-det-rbox {
    background-color: var(--bg-black);
    margin-top: 29px;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.news-con-det-rbox:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.news-con-det-rbox img {
    float: left;
    width: 34.5%
}

.news-con-det-rbox-r {
    float: right;
    width: 65%
}

.news-con-det-sec {
    float: left;
    width: 31.5%;
    padding-bottom: 20px;
    margin-left: 2.7%;
    max-height: 500px;
    min-height: 450px;
    background-color: var(--bg-black);
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.news-con-det-sec:hover {
    -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
    position: relative;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.news-con-det-sec img {
    display: block;
    width: 100%
}

.news-turnPage {
    width: 60%;
    margin: 0 auto;
    margin-top: 100px
}

.news-turnPage a,
.news-turnPage p {
    float: left;
    display: block;
    padding: 0 12px;
    background-color: #e2e2e2;
    font: 30px Calibri;
    margin-left: 12px;
    color: #000
}

.news-turnPage p {
    background-color: inherit
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .news-container {
        margin: 0 auto
    }
    .news-martop {
        margin-top: 100px;
        margin-bottom: 25px
    }
    .news-con-h4 {
        font: 2vw/2.5vw Calibri;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .news-con-det-l {
        height: 100%
    }
    .news-con-det-l img {
        display: block;
        width: 100%
    }
    .news-con-blue {
        margin-top: 1.6vw
    }
    .news-con-date {
        font: 1.7vw/3vw Calibri;
        color: var(--font-color);
        width: 90%;
        margin: 0 auto
    }
    .news-con-main {
        font: 1.5vw/2.5vw Calibri;
        line-height: 1.2;
        color: var(--font-color);
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .news-con-det {
        margin-top: 3.3vw
    }
    .news-con-det-rbox {
        margin-top: 2vw;
        background-color: #fff;
        -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
        box-shadow: var(--boxshadow) 0 0 15px 3px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
    }
    .news-con-det-rbox:hover {
        -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        position: relative;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .news-con-det-rbox img {
        float: left;
        width: 34.5%
    }
    .news-con-det-rbox-r {
        float: right;
        width: 65%
    }
    .news-con-det-sec {
        background-color: #fff;
        -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
        box-shadow: var(--boxshadow) 0 0 15px 3px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        float: left;
        width: 31.5%;
        padding-bottom: 1.7vw;
        margin-left: 2.7%;
        min-height: 33.3vw
    }
    .news-con-det-sec:hover {
        -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        position: relative;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .news-con-det-sec img {
        display: block;
        width: 100%
    }
    .news-turnPage {
        width: 60%;
        margin: 0 auto;
        margin-top: 8.3vw
    }
    .news-turnPage a,
    .news-turnPage p {
        float: left;
        display: block;
        padding: 0 1vw;
        background-color: #e2e2e2;
        font: 2.5vw Calibri;
        margin-left: 1vw;
        color: #000
    }
    .news-turnPage p {
        background-color: inherit
    }
}

@media screen and (max-width:767px) {
    .news-container {
        width: 100%;
        margin: 0 auto
    }
    .news-martop {
        margin-top: 8vw
    }
    .news-con-h4 {
        font: 5vw Calibri;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .news-con-det-l {
        height: 100%
    }
    .news-con-det-l img {
        display: block;
        width: 100%
    }
    .news-con-blue {
        margin-top: 1.6vw
    }
    .news-con-date {
        font: 4.5vw/5vw Calibri;
        color: var(--font-color);
        width: 90%;
        margin: 0 auto
    }
    .news-con-main {
        font: 4vw/5vw Calibri;
        line-height: 1.2;
        color: var(--font-color);
        width: 90%;
        margin: 2vw auto
    }
    .news-con-det-r {
        margin-top: 2.5vw
    }
    .news-con-det {
        margin-top: 3.3vw
    }
    .news-con-det-rbox {
        background-color: #fff;
        -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
        box-shadow: var(--boxshadow) 0 0 15px 3px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        margin-top: 2.4vw
    }
    .news-con-det-rbox:hover {
        -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        position: relative;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .news-con-det-rbox img {
        float: left;
        width: 34.5%
    }
    .news-con-det-rbox-r {
        float: right;
        width: 65%
    }
    .news-con-det-sec {
        text-decoration: none;
        padding-bottom: 1.7vw;
        margin-top: 2.5vw;
        background-color: #fff;
        -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
        box-shadow: var(--boxshadow) 0 0 15px 3px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
    }
    .news-con-det-sec:hover {
        -webkit-box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        box-shadow: 0 .875rem 1.75rem var(--boxshadow), 0 .625rem .625rem var(--boxshadow);
        position: relative;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .news-con-det-sec img {
        display: block;
        width: 100%
    }
    .news-turnPage {
        width: 80%;
        margin: 0 auto;
        margin-top: 8.3vw
    }
    .news-con-date-m {
        margin-top: 2vw
    }
    .news-turnPage a,
    .news-turnPage p {
        float: left;
        display: block;
        padding: 0 1vw;
        background-color: #e2e2e2;
        font: 2.5vw Calibri;
        margin-left: 1vw;
        color: #000
    }
    .news-turnPage p {
        background-color: inherit
    }
}

.news-float-r {
    float: right
}

.news-float-l {
    float: left
}

.news-con-det-marnone {
    margin: 0
}

.news-turnPage .news-gray {
    color: #aaa
}

.news-turnPage .news-on {
    background-color: #d9af49
}

@media (max-width:1200px) {
    .company-news-content-box .container {
        width: 100%
    }
    .company-news-content-box .col-lg-8 .mex-content {
        display: none
    }
}

@media (min-width:991px) {
    .company-news-content-box .col-lg-4 .mex-content {
        display: none
    }
    .company-news-content-box .col-lg-8 .mex-content {
        display: block
    }
}

@media (max-width:767px) {
    .about-company-new-content .card a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .about-company-new-content .card,
    .about-milestones .card {
        padding: 0
    }
    .about-company-new-content .card img,
    .about-milestones .card img {
        position: static!important;
        width: 100%!important;
        max-width: inherit;
        height: auto!important
    }
    .about-company-new-content .card-left {
        padding: 0
    }
    .about-company-new-content .card-left img {
        position: static!important;
        width: 100%!important;
        max-width: inherit;
        height: auto!important
    }
    .card .card-body {
        padding: 15px!important
    }
    .card-body:before {
        display: none
    }
    .company-news-page .about-company-new-content .col-xs-12 {
        padding: 0
    }
    .company-news-content-box .col-lg-8 .mex-card-cover .mex-img-cover {
        width: auto
    }
}

.about-page-awards .swiper-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 24vw;
    overflow: hidden
}

section.about-page-awards.table-background {
    padding: 0
}

.swiper-button-next {
    right: 0
}

.swiper-button-prev {
    left: 0
}

#swiper-container-awards .width-40,
#swiper-container-awards .width-40 section {
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    z-index: 9
}

.about-page-awards .swiper-container img {
    -webkit-transition: all .3s;
    transition: all .3s;
    /*height: 7vw*/
}

.about-page-awards .swiper-container .swiper-slide.width-40 img {
    height: 15vw;
    max-width: unset;
    margin-bottom: 20px
}

.about-page-awards .swiper-container span {
    -webkit-transition: all .3s .5s;
    transition: all .3s .5s
}

.about-page-awards .width-40 .mex-content,
.about-page-awards .width-40 .mex-h3 {
    -webkit-transform: unset;
    transform: unset;
    opacity: 1;
    font-size: 22px
}

.about-page-awards .swiper-container img {
    max-width: unset
}

.about-page-awards .swiper-container {
    height: 30vw!important
}

#swiper-container-awards,
#swiper-container-awards section {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#swiper-container-awards section span,
#swiper-container-awards span {
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

#swiper-container-awards .mex-content,
#swiper-container-awards section .mex-content {
    margin-top: -.5vw;
    line-height: 1.4vw
}

.about-page-awards .swiper-button-next {
    right: -160px
}

.about-page-awards .swiper-button-prev {
    left: -160px
}

@media (min-width:1920px) {
    .about-page-awards .swiper-container {
        margin-top: 7vmax;
        padding-top: unset
    }
    .about-page-awards .container {
        position: absolute;
        width: 75%;
        height: 100%;
        top: 0;
        left: 50%;
        z-index: 99;
        padding-top: 80px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:1280px) {
    .about-page-awards .swiper-button-next {
        right: -100px
    }
    .about-page-awards .swiper-button-prev {
        left: -100px
    }
}

@media (min-width:1024px) {
    .about-page-awards .mex-img-cover {
        display: inline-block;
        width: 100%;
        height: auto
    }
    .about-page-awards .container {
        position: absolute;
        /* width: 75%; */
        height: 100%;
        top: 0;
        left: 50%;
        z-index: 99;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:992px) {
    .swiper-button-next,
    .swiper-button-prev,
    .swiper-pagination {
        display: none
    }
}

@media (max-width:767px) {
    section.about-page-awards.table-background {
        min-height: unset
    }
    .about-page-awards .swiper-container {
        height: 100vw
    }
    .about-page-awards .swiper-container img {
        height: 150px
    }
    .home-banner-btn1{
        margin-left:0;
    }
}

.article-page .article-container {
    width: 100%!important
}

.article-right-container {
    padding-left: 56px;
    padding-right: 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .container.article-page {
        max-width: unset!important
    }
}

@media (min-width:992px) {
    .article-right-container {
        padding-right: 10%
    }
}

@media (max-width:991px) {
    .article-right-container {
        padding-left: 15px
    }
}

@media (max-width:767px) {
    .article-container {
        width: 90%!important
    }
    .container.article-page {
        max-width: unset!important
    }
}

.timeline-scroll-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    max-height: 96px;
    margin-top: -17px
}

a.timeline {
    cursor: pointer;
    color: #959595;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    border-radius: 100%;
    background: var(--arrow-color);
    text-align: center;
    font-weight: 400;
    z-index: 1000;
    position: relative
}

.timeline-active {
    cursor: pointer;
    background: #1e32a3;
    color: #fff!important;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    border-radius: 100%;
    text-align: center;
    font-weight: 400;
    z-index: 1000;
    position: relative
}

a.timeline-arrow {
    cursor: pointer;
    color: #959595!important;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    border-radius: 100%;
    background: var(--arrow-color);
    text-align: center;
    font-weight: 400;
    z-index: 1000;
    position: relative;
    margin-top: 9%
}

a.timeline-arrow:hover,
a.timeline:hover {
    background: #1e32a3;
    color: #fff!important
}

.timeline-bar {
    width: 112%;
    height: 6px;
    background: #e5e5e5;
    position: relative;
    top: 48%;
    left: -6%;
    background-color: var(--arrow-color)
}

.multiple-items .slick-slide {
    float: left;
    z-index: 1000
}

.milestone-container img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 196px
}

.milestone-container .details-container {
    height: 100%;
    max-height: 196px;
    background-color: var(--F8F8F8-color);
    overflow: hidden
}

.milestone-container .mark-container {
    width: 60px;
    height: 100%;
    background-color: var(--F8F8F8-color);
    text-align: center
}

.milestone-container .mark {
    width: 30px;
    height: 6px;
    margin-top: 22px;
    background: var(--font-color);
    display: inline-block
}

.milestone-container .title {
    color: var(--font-color);
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-right: 15px;
    width: 100%
}

.milestone-container .summary {
    font-size: 20px;
    color: var(--font-color);
    font-weight: 400;
    padding-right: 15px;
    margin-bottom: 15px
}

.milestone-container .date {
    font-size: 20px;
    color: var(--date-color);
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 5px
}

@media (max-width:1024px) {
    .timeline-active,
    a.timeline {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        border-radius: 100%
    }
}

@media (max-width:767px) {
    .timeline-active,
    a.timeline {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        border-radius: 100%
    }
    .timeline-scroll-container {
        margin-top: -4%
    }
    .timeline-bar {
        width: 118%
    }
}

.article-thumbnail-text {
    font-size: 14px
}

a.article-thumbnail-text {
    line-height: 15.4px;
    text-decoration: underline
}

.thumbnail-frame img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 0;
    object-position: 0 0;
    padding-right: 5px
}

.side-news-frame {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin: 1vmax 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.regulations-hidden-image {
    display: none
}

.book-background {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://www.multibankfx.com/resource/newwebsite/v1_0/images/platforms/multibank_pro_platform_advantages@2x.png)
}

.book-content {
    padding: 80px
}

.book-content-outer {
    width: 100%
}

.book-content-inner {
    width: 100%;
    height: 490px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: auto
}

.book-content-inner::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    display: block
}

.book-content-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #1834a7
}

.book-content-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: rgba(237, 237, 237, .6)
}

.book-content-ul {
    list-style: none;
    color: var(--font-color);
    padding: 0
}

.book-content-ul li {
    font-family: 'Segoe Print';
    padding-left: 16px;
    font-size: 26px;
    line-height: 44px;
    padding-bottom: 15px;
    position: relative;
    padding-left: 0
}

@media (max-width:991px) {
    .book-content-inner {
        display: inline-block
    }
    .block-img.mex-m-r-100 {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .avant-pad .book-content-inner {
        padding: 0
    }
    .contact-us .border-line:before {
        content: none
    }
}

.avant-memo {
    background-image: var(--avant-memo-bg);
    background-position: top center;
    background-color: #3e4048
}

.avant-memo-contianer {
    background: var(--avant-memo) top center no-repeat;
    background-size: contain;
    padding-top: 180px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px
}

.avant-memo-contianer:after {
    display: inline-block;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 0;
    background-color: var(--color-737576);
    border-left: 2px solid #75777d;
    border-right: 1px solid #75777d
}

.avant-book {
    background-image: var(--avant-book);
    background-position: top center;
    background-color: #c69567
}

.avant-book-contianer {
    background: var(--avant-book-contianer) top center no-repeat;
    padding-top: 9vw!important;
    padding-bottom: 80px;
    background-size: 100% auto
}

.avant-book .avant-book-contianer .container {
    padding: 0 120px 0 120px;
    position: relative
}

.avant-book .book-content-inner {
    height: 29vw!important;
    width: auto;
    max-height: 480px;
    position: relative;
    margin: 0 2vw;
    font-family: 'Shadows Into Light', cursive
}

.avant-book .book-content-ul li {
    font-family: 'Shadows Into Light', cursive
}

.avant-memo .book-content-ul li {
    font-family: 'Shadows Into Light', cursive;
    margin-left: 30px;
    padding-left: 0
}

.book-content-ul {
    list-style: disc;
    margin-left: 15px
}

ul.mex-list-conditions.new-product li {
    text-indent: 0;
    margin-bottom: 15px;
    list-style: disc;
    padding-left: 5px;
    font-size: 26px;
    line-height: 50px;
    position: relative;
    z-index: 99
}

@media (max-width:767px) {
    ul.mex-list-conditions.new-product li {
        font-size: 18px;
        line-height: 1.4;
        padding-bottom: 14px
    }
}

@media (max-width:414px) {
    ul.mex-list-conditions.new-product li {
        font-size: 14px;
        line-height: 1.4;
        padding-bottom: 14px
    }
}

.book-content {
    padding-top: 150px
}

.book-content-mt5 {
    padding-left: 50px
}

.book-content-mt5-ul li {
    font-family: "Segoe Print";
    padding-left: 30px;
    font-size: 26px;
    line-height: 80px;
    position: relative;
    list-style: disc
}

.mex-p-b-120 {
    padding-bottom: 120px
}

.avant-pad {
    background-image: var(--avant-pad);
    background-position: top center;
    background-color: #c69567
}

.avant-pad-contianer {
    background: var(--avant-pad-container) top center no-repeat;
    background-size: 100% auto;
    padding-top: 9vw!important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px
}

.avant-pad .row {
    margin: 0 -200px 0 -200px
}

.avant-pad .avant-pad-contianer .container {
    padding: 0 160px 0 160px;
    position: relative
}

.avant-pad .book-content-inner {
    height: 29vw!important;
    max-height: 440px;
    position: relative;
    background: var(--color-c7c7c6)
}

.avant-pad .book-content-inner span.li_left {
    color: #959595;
    font-size: 56px;
    font-style: italic;
    vertical-align: middle
}

.avant-pad .avant-pad-contianer .container:after {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    height: 60px;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c8c8c6), to(#c8c8c600));
    background-image: linear-gradient(to top, #c8c8c6, #c8c8c600);
    margin: 0 160px;
    pointer-events: none
}

.fixed-height-overflow-container {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: var(--color-737576);
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 1
}

@media (min-width:1200px) {
    .avant-pad-contianer {
        padding-top: 100px!important
    }
}

@media (min-width:1920px) {
    .avant-book-contianer {
        background-position-y: bottom;
        margin-bottom: -1px
    }
    .avant-pad-contianer {
        background-position-y: top
    }
}

@media screen and (max-width:1199px) {
    .avant-pad .avant-pad-contianer .container {
        padding: 0 9vw
    }
    .avant-pad .avant-pad-contianer .container:after {
        margin: 0 7vw
    }
}

@media screen and (max-width:767px) {
    .avant-pad .row {
        margin: unset
    }
    ul.mex-list-conditions.new-product li {
        margin-bottom: 0!important
    }
    .avant-memo-contianer {
        background: url(../images/platforms/common/avant-memo-s.png) top center no-repeat;
        background-size: cover;
        padding-top: 22vw!important;
        padding-bottom: 20px
    }
    .avant-memo-contianer:after {
        display: none
    }
    .avant-memo>.container>.row {
        margin: 0
    }
    .fixed-height-overflow-container {
        background: 0 0
    }
    .avant-pad-contianer {
        background: url(../images/platforms/common/avant-pad-s.png) top center no-repeat;
        background-size: cover;
        padding-top: 16vw!important;
        padding-bottom: 20px
    }
    .avant-pad .book-content-inner {
        height: 80vw!important;
        background: 0 0
    }
    .avant-pad .avant-pad-contianer .container {
        padding: 0 9vw
    }
    .avant-pad .avant-pad-contianer .container:after {
        margin: 0 9vw
    }
    .avant-book .book-content-inner {
        height: 80vw!important
    }
    .about-our-advantages.avant-pad ul li .li_left {
        left: 0;
        line-height: 1;
        font-size: 30px
    }
    .about-our-advantages.avant-pad ul.mex-list-conditions.new-product li {
        padding-left: 0;
        margin-left: 0
    }
    .about-our-advantages.avant-pad .mex-list-conditions {
        padding-left: 0
    }
    .about-our-advantages ul li .li_right {
        top: 0;
        font-size: 18px;
        line-height: 1.3
    }
    .about-our-advantages ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        position: relative
    }
    .about-our-advantages .book-content-inner .col-md-12 {
        padding: 0
    }
    .book-content-ul li {
        font-size: 20px;
        line-height: 1.6
    }
}

@media screen and (max-width:992px) {
    .avant-book-contianer {
        background: url(../images/platforms/common/avant-book-s.png) top center no-repeat;
        background-size: 100% auto;
        padding: 9vw;
        padding-top: 12vw!important
    }
    .avant-memo-contianer {
        padding-top: 12vw
    }
}

@media (max-width:441px) {
    .choose-next-background li {
        font-size: 18px!important;
        line-height: 1.6!important
    }
}

.shares-table-box {
    position: relative;
    padding-bottom: 30px
}

.dataTables_filter,
.dataTables_info,
.dataTables_length {
    display: none
}

.table-button {
    position: absolute;
    bottom: 10px;
    width: auto
}

.shares-table-box td input {
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 0
}

.shares-table-box td {
    vertical-align: middle!important
}

.shares-border-right {
    border-right: 1px solid #ccc
}

#order_message {
    resize: none;
    height: 140px
}

.order-dialog-container a {
    color: #1e32a3
}

.order-dialog-container a:hover {
    color: #337ab7
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 20px!important
}


/* header css */

@media (min-width:768px) {
    .shares-form .shares-filter {
        width: auto;
        float: right
    }
    .lang-mobile-menu:after {
        right: 73px !important;
        top: auto;
    }
}

@media (max-width:1244px) {
    .shares-form .col-xs-12 {
        width: 100%
    }
    .shares-table-box .col-sm-5 {
        display: none
    }
    .shares-table-box .col-sm-7 {
        width: 100%
    }
    .table-button-static {
        position: static!important
    }
    .module.widget-handle {
        display: block
    }
    .nav-bar,
    .nav-bar .module,
    .nav-bar .module-group {
        height: auto;
        overflow: hidden
    }
    .module.widget-handle {
        display: block!important
    }
}


/* header css */

@media (max-width:1410px) {
    .top_menu li:nth-child(1),
    .top_menu li:nth-child(3),
    .top_menu li:nth-child(4),
    .top_menu li:nth-child(5) {
        display: none
    }
}

@media (max-width:767px) {
    .font-24 {
        font-size: 16px!important
    }
    .shares-form .shares-filter .nice-select,
    .shares-form .shares-filter label {
        width: 100%;
        margin: 0;
        margin-bottom: 15px
    }
    .table-button-static {
        text-align: center
    }
    .table-button-static a {
        width: 80%;
        display: inline-block
    }
    .nav-utility .responsive-right {
        float: none;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .nav-utility .responsive-right a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .nav-utility .responsive-right a:nth-child(4),
    .nav-utility .responsive-right a:nth-child(5) {
        display: none
    }
}

@media (max-width:441px) {
    .nav-utility i {
        display: none
    }
}

@media (max-width:992px) {
    .nav-utility .responsive-left {
        display: none
    }
    .hr-new,
    .shares-border-right {
        border: none!important
    }
    .col-md-12.shares-form {
        clear: both;
        border: none
    }
    .shares_page form.shares-search {
        position: relative
    }
    .shares_page .shares-search button[type=submit] {
        top: 0;
        margin: 0;
        right: 0;
        position: absolute
    }
    .shares_page .col-md-8 .scroll-filter {
        margin-bottom: 20px
    }
}

.platforms_content {
    background: #fff;
    padding: 20px
}

.platforms_content h4 img {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-bottom: 10px
}

.platforms_content h4 span {
    display: block
}

.platforms_img {
    padding-top: 0
}

.index-platforms .col-md-6 {
    margin-bottom: 15px
}

.index-platforms-img {
    position: absolute;
    right: 4%;
    top: 21%
}

.index-platforms .btn {
    padding: 6px 10px!important
}

.index-platforms .container {
    background: var(--index-platform) no-repeat right top;
    background-size: auto 100%
}

@media (max-width:1200px) {
    .index-platforms.container {
        background: 0 0;
        padding-bottom: 0!important
    }
}

.field_row-6 .field_row {
    width: 44%;
    float: left;
    margin-bottom: 10px
}

.field_row-6 form {
    display: inline-block
}

.field_row-6 .input-row {
    width: 100%;
    clear: both
}

.field_row-6 .field_row .mex-form-select,
.field_row-6 .field_row input[type=text] {
    border: 1px solid #ccc;
    background: 0 0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    outline: 0;
    width: 100%
}

.field_row-6 .field_row:nth-child(2n+1) {
    margin-right: 10%
}

.platforms-black {
    background-image: url(../images/img_download_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.platforms-black .icon-nav>li {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 5px
}

.platforms-black .icon-nav>li>a {
    color: #fff;
    padding: 0 20px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-block;
    height: 36px;
    line-height: 36px
}

.platforms-black .icon-nav>li.active>a {
    color: #0071b5;
    background: #b9e5fa
}

.platforms-black .icon-nav>li.active {
    border: 0
}

.platforms-black .icon-nav>li>a:hover {
    color: #0071b5;
    background: #b9e5fa
}

.platforms-black .icon-nav li img {
    margin-bottom: 20px
}

.platforms-black .platform-name {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #fff
}

.platforms-black .platform-box {
    width: auto;
    margin: 15px 25px 0 25px
}

.platform-icona {
    display: block;
    margin: 0 10px
}

.platform-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.platform-icon img {
    width: 40px;
    height: 40px;
    display: inline-block
}

.tab-platform {
    display: none
}

.tab-platform.active {
    display: block
}

@media (max-width:767px) {
    .platforms-black .icon-nav>li {
        width: 45%;
        margin-right: 0;
        padding-right: 10px;
        text-align: center;
        margin-bottom: 15px
    }
    .platforms-black .icon-nav>li img {
        width: 36px;
        height: 36px;
        display: block;
        margin: 0 auto;
        margin-bottom: 15px
    }
    .platforms-black .icon-nav>li a {
        margin: 0 auto;
        display: block
    }
    .platforms-black .tab-content .tab-pane>div {
        padding: 20px!important;
        display: inline-block;
        margin: 0 10px
    }
    section.bg-gray.contact-us .border-line:nth-child(2) {
        padding: inherit
    }
}

@media (max-width:690px) {
    section.mex-company-news .mex-new-content {
        padding: 15px 10px;
        font-size: 14px;
        line-height: 16px
    }
    section.bg-gray.contact-us .col-md-3.col-lg-4.col-xs-12 {
        width: 100%;
        margin-left: inherit;
        margin-top: 0
    }
    section.mex-company-news .mex-new-date {
        font-size: 14px;
        line-height: 16px;
        width: 70px
    }
    section.mex-company-news .mex-new-img {
        width: 80px;
        height: 80px;
        float: right
    }
}

@media (max-width:380px) {
    .platforms-black .icon-nav>li {
        width: 100%
    }
}

.avant-pad .book-content {
    padding-top: 150px
}

.avant-pad .avant-pad-contianer .container:after {
    display: none
}

.compare_platforms_page .table .table-tbody td:nth-child(1),
.compare_platforms_page .table .table-tbody td:nth-child(4) {
    font-weight: 700
}

.browser-list img {
    margin-right: 20px
}

.mex-download-fff a {
    color: #fff!important;
    display: block;
    height: 100%
}

.download-center-bottom {
    min-height: 115px
}

@media (max-width:767px) {
    .download-center-bottom {
        min-height: 210px
    }
}

.mobile_tradrer a {
    margin-bottom: 10px;
    padding-left: 0
}

.modal.in .modal-dialog {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.file-info {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border: none;
    border: 1px solid #ccc
}

.browse-btn {
    background: #22a0c4;
    color: #fff;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    border: none;
    white-space: nowrap
}

.browse-btn:hover {
    background: #22a0c4
}

@media (max-width:300px) {
    button {
        width: 100%;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0
    }
    .file-info {
        display: block;
        margin: 10px 5px
    }
}

.account-table table td {
    text-align: left!important
}

.account-table .tab-title.col-xs-6 {
    width: 50%
}

.flex-center.flex-initial {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial
}

@media (max-width:767px) {
    .flex-center.flex-initial {
        display: block
    }
}

#wizard {
    width: 100%;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

#status {
    height: 35px;
    position: relative;
    z-index: 22
}

#status li {
    float: left;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    width: 33.333%;
    z-index: 9
}

#status li span {
    display: block;
    width: auto;
    color: #8e8e8f;
    font-size: 16px
}

#status li .status-text {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    margin-bottom: 5px;
    z-index: 9
}

#status .active span {
    color: #1e32a3
}

#status .active .status-text {
    background-color: #1e32a3;
    color: #fff
}

#status li~li:after {
    content: '';
    width: 66%;
    height: 2px;
    background-color: #ccc;
    position: absolute;
    left: 18%;
    top: 15px;
    z-index: -1
}

@media (max-width:441px) {
    #status li span {
        font-size: 12px
    }
}

#wizard .page {
    display: none
}

#wizard .page.active {
    display: inline-block;
    width: 100%;
    height: auto
}

.client_next_action-box {
    position: static
}

#wizard .page .page-content {
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.small-box-account.col-xs-12 {
    background: var(--bg-black);
    color: var(--font-color);
    padding: 20px 40px;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    -webkit-transition: all .3s ease
}

.bounes-tab {
    width: 100%;
    float: left
}

.bounes-tab ul.mex-tabs.new-tab-heigher {
    width: 100%
}

.bounes-tab ul.mex-tabs.new-tab-heigher li {
    width: 49.8%;
    float: left;
    margin-left: .133%;
    vertical-align: middle;
    text-align: center
}

.bounes-tab .mex-tabs.new-tab-heigher .tab-title.active {
    opacity: 1;
    color: #fff;
    background: #1e32a3
}

.tab-content.have-box-shadow {
    float: left;
    padding: 30px;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.bounes-clients-tab {
    width: 100%;
    display: inline-block
}

.bounes-clients-tab ul.mex-tabs.new-tab-heigher {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bounes-clients-tab ul.mex-tabs.new-tab-heigher li {
    text-align: center;
    width: 22%;
    margin: 0 auto 0 auto
}

.bounes-clients-tab .mex-tabs.new-tab-heigher .tab-title.active {
    opacity: 1;
    color: #fff;
    background: #1e32a3
}

.bonuses_page .mex-tabs.new-tab-heigher .tab-title {
    position: relative
}

.bonuses_page .mex-tabs.new-tab-heigher .tab-title.active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: unset;
    width: 0;
    height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: #1e32a3 transparent transparent transparent;
    z-index: 999;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: none;
    bottom: -30px
}

.bonuses_page .mex-tabs .tab-title a {
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    display: block;
    padding-top: 0
}

.bonuses_page .mex-tabs .tab-title a .tab-img-cover {
    max-height: 250px;
    display: block;
    margin-bottom: 12px;
    overflow: hidden
}

.bonuses_page .mex-tabs .tab-title a .tab-img-cover img {
    position: relative;
    display: block;
    width: 100%
}

ul.mex-list-conditions li {
    text-indent: 0;
    margin-bottom: 15px;
    list-style: none;
    padding-left: 16px;
    font-size: 26px;
    line-height: 50px;
    position: relative;
    z-index: 99;
    color: var(--font-color)
}

.td-border-right {
    border-right: 1px solid #1e32a4
}

.withdrawal-download .col-md-4 {
    border-right: 2px solid #ccc
}

.withdrawal-download .col-md-4:last-child {
    border-right: none
}

.withdrawals-tabs .tab-title {
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left
}

.withdrawals-tabs .tab-title a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: var(--font-color);
    background: #ccc;
    text-align: center
}

.withdrawals-tabs .tab-title.active a {
    color: #fff;
    background: #1e32a3;
}

.withdrawals-tabs .table-tbody td {
    height: 55px;
    vertical-align: middle
}

.withdrawals-tabs .table-tbody img {
    width: 100px;
    height: auto
}

.withdrawals-tabs .table-tbody a {
    height: 45px;
    vertical-align: middle;
    background: #888;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    display: table-cell;
    line-height: 16px
}

.withdrawals-tabs .table-tbody td.m-b-8 a {
    margin-bottom: 8px
}

.withdrawals-tabs .table-tbody a:hover {
    background: #1e32a3
}

@media (max-width:991px) {
    .withdrawal-download .col-md-4 {
        border-right: none
    }
}

.withdrawals-tabs .table-tbody a {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 0 auto;
    text-transform: uppercase
}

.paytrust-modalbox-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    display: none
}

.paytrust-modalbox-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5)
}

.paytrust-modalbox {
    width: 600px;
    height: auto;
    padding: 50px 30px 45px 30px;
    position: relative;
    top: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    margin: auto;
    z-index: 101
}

.paytrust-modalbox h3 {
    padding-bottom: 15px
}

.paytrust-modalbox div {
    width: 100%;
    margin: auto auto;
    text-align: center
}

.paytrust-modalbox div span {
    display: inline-block;
    text-align: center
}

.paytrust-modalbox div span p {
    display: block;
    text-align: center;
    padding-bottom: 3px;
    margin: 0
}

.paytrust-modalbox div span img {
    display: block;
    width: 54px;
    padding-bottom: 3px;
    margin: auto auto
}

.paytrust-modalbox a {
    width: 120px;
    color: #fff;
    background: #666;
    margin: 0 3px 5px 3px;
    display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase
}

.paytrust-modalbox a:hover {
    background: #1e32a3
}

@media (max-width:768px) {
    .paytrust-modalbox {
        width: 94%;
        padding: 20px 10px
    }
    .paytrust-modalbox div span img {
        width: 32px
    }
    .paytrust-modalbox div span p {
        font-size: 14px;
        padding-bottom: 1px;
        line-height: 1.1
    }
    .paytrust-modalbox a {
        width: 120px;
        color: #fff;
        font-size: 14px;
        margin: 0 3px 15px 3px;
        padding: 5px 15px;
        text-transform: uppercase
    }
}

/*.withdrawals-tabs .tab-title.active a {*/
/*    color: #fff;*/
/*    background: #d10a07*/
/*}*/

.withdrawals-tabs .tab-title a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: var(--font-color);
    background: #ccc;
    text-align: center
}

.select_account {
    width: 100%;
    z-index: 101
}

.deposit_container .title {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-size: 26px;
    font-family: US101, Oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #282828
}

.deposit_table {
    width: 100%;
    display: inline-block
}

.deposit_table td {
    width: 47%;
    margin-bottom: 15px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    float: left
}

.deposit_table td:nth-child(odd) {
    margin-right: 5%
}

.account-forms-table tbody tr td {
    text-align: left
}

.deposit_table .deposit_amount_box {
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.deposit_table.active .deposit_amount_box {
    background: #deedf3
}

.account-forms-table tbody tr td:first-child {
    text-align: left
}

.account-forms-table tbody tr td:last-child {
    text-align: right
}

.deposit_table td input {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    vertical-align: middle;
    width: 14px;
    height: 14px
}

.deposit_right_content form {
    display: none
}

.deposit_right_content form.active {
    display: block
}

.deposit_container .payment_type {
    width: 45%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    line-height: 1.3;
    border: 2px solid #ccc;
    float: left;
    font-size: 12px;
    cursor: pointer
}

.deposit_container .payment_type span {
    width: 100%;
    height: auto;
    display: inline-block
}

.payment_type_left {
    margin-right: 10%
}

.deposit_container .payment_type.active {
    border-color: #d5a749;
    background: url(https://www.multibankfx.com/public_files/images/img_select.png) no-repeat top right
}

.deposit_container select {
    height: 40px;
    line-height: 40px;
    background: 0 0;
    border: 1px solid #ccc;
    margin-bottom: 0
}

.payment_method {
    width: 100%;
    margin-bottom: 10px;
    z-index: 100
}

.payment_method .list {
    width: 100%
}

.deposit_container .currency_type {
    width: 100%
}

.deposit_container .deposit_amount_value {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #ccc;
    padding-left: 10px
}

.deposit_container .deposit_submit {
    width: 100%
}

li[data-value=neteller_pay],
span[data-value=neteller_pay] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/netrller.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=paytrust],
span[data-value=paytrust] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/paytyust88.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=ngan_luong],
span[data-value=ngan_luong] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/nganlurong.vn.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=vnd_online_pay],
span[data-value=vnd_online_pay] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/vndonlinepayment.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=skrill],
span[data-value=skrill] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/skrill.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=fasapay],
span[data-value=fasapay] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/fasapay.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=online_pay],
span[data-value=online_pay] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/onlinepayment.png) no-repeat 15px;
    background-size: 30px auto
}

[data-value=mastercard],
li[data-value=mastercard] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/mastervisa.png) no-repeat 15px;
    background-size: 30px auto
}

[data-value=visa],
li[data-value=visa] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/fund_your_account_master_visa.png) no-repeat 15px;
    background-size: 30px auto
}

li[data-value=bank_transfer],
span[data-value=bank_transfer] {
    background: url(https://www.multibankfx.com/public_files/images/live_account/bank.png) no-repeat 15px;
    background-size: 30px auto
}

.payment_form {
    line-height: 1;
    width: 100%;
    height: auto;
    background: #fff;
    margin: 0 auto
}

.payment_form form {
    display: inline-block
}

.payment_form form label {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    line-height: 1.6
}

.payment_form form label input {
    height: auto;
    line-height: normal;
    margin-right: 5px
}

.payment_form_title {
    display: none;
    text-align: center
}

.payment_form_title img {
    height: 36px;
    width: auto;
    margin-top: 20px;
    display: none
}

.payment_form_title h2 {
    text-align: left;
    font-size: 24px;
    margin-top: 15px
}

.payment_form_row {
    width: 100%;
    height: auto;
    display: inline-block
}

.payment_form_row .payment_form_col:first-child {
    margin-right: 6%
}

.payment_form_col {
    width: 47%;
    height: auto;
    float: left
}

.payment_form input {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #ccc;
    background: 0 0;
    outline: 0;
    padding-left: 10px;
    width: 100%
}

.payment_form input:focus {
    outline: 0
}

.payment_form_col #currency,
.payment_form_col .nice-select {
    width: 30%;
    float: left
}

.payment_form_col #amount {
    width: 69%;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    float: left;
    border: 1px solid #ccc;
    border-left: none;
    text-align: center
}

@media (max-width:414px) {
    .payment_form_col #amount {
        width: 60%
    }
}

.payment_form_col .star {
    font-size: 14px;
    color: red
}

.payment_form_col .btn.btn-mex {
    width: 100%;
    border: 2px solid #1e32a4;
    height: auto
}

.payment_form_col .btn.btn-mex:hover {
    height: auto!important;
    border: 2px solid #1e32a4
}

.payment_form_col .cancel {
    width: 100%
}

.payment_table table {
    border: 1px solid #e9e9e9;
    width: 100%
}

.payment_table table td {
    font-size: 14px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 15px
}

.payment_table table strong {
    width: 100%;
    text-align: center;
    display: inline-block
}

.payment_table table tr td {
    width: 60%
}

.payment_table table tr td:first-child {
    width: 40%
}

.payment_method.option {
    padding-left: 55px
}

.payment_method.current {
    padding-left: 37px;
    background-position-x: 0
}

#payment_form_Modal .payment_form {
    display: none
}

#payment_form_Modal .payment_form.active {
    display: block
}

.deposit_container-bank-icon {
    display: block;
    width: 100%
}

.deposit_container-bank-icon img {
    width: 14%;
    float: left;
    height: auto;
    display: inline-block;
    margin-right: 3.2%;
    margin-bottom: 15px
}

.deposit_container-bank-icon img:last-child {
    margin-right: 0
}

.deposit_container .mex-box-shadow:hover {
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.nganluong_form_option {
    display: none;
    border: 1px solid #ccc;
    padding: 15px;
    background: #f8f8f8;
    color: var(--font-color);
    margin-bottom: 15px;
    line-height: 1.6
}

.nganluong_form_option.active {
    display: block
}

.nganluong_form_option ul {
    width: 100%;
    height: auto;
    display: inline-block;
    background: #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.nganluong_form_option li {
    text-align: left;
    height: 30px;
    line-height: 30px;
    width: 20%;
    height: auto;
    float: left;
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.nganluong_form_option li.active {
    color: #d5a749
}

.nganluong_form_option li input {
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    width: 14px;
    height: 14px
}

i.ACB,
i.AGB,
i.AMREX,
i.BAB,
i.BIDV,
i.DAB,
i.EXB,
i.GPB,
i.HDB,
i.ICB,
i.JCB,
i.MASTE,
i.MB,
i.MSB,
i.NAB,
i.NVB,
i.OJB,
i.PGB,
i.SCB,
i.SEA,
i.SGB,
i.SHB,
i.TCB,
i.TPB,
i.VAB,
i.VCB,
i.VIB,
i.VISA,
i.VPB {
    width: 60px;
    height: 20px;
    display: block;
    background: url(https://www.multibankfx.com/public_files/images/bank_logo.png) no-repeat;
    position: absolute;
    left: 25px
}

i.MASTE {
    background-position: 0 -23px
}

i.AMREX {
    background-position: 0 -46.5px
}

i.JCB {
    background-position: 0 -69.75px
}

i.VCB {
    background-position: 0 -93px
}

i.TCB {
    background-position: 0 -116.25px
}

i.MB {
    background-position: 0 -139.5px
}

i.VIB {
    background-position: 0 -162.75px
}

i.ICB {
    background-position: 0 -186px
}

i.EXB {
    background-position: 0 -209.25px
}

i.ACB {
    background-position: 0 -232.5px
}

i.HDB {
    background-position: 0 -255.75px
}

i.MSB {
    background-position: 0 -279px
}

i.NVB {
    background-position: 0 -302.25px
}

i.DAB {
    background-position: 0 -325.5px
}

i.SHB {
    background-position: 0 -348.75px
}

i.OJB {
    background-position: 0 -372px
}

i.SEA {
    background-position: 0 -395.25px
}

i.TPB {
    background-position: 0 -418.5px
}

i.PGB {
    background-position: 0 -441.75px
}

i.BIDV {
    background-position: 0 -465px
}

i.AGB {
    background-position: 0 -488.25px
}

i.SCB {
    background-position: 0 -511.5px
}

i.VPB {
    background-position: 0 -534.75px
}

i.VAB {
    background-position: 0 -558px
}

i.GPB {
    background-position: 0 -581.25px
}

i.SGB {
    background-position: 0 -604.5px
}

i.NAB {
    background-position: 0 -627.75px
}

i.BAB {
    background-position: 0 -651px
}

@media (max-width:991px) {
    .payment_form {
        width: 100%;
        font-size: 14px;
        background-color: #fff;
        z-index: 1000;
        margin-top: 0
    }
    .deposit_table tr {
        display: inline
    }
}

@media (max-width:767px) {
    .payment_form_col {
        margin-top: 10px
    }
}

.account-forms-table thead {
    color: #000;
    background-color: #e4e4e4
}

.account-forms-table thead th {
    text-align: left!important
}

.bonus-page {
    overflow: visible!important
}

.bonus-page .tab-img-cover img {
    position: relative;
    display: block;
    width: 100%
}

.bonus-page .tab-title a .tab-img-cover {
    max-height: 250px;
    display: block;
    margin-bottom: 12px;
    overflow: hidden
}

.bonus-page li.tab-title {
    padding: 0 0 12px 0;
    width: 29.7%;
    background: #ccc
}

@media (max-width:1200px) {
    .mex-tabs.new-tab-heigher li.tab-title {
        padding: 12px 0
    }
}

.bonus-page .tab-title a {
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    display: block;
    padding-top: 0
}

.bonus-page .tab-title.active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: unset;
    width: 0;
    height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: #1e32a3 transparent transparent transparent;
    z-index: 999;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: none;
    bottom: -30px
}

.bonus-page .tab-title.active a {
    color: #fff!important
}

section.tools-mex-block-card-v {
    height: 100%;
    background-color: var(--bg-black)
}

section.tools-mex-block-card-v.mex-content {
    margin-bottom: 0
}

@media (max-width:767px) {
    .flex-box {
        display: inline-block
    }
    .rememberMe-left-box.flex-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.holiday-schedule #category_name {
    vertical-align: middle
}

.holiday-schedule #category_name.category_name_checkbox {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 15px
}

.holiday-schedule #category_name.category_name_checkbox a {
    width: 100%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px
}

.holiday-schedule #category_name.category_name_checkbox.active a {
    background: #1e32a3;
    color: #fff
}

.holiday-schedule #category_name .category_name_checkbox input {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 0;
    cursor: pointer
}

.holiday-schedule #category_name.category_name_checkbox a img {
    margin-left: 0;
    margin-right: 0
}

.holiday-schedule #category_name.category_name_checkbox:first-child {
    margin-left: 0
}

.holiday-schedule .mex-form-select {
    width: 180px;
    float: none;
    display: inline-block
}

.holiday-schedule .table-responsive {
    position: relative
}

.holiday-schedule .table_search {
    position: absolute;
    top: 60px;
    z-index: 2;
    margin-bottom: 0;
    border-radius: 10px;
    height: 28px;
    line-height: 28px;
    border: none;
    outline: 0
}

.holiday-schedule .table_search:hover {
    border: none
}

.holiday-select label {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    float: left;
    margin-right: 15px
}

.holiday-select input {
    border-radius: 3px
}

.holiday-select .search-btn,
.holiday-select .search-btn:hover {
    border: 1px solid #1e32a3;
    border-radius: 3px;
    width: 60px;
    padding: 0!important;
    height: 40px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #1e32a3;
    display: inline-block;
    min-width: inherit;
    z-index: 2;
    border-left: 0;
    margin-bottom: 0
}

.holiday-select .search-btn:hover {
    background-color: #0b1c7f
}

.holiday-select .btn-default:hover {
    border: 1px solid #ccc
}

@media (max-width:767px) {
    .holiday-select label {
        min-width: 105px
    }
}

.holiday-schedule .table_search:focus {
    border: none;
    outline: 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #1e32a3;
    color: #fff;
    border-color: #1e32a3
}

.MEX_Prime_of_Primes_page section.mex-block-card-v .card-content-box .mex-content {
    height: auto;
    max-height: 48px;
    overflow: unset;
    -webkit-transition: none;
    transition: none
}

.MEX_Prime_of_Primes_page section.mex-block-card-v .mex-content {
    margin-bottom: 0
}

.MEX_Prime_of_Primes_page section.mex-block-card-v .card-content-box {
    width: 100%;
    height: auto;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 60%
}

.contact-us .border-line li {
    font-size: 20px;
    width: 100%;
    display: inline-block
}

.contact-country {
    padding: 0;
    margin: 0
}

.contact-us .contact-country li {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    margin-bottom: 20px;
    color: var(--font-color);
    font-size: 18px
}

.contact-us .contact-country a {
    text-decoration: none
}

.contact-us .contact-country a:hover {
    color: #007bff
}

.contact-country .country-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px
}

@media (max-width:480px) {
    button.slick-next.slick-arrow {
        top: 35%;
        display: flex;
        align-items: center;
        height: 10vh;
        width: 10vw;
    }
    .nav-menu-mymex {
        margin-right: 5px;
    }
    .contact-country {
        margin-bottom: 10px
    }
    .contact-us .contact-country li {
        height: auto;
        line-height: 1.2;
        margin-bottom: 8px;
        color: var(--font-color);
        font-size: 14px
    }
    .contact-country .country-icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 2px
    }
}

.contact-us i {
    font-size: 20px;
    display: inline-block;
    margin-right: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.contact-us i:hover {
    opacity: .7
}

.facebook {
    color: #3c5a97
}

.twitter {
    color: #1da2f3
}

.youtube {
    color: red
}

.linkedin {
    color: #0274b3
}

.contact-live-chat {
    width: 235px
}

.contact-email svg {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    fill: #1e32a3;
    margin-top: 6px;
    float: left
}

.contact-us .border-line:before {
    content: '';
    height: 400px;
    position: absolute;
    right: 25px;
    top: 20px;
    border-right: 1px solid #777575
}

@media (max-width:980px) {
    .contact-us .border-line:before {
        border-right: 0
    }
}

 ::-webkit-input-placeholder {
    font-family: Calibri, "SF Pro", Arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0
}

 :-ms-input-placeholder {
    font-family: Calibri, "SF Pro", Arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0
}

 ::-ms-input-placeholder {
    font-family: Calibri, "SF Pro", Arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0
}

 ::placeholder {
    font-family: Calibri, "SF Pro", Arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0
}

.contact-email {
    height: 30px;
    line-height: 30px
}

.contact-email i {
    margin-top: 6px;
    float: left;
    margin-right: 10px
}

.contact-email a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: 300;
    float: left
}

.contact-social-media {
    padding: 0;
    color: var(--font-color)
}

.contact-social-media img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.contact-social-media li a {
    text-decoration: none
}

.contact-social-media li a:hover {
    color: #007bff
}

.contact-social-media .home_contact_us_chat_now {
    width: 150px;
    height: auto
}

.contact_section.contact_section_tel {
    padding: 80px
}

.contact_section .country_list li {
    margin-bottom: 15px
}

.contact_section .skype {
    font-size: 28px;
    color: #00a9f0
}

.contact_section i {
    font-size: 26px
}

.contact_section .mex-form-select {
    width: 100%
}

@media (max-width:767px) {
    .contact_section {
        width: 100%;
        padding: 0;
        display: inline-block
    }
    .contact_section.contact_section_tel li img {
        width: 26px
    }
    .contact_section.contact_section_tel {
        padding: 30px 5px
    }
}

.contact-bg {
    background: var(--conatct-top) no-repeat center
}

.contact-service-number-title {
    font-size: 40px!important;
    line-height: 44px!important
}

.contact-country-title {
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 24px!important
}

.country_list {
    padding: 0
}

.contact-service-image {
    width: 100%
}

.thank-you-approve_icon {
    width: 46px;
    margin-right: 20px;
    vertical-align: unset
}

.error404-page-label {
    width: 100%;
    height: auto
}

.rememberMe-left-box {
    margin-bottom: 10px
}

.rememberMe-left-box #privacy-error {
    position: absolute;
    bottom: -40px;
    width: 100%
}

.menu_full_heading {
    text-align: center;
    height: auto;
    padding: 10px 24px
}

.menu_full_heading a {
    padding: 0!important
}

.sms_verif_code_box button,
.sms_verif_code_box input {
    width: 100%!important;
    min-width: inherit;
    display: inline-block;
    height: 40px
}

.mex-form-item input[type=checkbox],
.mex-form-item input[type=radio] {
    background: unset;
    width: unset;
    border: unset;
    height: unset;
    margin: auto;
    border-radius: unset
}

.btn-file .mex-form-item {
    position: relative
}

.btn-file .mex-form-item .upload-btn {
    position: absolute;
    top: 0;
    right: 0
}

.file-caption-name {
    border-right: none!important;
    border-bottom-left-radius: 3px!important;
    border-top-left-radius: 3px;
    outline: 0!important
}

.file-caption-name:focus {
    border: 1px solid #ccc!important;
    outline: 0!important
}

.upload-btn {
    color: #fff;
    background-color: #148ecd;
    border-color: #148ecd;
    position: relative;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.upload-btn span {
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer
}

.btn-file input[type=file] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: 0 0;
    display: block;
    position: absolute;
    cursor: pointer
}

.btn-detailed-application {
    position: absolute;
    bottom: 0;
    right: 0
}

.btn-detailed-application .btn {
    background: #2f2958!important;
    border-color: #2f2958!important;
    color: #fff
}

@media (max-width:767px) {
    .hero-container .hero-box>div {
        margin: 0 !important;
    }
    .btn-detailed-application {
        position: static;
        text-align: center;
        margin-top: 0!important
    }
    .btn-detailed-application .btn {
        margin-top: 0!important
    }
}

.th-width-25 {
    width: 25%
}

.relative_position .indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7;
    background-image: url(https://cache.mexgroup.com/images/new_version2/img/new-loading.GIF);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    z-index: 100
}

.nice-select .list {
    height: unset!important
}

button.sreach-icon {
    position: relative;
    top: -55px
}

.shares-search button[type=button],
.shares-search button[type=submit] {
    height: 40px;
    line-height: 39px;
    border: 2px solid #1e32a3;
    background: #1e32a3;
    color: #fff;
    width: auto;
    padding: 0 15px 0 15px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.shares-search input[type=text] {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 0
}

.shares_page button[type=submit]:hover {
    border: 2px solid #0b1c7f;
    background-color: #0b1c7f
}

td.sorting_1 {
    text-align: left!important
}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
    background: #1e32a3;
    color: #fff;
    border-color: #1e32a3
}

.trading_conditions_page section.mex-block-card-v .card-content-box {
    position: unset;
    height: 415px
}

.trading_conditions_page .mex-list-icon-check li {
    padding: 5px 0 5px 30px;
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    margin-left: -13px
}

.hr-new {
    border-left: 5px solid #f1f1f1
}

.form-div {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.Tools_page section.mex-block-card-v .card-content-box .mex-content {
    overflow: unset
}

.trading-tool-bg {
    background: url(https://www.multibankfx.com/public_files/images/tool/general/img_topbanner_tools_s.jpg) top center no-repeat;
    padding-top: 8vh;
    padding-bottom: 8vh;
    background-size: cover
}

.catalog_blue_point {
    width: 24px;
    height: 24px;
    background: #1e32a4;
    border-radius: 60px;
    color: #fff;
    margin-left: -32px;
    display: inline-block;
    text-align: center;
    line-height: 26px
}

.about_career_page .mex-list-disc {
    padding-left: 12px
}

.about_career_page .mex-list-disc li {
    margin-bottom: 0
}

.about_career_page .mex-list-disc li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: var(--font-color);
    border-radius: 10px;
    position: relative;
    margin-left: -15px;
    margin-right: 10px;
    bottom: 3px
}

.mex-content.black-bg-career {
    background: #000032;
    border-left: 0 solid transparent;
    position: relative;
    color: #ffff;
    padding: 10px 30px;
    width: 80%;
    position: relative
}

.mex-content.black-bg-career:after {
    content: "";
    height: 100%;
    width: 50%;
    background: #000032;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 0
}

p.mex-m-t-15.text-fff.show-ass {
    position: relative;
    z-index: 2
}

img.mex-im-caerr {
    width: 100%;
    height: auto
}

#category_name a {
    color: var(--bg-color)
}

.scroll-filter {
    height: 150px;
    overflow: hidden;
    overflow-y: scroll
}

.col-md-12.shares-form {
    border-top: 5px solid #f1f1f1
}

.mex-block-card-bg-grey .mex-content {
    margin-bottom: 0!important
}

section.table-background.plants {
    background-image: url(../../resource/newwebsite/v1_0/images/partnership/Register_to_Join_MultiBanks_Program.jpg.html);
    background-position: top center;
    background-color: #fff
}

section.table-background.islamic {
    background: url(../../resource/newwebsite/v1_0/images/live_account/img_sun_BENEFITS.jpg.html)
}

section.table-background.request {
    background: url(../../resource/newwebsite/v1_0/images/live_account/bg_img_account_third.jpg.html)
}

section.table-background.keyboard {
    background-image: url(https://www.multibankfx.com/public_files/images/global_bg/white_label_form_bg.png)
}

section.choose-next-background.square {
    background-image: var(--crypto-back);
    background-position: top center
}

section.table-background.other-bg {
    background-image: url(../images/common/pp-main-content-bg.png);
    background-color: #fff;
    background-size: 100%
}

@media (max-width:1200px) {
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .bonuses_page .mex-tabs .tab-title a .tab-img-cover {
        display: none
    }
    .MEX_Refer_a_Friend_page tbody.table-tbody.no-scroll-style {
        display: block;
        max-height: 250px;
        overflow-y: hidden
    }
    .mex-side-full .flex-center .both-contet {
        position: relative;
        left: 0;
        z-index: 9999;
        padding: 40px 0!important;
        height: 440px!important
    }
}

@media (max-width:992px) {
    .bounes-clients-tab ul.mex-tabs.new-tab-heigher {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .mex-side-full .both-contet.mex-m-t-100.text-center {
        margin: 0!important
    }
    .MEX_Refer_a_Friend_page tbody.table-tbody.no-scroll-style {
        display: block;
        max-height: 250px;
        overflow-y: hidden
    }
    .mex_metals .mex-table {
        width: 150%;
        max-width: unset
    }
}

@media (max-width:790px) {
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-r-30 {
        padding: 0!important;
        margin: 0!important
    }
    section.mex-block-card-v.col-xs-12.col-md-12.mex-m-b-15 {
        padding: 0!important;
        margin: 0!important
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-t-30 {
        padding: 0!important;
        margin: 0!important
    }
    .mex-side-full .both-contet.mex-m-t-100.text-center {
        margin: 0!important
    }
    .mex-tabs.new-tab-heigher li {
        width: 100%!important
    }
}

@media (max-width:480px) {
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-r-30 {
        padding: 0!important;
        margin: 0!important
    }
    section.mex-block-card-v.col-xs-12.col-md-12.mex-m-b-15 {
        padding: 0!important;
        margin: 0!important
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-t-30 {
        padding: 0!important;
        margin: 0!important
    }
    .mex-side-full .both-contet.mex-m-t-100.text-center {
        margin: 0!important
    }
    .mex-tabs.new-tab-heigher li {
        width: 100%!important
    }
}

.page-top-banner-video {
    margin-bottom: -9px
}

.page-top-banner-video-bg {
    background: rgba(3, 0, 51, .48)
}

@media (min-width:992px) and (max-width:1200px) {
    .page-top-banner-video iframe {
        width: 100%!important
    }
}

@media (max-width:414px) {
    .page-top-banner-video iframe {
        width: 100%!important;
        height: auto!important
    }
}

.footer_logo img {
    vertical-align: baseline
}

.bounes-tab {
    width: 100%;
    float: left
}

.bounes-tab ul.mex-tabs.new-tab-heigher {
    width: 100%
}

.bounes-tab ul.mex-tabs.new-tab-heigher li {
    width: 49.8%;
    float: left;
    margin-left: .133%;
    vertical-align: middle;
    text-align: center
}

.bounes-tab .mex-tabs.new-tab-heigher .tab-title.active {
    opacity: 1;
    color: #fff;
    background: #1e32a3
}

.tab-content.have-box-shadow {
    float: left;
    padding: 30px;
    -webkit-box-shadow: var(--boxshadow) 0 0 15px 3px;
    box-shadow: var(--boxshadow) 0 0 15px 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -webkit-box-shadow .3s ease-in-out 0s
}

.bounes-clients-tab {
    width: 100%;
    display: inline-block
}

.bounes-clients-tab ul.mex-tabs.new-tab-heigher {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bounes-clients-tab ul.mex-tabs.new-tab-heigher li {
    text-align: center;
    width: 22%;
    margin: 0 auto 0 auto
}

.bonus-page .tab-title.active {
    opacity: 1;
    color: #fff;
    background: #1e32a3
}

.bonuses_page .mex-tabs.new-tab-heigher .tab-title {
    position: relative
}

.bonuses_page .mex-tabs.new-tab-heigher .tab-title.active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: unset;
    width: 0;
    height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: #1e32a3 transparent transparent transparent;
    z-index: 999;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: none;
    bottom: -30px
}

.bonuses_page .mex-tabs .tab-title a {
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-family: Oswald, Helvetica, Arial, sans-serif;
    display: block;
    padding-top: 0
}

.bonuses_page .mex-tabs .tab-title a .tab-img-cover {
    max-height: 250px;
    display: block;
    margin-bottom: 12px;
    overflow: hidden
}

.bonuses_page .mex-tabs .tab-title a .tab-img-cover img {
    position: relative;
    display: block;
    width: 100%
}

.bonus-ib-tab .mex-list-conditions li,
.bounes-clients-tab .mex-list-conditions li {
    font-size: 20px!important;
    line-height: 1.4;
    padding: 0
}

.bonus-ib-tab .mex-list-conditions,
.bounes-clients-tab .mex-list-conditions {
    padding: 0;
    margin: 0
}

ul.mex-list-conditions li {
    text-indent: 0;
    margin-bottom: 15px;
    list-style: none;
    padding-left: 16px;
    font-size: 26px;
    line-height: 50px;
    position: relative;
    z-index: 99
}

.td-border-right {
    border-right: 1px solid #1e32a4
}

button.sreach-icon {
    position: relative;
    top: -55px
}

.shares_page .shares-search button[type=button],
.shares_page .shares-search button[type=submit] {
    height: 40px;
    line-height: 39px;
    border: 2px solid #1e32a3;
    background: #1e32a3;
    color: #fff;
    width: auto;
    padding: 0 15px 0 15px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.shares_page button[type=submit]:hover {
    border: 2px solid #0b1c7f;
    background-color: #0b1c7f
}

td.sorting_1 {
    text-align: left!important
}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
    background: #1e32a3;
    color: #fff;
    border-color: #1e32a3
}

.trading_conditions_page section.mex-block-card-v .card-content-box {
    position: unset;
    height: 415px
}

.trading_conditions_page .mex-list-icon-check li {
    padding: 5px 0 5px 30px;
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    margin-left: -13px
}

.hr-new {
    border-left: 5px solid #f1f1f1
}

.form-div {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.Tools_page section.mex-block-card-v .card-content-box .mex-content {
    overflow: unset
}

.trading-tool-bg {
    background: url(https://www.multibankfx.com/public_files/images/tool/general/img_topbanner_tools_s.jpg) top center no-repeat;
    padding-top: 8vh;
    padding-bottom: 8vh;
    background-size: cover
}

.catalog_blue_point {
    width: 24px;
    height: 24px;
    background: #1e32a4;
    border-radius: 60px;
    color: #fff;
    margin-left: -32px;
    display: inline-block;
    text-align: center;
    line-height: 26px
}

.about_career_page .mex-list-disc {
    padding-left: 12px
}

.about_career_page .mex-list-disc li {
    margin-bottom: 0
}

.about_career_page .mex-list-disc li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: var(--font-color);
    border-radius: 10px;
    position: relative;
    margin-left: -15px;
    margin-right: 10px;
    bottom: 3px
}

.mex-content.black-bg-career {
    background: #000032;
    border-left: 0 solid transparent;
    position: relative;
    color: #ffff;
    padding: 10px 30px;
    width: 80%;
    position: relative
}

.mex-content.black-bg-career:after {
    content: "";
    height: 100%;
    width: 50%;
    background: #000032;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 0
}

p.mex-m-t-15.text-fff.show-ass {
    position: relative;
    z-index: 2
}

img.mex-im-caerr {
    width: 100%;
    height: auto
}

#category_name a {
    color: var(--bg-color)
}

.scroll-filter {
    height: 150px;
    overflow: hidden;
    overflow-y: scroll
}

.col-md-12.shares-form {
    border-top: 5px solid #f1f1f1
}

.mex-block-card-bg-grey .mex-content {
    margin-bottom: 0!important
}

section.table-background.plants {
    background-image: var(--bg-plants);
    background-position: top center;
    background-color: #fff
}

section.table-background.islamic {
    background: var(--table-background-islamic)
}

section.table-background.request {
    background: var(--bg-img-islamic2)
}

section.table-background.keyboard {
    background-image: var(--keyboard)
}

section.table-background.other-bg {
    background-image: var(--table-background);
    background-color: var(--common-light-dark);
    background-size: 100%
}

@media (max-width:1200px) {
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .bonuses_page .mex-tabs .tab-title a .tab-img-cover {
        display: none
    }
    .MEX_Refer_a_Friend_page tbody.table-tbody.no-scroll-style {
        display: block;
        max-height: 250px;
        overflow-y: hidden
    }
    .mex-side-full .flex-center .both-contet {
        position: relative;
        left: 0;
        z-index: 9999;
        padding: 40px 0!important;
        height: 440px!important
    }
}

@media (max-width:992px) {
    .bounes-clients-tab ul.mex-tabs.new-tab-heigher {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .mex-side-full .both-contet.mex-m-t-100.text-center {
        margin: 0!important
    }
    .MEX_Refer_a_Friend_page tbody.table-tbody.no-scroll-style {
        display: block;
        max-height: 250px;
        overflow-y: hidden
    }
    .mex_metals .mex-table {
        width: 150%;
        max-width: unset
    }
}

@media (max-width:790px) {
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-r-30 {
        padding: 0!important;
        margin: 0!important
    }
    section.mex-block-card-v.col-xs-12.col-md-12.mex-m-b-15 {
        padding: 0!important;
        margin: 0!important
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-t-30 {
        padding: 0!important;
        margin: 0!important
    }
    .mex-side-full .both-contet.mex-m-t-100.text-center {
        margin: 0!important
    }
    .mex-tabs.new-tab-heigher li {
        width: 100%!important
    }
}

@media (max-width:480px) {
    .area-left,
    .area-right {
        width: 100%!important;
        float: left;
        height: auto!important
    }
    .mex-side-full .mex-img-cover {
        width: 100%;
        height: 100%!important
    }
    .imges-new-size {
        width: 100%;
        height: auto;
        float: left;
        padding: 0
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-r-30 {
        padding: 0!important;
        margin: 0!important
    }
    section.mex-block-card-v.col-xs-12.col-md-12.mex-m-b-15 {
        padding: 0!important;
        margin: 0!important
    }
    .imges-new-size.col-xs-12.col-md-6.mex-m-t-30 {
        padding: 0!important;
        margin: 0!important
    }
    .mex-side-full .both-contet.mex-m-t-100.text-center {
        margin: 0!important
    }
    .mex-tabs.new-tab-heigher li {
        width: 100%!important
    }
}

.btn-vr {
    width: 2px;
    height: 16px;
    background-color: #fff;
    margin: 0 10px
}

.theme-switch-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-switch-wrapper em {
    margin-left: 10px;
    font-size: 1rem
}

.theme-switch {
    display: inline-block;
    height: 12px;
    position: relative;
    width: 37px
}

.theme-switch input {
    display: none
}

.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: -4px;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    background-color: #fff;
    content: "";
    height: 18px;
    left: -5px;
    top: -1px;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 18px;
    /* border: 1px solid #afa4a4 */
}

input:checked+.slider {
    background-color: #66bb6a
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.about-management {
    background-color: var(--bg-gray)
}

.header {
    background-color: var(--bg-black)
}

.shadow-box-smooth {
    background-color: var(--bg-black)
}

.white-bg {
    background-color: var(--bg-black)
}

.my-0 .py-3 {
    background-color: var(--bg-black)
}

table.dataTable tbody tr {
    background-color: var(--bg-black)
}


/* ::-webkit-scrollbar-thumb {
background: #fff
} */

.mex-h2.mex-bold {
    color: var(--font-color)
}

.mex-h3.text-overflow-1 {
    color: var(--font-color)
}

.mex-h2.mex-clamp-1.uppercase {
    color: var(--font-color)!important;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400
}

.bg-gray,
.bg-white,
.platforms_conten,
.platforms_content {
    background-color: var(--background-dark)!important;
    z-index: 1;
}

.lang-menu-dropdown {
    background-color: var(--background-dark-news);
}

p {
    font-size: 1.1rem;
    line-height: 1.6rem
}

.box-animate,
.mex-block-card,
.mex-block-card-v,
.platforms_content {
    border: 1px solid #fff
}

.footer ul li,
.mex-h3.mex-p-v-15,
.mex-new-desc.mex-content {
    color: var(--font-color)!important
}


/* .contact-us a {
color: white !important;
} */

.nav-menu {
    background-color: transparent linear-gradient(90deg, #020862 0%, #000832 100%) 0% 0% no-repeat padding-box;
}

.nav-menu-list>li>a {
    color: white !important;
}

.mex-company-news .mex-h2.mex-bold {
    padding-top: 20px
}

.post-meta {
    font-size: 1rem;
    font-style: italic;
    display: block;
    margin-bottom: 4vh;
    color: var(--font-color)
}

.index-platforms .text-white {
    background-color: #000!important
}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 0
}

.theme-switch-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-switch-wrapper em {
    margin-left: 10px;
    font-size: 1rem
}


/* .theme-switch {
display: inline-block;
height: 18px;
position: relative;
width: 40px
} */

.theme-switch input {
    display: none
}

.table-background_1 {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.mex-new-content>.mex-h3 {
    color: #222!important
}

.mex-clamp-3>a {
    color: #fff
}

.mex-clamp-3>a:hover {
    color: #000
}

.modal-box__email-us {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-box__email-us.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-box__email-us .btn-modal-close {
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--font-color)!important;
    cursor: pointer
}

#email_us_form .form-control {
    height: 45px;
    background: #fff
}

#email_us_form .btn-submit {
    background-color: #0390d7;
    border-color: #0390d7;
    min-width: 100px
}

#email_us_form .form-control.ta-message {
    height: 130px;
    border-radius: 0
}

label {
    color: var(--font-color)
}

.bg-white>.col-md-12>p.text-222 {
    color: var(--font-color)!important
}

.twc-section>.container {
    background-image: var(--bg-twc);
    background-size: cover
}

.article-title {
    font-size: 30px;
    color: vsr(--article-title);
    text-align: center
}

.article-body {
    margin-top: 20px;
    color: var(--font-color)
}

.st-section>.container>.text-005190 {
    color: var(--text-1e32a3)
}

.box-animate,
.mex-block-card,
.mex-block-card-v,
.platforms_content {
    border: 1px solid var(--cards-border)
}

section.mex-block-card-v {
    box-shadow: none
}

.shadow-box-animate {
    box-shadow: none
}

section.choose-next-background.square .container {
    color: var(--font-color)
}

.ico-ic_live_chat_support {
    color: var(--choose-next-background-color)
}

.ico-ic_live_chat_support:hover {
    color: red
}

.signal-provider {
    color: var(--trader-color)
}

.text-005190.st-h2.mb-3~div,
.text-005190.st-h2.mb-3~ol {
    color: var(--font-color)
}

.dark-background {
    background-color: var(--background-dark)
}

.darkmode-second-top {
    background-color: var(--background-dark-invester)
}

.dark-mode-top {
    background-color: var(--background-dark)
}

.dark-mode-top .row div p,
.dark-mode-top .row div ul {
    color: var(--font-color)
}

.st-section {
    background-color: var(--background-dark) !important
}

.st-section.pt-0 {
    background-color: transparent!important
}

.st-section div {
    color: var(--font-color)
}

.text-fff {
    color: var(--font-color)
}

a {
    --link-color: #007bff!important
}

.social-trading-banner>img,
.st-section>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.article-body p {
    color: var(--font-color)
}

.invest-smarter {
    background-color: var(--background-dark)!important
}

.st_benefit_card.invest {
    color: #000!important
}

.st_benefit_card.benefit {
    color: #000!important
}

.improve-knowledge {
    background-color: var(--background-dark)
}

.improve-knowledge div,
.improve-knowledge div .st-h2,
.improve-knowledge ul {
    color: var(--font-color)
}

.side-news-text.text-left a {
    color: var(--font-color);
    text-decoration: none
}

.invester-secon-section div {
    color: var(--font-color)
}

.page-top-banner .container .row {
    color: var(--font-color)
}

.fi_copy_trade,
.fi_copy_trade div {
    color: #000!important
}

.st-slide-content div,
.st-slide-content ol,
.st-slide-content ul {
    color: var(--font-color)
}

.leaderboard {
    background-color: transparent!important
}

.leaderboard-investment {
    background-color: var(--background-dark)
}

.leaderboard-investment .container {
    color: var(--font-color)
}

.shadow-box-smooth {
    box-shadow: var(--boxshadow-dark) 0 0 15px 3px !important;
    border: 1px solid var(--cards-border);
}

.iti__country-name {
    color: black
}

.multibank-form .btn-modal-close {
    color: var(--font-color)
}

.article-title {
    color: var(--article-title)!important
}

.article-date {
    color: var(--font-color)!important
}

a span strong {
    color: #000!important
}

.contact-service-number-title {
    color: #000!important
}

.mb20.mb-xs-16.uppercase {
    color: #000
}

.email-text {
    color: var(--font-color)
}

.contact_section.request {
    background-color: var(--background-dark)
}

.table-background.keyboard {
    color: var(--font-color)
}

.col-12 .mex-h2.mb20.mb-xs-16.uppercase {
    color: var(--font-color)
}

.mex-block-card-not-img .card-content {
    color: var(--font-color)
}

#career_apply_job label {
    color: var(--font-color)!important
}

.download-center-img {
    background: var(--download-center-background) no-repeat center
}

.nav-menu-mobile-section:after {
    color: #BB914A !important;
}


/* .lang-mobile-menu {
color: #000832;
} */

.filter-shadow {
    filter: brightness(var(--filter-shadow))!important
}

.slidebar {
    background: 0 0
}

.slidebar a span {
    background-color: #484747 !important;
    border: none!important;
    color: white;
    border-radius: 5px;
    height: max-content;
    padding: 5px;
    margin-right: 5px;
}

.slidebar a span.btn {
    background-color: #fff!important
}

.header-top-right-menu a.btn-navy {
    background-color: transparent;
    color: white;
    border: 1px solid #BB914A;
}

.header-top-right-menu a.btn-gold {
    background-color: transparent;
    color: white;
    border: 1px solid gray
}

.header-top-right-menu a.btn-gold:hover {
    background-color: white;
    color: black;
    border: 1px solid gray
}

.header-top-right-menu a.btn-navy:hover {
    background-color: white;
    color: black !important;
    border: 1px solid transparent;
}

.swiper-button-white {
    z-index: 1000!important
}

.platforms_content {
    border: 1px solid var(--cards-border)
}

.milestone-card {
    color: #000!important
}

.border-right {
    border-right: 1px solid #363D6B!important
}

.header-top {
    border-bottom: 1px solid #363D6B;
}

.header-bottom {
    border-bottom: none
}

.mex-block-card-v {
    box-shadow: var(--boxshadow-dark);
}

.sticky-top {
    top: 0;
    background: transparent linear-gradient(90deg, #020862 0%, #000832 100%) 0% 0% no-repeat padding-box;
    z-index: 1020;
    width: 100%;
}

.top-btn-1 {
    transition: all ease-in-out .35s !important;
    background-color: #bb914a;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
}

.top-btn-2 {
    transition: all .35s ease-in-out !important;
    background-color: #168bfe;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
}

.top-btn-2:hover {
    background-color: #0970d5;
}

.top-btn-1:hover {
    background-color: #d4ab4b;
}

.article-big-title {
    color: var(--font-color);
}

.news-main-title {
    color: #302AE6 !important;
}

.news-main-title~.news-con-date {
    color: var(--font-color) !important;
}

.slider-content {
    height: 100%;
    position: relative;
}

.hiring-now-banner {
    background: var(--hiring-now) no-repeat 100%;
}

table.dataTable tr:nth-of-type(odd) {
    background-color: var(--table-odd) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: var(--table-odd) !important;
    ;
}

.mt5-top-banner {
    background: var(--mt5-background) no-repeat 100%;
}

.improve-knowledge-st {
    background-color: var(--background-dark);
    color: var(--font-color);
}

.improve-knowledge-st .container .row div p:first-child,
.improve-knowledge-st .container .row div ul {
    color: var(--st-link-color) !important;
}

.st-faq-background {
    background-image: var(--st-faq-background);
    background-color: transparent !important;
}

@media (min-width:768px) and (max-width:1360px) {
    .logo {
        height: 28px;
    }
    .home-banner-title2 {
        padding: 2% 0 5% 0;
    }
}

@media (min-width:1366px) {
    .home-banner-title2 {
        margin: 2vh 0;
        margin: 3vh 0 8vh 0;
        text-align: center;
        font-size: 2vw;
        letter-spacing: 0;
        color: #fff;
        padding: 0
    }
}

.article-paragraph span.c3546 {
    color: var(--font-color)
}

.hero-container {
    overflow-y: hidden;
    position: absolute;
    bottom: 1.5%;
    z-index: 3;
    width: auto;
    min-height: 111px;
    max-height: 160px;
    width: 100%;
    background: transparent;
    opacity: 1;
    justify-content: space-around;
    flex-wrap: wrap;
}

.hero-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.hero-container .hero-box>div {
    width: calc(100%);
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #010d4b87;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    border-bottom: 1px solid var(--slider-border);
}

.h4-hero-box {
    font-size: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    order: 2;
    opacity: 1;
    display: flex;
    margin-top: 20px;
    text-align: left;
}

.span-hero {
    margin-left: 10px;
    font-size: 50px;
    letter-spacing: 0px;
    color: #BB914A;
    font-size: 2.3vw;
    opacity: 1;
    font-family: oswald, sans-serif;
}

@media only screen and (max-width: 1000px) {
    .h4-hero-box {
        font-size: 13px;
    }
    .span-hero {
        font-size: 25px;
    }
}

.main-banner {
    font-family: Arial;
    width: 100%;
    /* display: block; */
    margin: 0 auto;
    /* position: absolute; */
    bottom: 0;
    z-index: 9999999;
    height: 100px;
}

.home-carousal-banner div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-slick {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* background-color: #202347; */
    min-height: 100px !important;
    margin: 0px 5px;
    text-align: center;
    background: black;
    border-right: 1px solid #413d3d;
}

.slide-slick h4 {
    order: 2;
    margin-bottom: 0;
}


/* new updates and fixes */

.live-account-banner {
    background: var(--live-account-banner) no-repeat 100%;
}

.demo-account-banner {
    background: var(--demo-account-banner) no-repeat 100%;
}

.account-funding-banner {
    background: var(--account-funding-banner) no-repeat 100%;
}

.lower-brightness {
    filter: var(--brightness-img)
}

#darkmode-text {
    color: white;
}

.slide-slick h4 {
    color: white !important;
    font-family: Calibri !important;
    font-size: 16px;
    margin-top: 10px;
}

.theme-switch {
    margin-bottom: 0;
}

.deposit_table .deposit_amount_box {
    color: var(--font-color);
}

.nav-item:hover .nav-menu.py-3 {
    display: block !important;
}


/* #chat-widget-container {
display: none !important;
} */

.slide-bar-toggle {
    border-radius: 50%;
    display: none;
    z-index: 6;
    font-size: 47px;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: rgb(144 145 163 / 1);
    border: 1px solid;
}

.slide-bar-toggle:hover {
    cursor: pointer;
    transition: all 0.5s;
    background-color: #1e32a3;
    border: none;
}

.slide-bar-toggle:after {
    /* content: '\2807';
font-size: 38px;
margin-top: 10px;
transform: rotate(90deg); */
}

.slide-bar-toggled:after {
    content: '\2715' !important;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    margin-top: 0px !important;
    text-align: center;
}

.slide-bar-toggled {
    background-color: #1e32a3;
}

.slidebar-parent {
    display: none;
    width: 100vw;
    position: fixed;
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    top: 0px;
    z-index: 4;
}

.slide-bar-toggled img {
    display: none
}

.slidebar a span.btn {
    padding: 0;
    border-radius: 50% !important;
    margin: 0px 0 3px 0;
}

.COP-section {
    background-color: var(--background-dark) !important;
    z-index: 1;
}

.section-products a .card-content {
    background-color: var(--background-dark) !important;
}

#darkmode-text {
    margin-left: 15px;
}

#swiper-container-lp .swiper-slide .min1 {
    height: calc(100vh - 120px);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
}

.home-banner-title1 {
    flex: unset;
    text-align: center;
    font: normal normal normal 4vw Oswald,sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.swiper-zoom-container div {
    flex: unset;
    /* animation: */
}

.home-banner-title2 {
    flex: unset;
}

@keyframes button-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSD {
    0% {
        display: block;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
}

@keyframes button-top-animation {
    0% {
        display: block;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@media (max-width:767px) {
    .cwtg-heading {
        font-size: 32px !important;
        text-align:center;
    }
    .h4-hero-box {
        margin-top: 8px
    }
    .banner-btn {
        font-size: 0.9vw;
    }
    .platform-slide-2 .slick-prev:before {
        font-family: FontAwesome;
        content: "\f0d9";
        font-size: 15vw;
        color: #1E32A3;
    }
    .slide-bar-toggle {
        display: flex
    }
    #swiper-container-lp {
        height: calc(100vh - 7vh);
    }
    .header-bottom {
        padding: 0px 0px;
    }
    .nav-menu-hamburger,
    .nav-menu-mymex {
        background-color: var(--primary-transparent) !important;
    }
    .lower-brightness-pt {
        filter: var(--brightness-img)
    }
    .slider-content {
        height: 100%;
        width: 100%;
        display: block !important;
        top: 25%;
        position: absolute;
        margin: 0 auto;
    }
    .demo-btn-custom {
        padding-top: 20px;
    }
    .page3,
    .page4,
    .page5,
    .page6 {
        display: none;
    }
    .news-main-title~.news-con-date {
        color: var(--font-color) !important;
    }
    .news-con-det-rbox {
        background-color: var(--background-dark) !important
    }
    .news-con-det-sec {
        background-color: var(--background-dark) !important
    }
    #swiper-container-awards section {
        height: 62vw!important
    }
    #swiper-container-awards {
        height: 86vw!important;
    }
    .about-page-awards .swiper-container img {
        height: 40vw!important
    }
    .custom-card-img .card {
        height: 200px
    }
    .home-banner-title1 {
        font-size: 10vw
    }
    .home-banner-title1 span {
        color: #BB914A !important;
    }
    .home-banner-title2 {
        font-size: 4.5vw;
        padding: 4% 0 5% 0;
    }
    .home-banner-btn1 {
        /* visibility: hidden; */
        /* animation: button-animation 1s ease-in; */
        font-size: 3.2vw;
        padding: 6px 35px;
        margin-top: 15px;
        margin-left: 0;
        /* visibility: visible; */
    }
    .home-banner-btn2 {
        /* visibility: hidden; */
        /* animation: button-animation 1.5s ease-in; */
        font-size: 3.2vw;
        padding: 6px 40px;
        margin: 0 !important;
        margin-top: 15px;
        /* visibility: visible; */
    }
    .home-banner-small-text {
        font-size: 3vw;
        padding-top: 43px;
    }
    .nav-menu-hamburger,
    .nav-menu-mymex {
        height: 30px!important;
        width: 30px!important
    }
    .header-bottom-left-container .header-logo {
        height: 18px!important;
        padding-left: 10px!important
    }
    #swiper-container-lp .swiper-slide .min1 {
        height: auto;
    }
    .text-newsletter {
        font-size: 4.5vw !important;
    }
    .hero-container {
        top: 100%;
        padding: 0;
        position: relative;
        min-height: auto;
    }
    .call-back-form {
        margin-top: 0px;
        margin-bottom: 30px;
        padding: 10px 15px !important;
        border-radius: 0 0 10px 10px !important;
    }
    .div-call {
        border-radius: 10px 10px 0px 0 !important;
    }
    .text-newsletter {
        font-size: 6vw !important;
    }
    .h2-contact {
        font-size: 9vw !important;
    }
}

@media (min-width:576px) and (max-width:1300px) {
    .header-top-parent-left {
        max-width: 60% !important;
        flex: 0 0 60%;
    }
    .header-top-parent-right {
        max-width: 40% !important;
        flex: 0 0 40%;
    }
}

.banner-btn {
    font-size: 0.9vw;
    font-weight: 300;
    text-transform: capitalize;
}


/*------------------------------Platform css-------------------------*/

.section-platform {
    color: black;
    background: transparent radial-gradient(closest-side at 50% 50%, #0818A2 0%, #010c3e 100%) 0% 0% no-repeat padding-box;
    position: relative;
}

.h2-platform,
.h2-product {
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-size: 3.8vw;
    color: #020862;
    margin-bottom: 50px;
}

.h2-about {
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-size: 3.8vw;
    padding: 67px 0;
}

.h2-about-global {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    font-size: 3.8vw;
    padding: 67px 0;
}

.nav-tabs {
    border-bottom: none !important;
}

.nav-platform>.nav-platform.nav-tabs {
    border: none;
    color: #1E32A3;
    background: white;
}

.custom-card-platform {
    border: 0 !important
}

.custom-img-plat {
    width: 89px;
    display: block;
    margin: 0 auto;
}

.btn-border-blue {
    border: 1px solid #1E32A3;
    color: #1E32A3;
    background: transparent;
}

.nav-platform>div a.custom-btn-plat {
    border: 1px solid #1E32A3;
    padding: 4px 170px;
    color: #1E32A3;
    background: white;
    border-radius: 20px !important;
    position: relative;
    font-size: 20px;
    font-weight: bold;
}

.nav-platform>div a.custom-btn-plat.active:after {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 45%;
    border: 15px solid transparent;
    border-top-color: #1E32A3;
}

.nav-platform>div a.custom-btn-plat:hover,
.nav-platform>div a.custom-btn-plat:focus,
.nav-platform>div a.custom-btn-plat.active {
    border: 1px solid #1E32A3;
    background: #1E32A3;
    color: #fff;
    transition: background 0.20s linear;
    box-shadow: none !important;
    border-radius: 20px !important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 4px 170px;
}

div#nav-tab {
    justify-content: center;
    display: flex;
}

.btn-learn-more {
    border: 1px solid #BB914A !important;
    background: transparent;
    color: var(--btn-compare-th);
    font-weight: 500;
    font-size: 14px !important;
    padding: 11px 25px !important;
    border-radius: 6px !important;
}

.btn-learn-more:hover {
    /* border: 1px solid var(--btn-com); */
    background: #BB914A 0% 0% no-repeat padding-box !important;
    color: white !important;
    transition: 0.3s ease-in-out;
}

.btn-custom-compare {
    border: 1px solid #BB914A !important;
    background: transparent !important;
    color: white;
    /* font-size: 14px !important;
padding: 8px 25px !important; */
    border-radius: 6px !important;
}

.btn-custom-compare:hover {
    /* border: 1px solid var(--btn-com); */
    background: #BB914A 0% 0% no-repeat padding-box!important;
    color: white !important;
    transition: 0.3s ease-in-out;
}

.nav-tabs a {
    /* padding: 0 8vh 1vh 8vh; */
    /* border-bottom: 1px solid #707070 !important; */
    /* margin-right: 50px; */
}

.nav-tabs .custom-nav-1-link.nav-item.nav-link.active hr {
    width: 65px !important;
}

.nav-1 {
    border-top: 0 !important;
    padding-top: 5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: none;
    -ms-flex-pack: none;
    justify-content: space-evenly;
    padding: 20px 0;
}

a.custom-nav-1-link {
    color: #495057;
    background-color: none !important;
    border-color: none !important;
}

.nav-tabs .nav-item.show .custom-nav-1-link.nav-link {
    color: #495057;
    background-color: none !important;
    border-color: none !important;
    font-family: 'Oswald', sans-serif !important;
}

.nav-tabs .custom-nav-1-link.nav-link {
    border: none;
    font-size: 20px;
    font-family: Oswald, sans-serif;
    color: white;
}

#nav-profile-tab {
    margin-left: 20px;
    margin-right: 20px;
}

.nav-tabs .custom-nav-1-link.nav-item.nav-link.active {
    color: #BB914A;
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: 500;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -2px;
    -ms-transform: scale(1.5);
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Safari 3-8 */
    transform: scale(1.5);
    transition: transform ease-in 0.3s;
}

.platforms-content h5 {
    font-size: 24px;
    ;
}

.flex-container {
    align-items: center;
    justify-content: center;
    display: flex;
}

.custom-card-platform h4 {
    text-transform: uppercase;
}

.imulti-custom h4 {
    line-height: 2.5rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.flex-container ul {
    padding-left: 0px;
}

.br-1 {
    border-right: 1px solid #707070 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.br-2 {
    border-left: 1px solid #707070 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.flex-container>ul>li i {
    margin-right: 10px;
    margin-bottom: 10px;
    color: var(--check-circle);
}

.span-img-plat img {
    width: 32px;
    height: 32px;
    margin-right: 14px;
}

h4.card-title.text-center {
    margin-top: 20px;
    margin-bottom: 20px;
}

.row.platforms-content {
    margin-bottom: 4%;
}

.platforms-content h3 {
    text-transform: uppercase;
}

.platforms-content .col-md-2 {
    margin-right: 15px;
}

.imulti-custom h4 {
    color: var(--font-color);
}

.center-span {
    text-align: center;
    width: 100% !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

@media only screen and (max-width:767px) {
    .h2-platform,
    .h2-about,
    .h2-product,
    .h2-about-global {
        font-size: 32px;
    }
    .nav-platform>div a.custom-btn-plat {
        padding: 4px 60px;
    }
    .nav-platform>div a.custom-btn-plat:hover,
    .nav-platform>div a.custom-btn-plat:focus,
    .nav-platform>div a.custom-btn-plat.active {
        padding: 4px 60px;
    }
    .nav-platform>div a.custom-btn-plat.active:after {
        left: 37%;
    }
    .tab-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    #nav-profile-tab {
        margin-right: 6vh;
        margin-left: 6vh;
    }
    .br-1 {
        border-right: none!important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .br-2 {
        border-left: none!important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    #nav-tabContent,
    #nav-tabContent-2 {
        padding-top: 10px;
        margin: 5px 20px;
    }
    .platforms-content .col-md-2 {
        margin-right: 0px;
    }
    .custom-nav-1-link.nav-item.nav-link {
        padding: 0;
    }
    .section-platform {
        color: black;
    }
    .center-span {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }
    .custom-card-platform {
        width: auto;
    }
    .cards-product {
        margin-top: 0vh !important;
    }
    .nav-tabs .custom-nav-1-link.nav-item.nav-link.active {
        font-size: 16px;
        margin-left: 10px;
    }
    .flex-container ul li {
        font-size: 14px;
    }
    .span-img-plat img {
        width: 22px;
        height: 22px;
        margin-right: 4px;
    }
}


/*------------------------------Product css-------------------------*/

.cards-product {
    margin-top: 10vh;
}

.custom-header-product {
    background-color: transparent !important;
}

.cards-product .card {
    border: none !important;
    /* min-width: 375px; */
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
}

.card-product-p {
    font-size: 16px;
    font-family: Calibri;
}

.btn-product {
    visibility: hidden;
    padding: 0 !important;
    text-align: end;
    margin: auto;
    display: block;
}

a.btn-product-2 {
    text-align: end;
    margin: auto;
    display: block;
    color: black !important;
    text-decoration: none !important;
    /* font-weight: bold; */
}

.cards-product .card:hover {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #00000029;
    color: #BB914A;
    transition: 0.3s ease-in-out;
    opacity: 1;
}

.cards-product .card:hover .card-title,
.cards-product .card:hover .card-product-p {
    color: #000000;
}

.cards-product .card:hover .btn-product {
    visibility: visible;
    color: black;
}

.btn-product-partnerships {
    color: var(--font-color);
    font-size:16px;
}

@media only screen and (max-width:767px) {
    .card-span {
        font-size: 8px;
        background-color: red;
    }
    .h2-product {
        padding: 0;
        /* margin-bottom: 0px !important; */
    }
    .cards-product .card {
        min-width: auto;
    }
    .cards-product .card {
        margin-bottom: 0;
    }
    .custom-block-product h4 {
        font-size: 3vh;
    }
    .card-span {
        font-size: 1.5vh;
        padding: 0.5vh;
    }
    .span-img-plat img {
        display: inline-block !important;
    }
}


/*--------------------------------About multibank----------------------------------------*/

.custom-pan-group h4 {
    margin-left: 4vh;
    font-weight: 500;
    text-transform: uppercase;
}

.panel-heading {
    position: relative;
}

.panel-title {
    cursor: pointer;
}

.custom-pan-group .panel {
    padding: 15px 0;
    border-bottom: 1px solid #707070 !important;
}

.custom-pan-group .panel-body {
    padding: 0.5vh 2vh 1vh 5vh;
}

.custom-pan-group .panel-body p {
    font-size: 14px;
}

.custom-card-global h5 {
    /* border-top: 1px solid var(--border-bottom-tab); */
    width: fit-content;
    display: block;
    margin: 0 auto;
    color: #BB914A;
}

.custom-card-global p {
    font-size: 15px;
    margin-top: 5px;
    color: white;
}

.custom-pan-group .panel-heading[data-toggle="collapse"]:before {
    font-family: FontAwesome;
    content: "\f105";
    /* "play" icon */
    position: absolute;
    color: #BB914A !important;
    font-size: 5vh;
    line-height: 16px;
    left: 0px;
    top: calc(50% - 10px);
    color: var(--check-circle);
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.custom-pan-group .panel-heading[data-toggle="collapse"].collapsed:before {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #BB914A !important;
}

.custom-card-global {
    border: 0 !important;
}

.custom-card-global h4 {
    text-transform: uppercase;
}

.basic .slick-next:before,
.basic .slick-prev:before,
.platform-slide .slick-next:before,
.platform-slide .slick-prev:before,
.platform-slide-2 .slick-next:before,
.platform-slide-2 .slick-prev:before {
    font-family: FontAwesome;
    font-size: 3vw;
    line-height: 1;
    opacity: .75;
    color: #1E32A3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-card-global:focus,
.custom-block-product:focus {
    outline: none !important;
}


/* .basic {
margin: 0 50px;
} */

.platform-slide div {
    width: 100%;
    height: 100%;
}

.basic .slick-prev:before,
.platform-slide .slick-prev:before,
.platform-slide-2 .slick-prev:before {
    font-family: FontAwesome;
    content: "\f0d9";
    font-size: 3vw;
    color: #BB914A !important;
}

.slick-next:before,
.platform-slide-2 .slick-next:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 3vw;
    color: #BB914A !important;
    display: block;
    position: absolute;
}

.basic .slick-next,
.basic .slick-prev,
.platform-slide .slick-next,
.platform-slide .slick-prev,
.platform-slide-2 .slick-next,
.platform-slide-2 .slick-prev {
    top: 35%;
}

.basic .slick-prev {
    left: 60px;
    position: absolute;
    z-index: 99;
    background: transparent;
    border: none;
    color: transparent;
    display: flex;
    align-items: center;
    height: 3vw;
    width: 3vw;
}

.basic .slick-next {
    background: transparent;
    color: transparent;
    border: none;
    right: 60px;
    position: absolute;
    z-index: 99;
}

.basic .slick-next:focus,
.basic .slick-prev:focus {
    outline: none;
}

.platform-slide .slick-prev,
.platform-slide-2 .slick-prev {
    left: 8px;
    position: absolute;
    z-index: 2;
    border: none;
    width: auto;
    height: auto;
    background: transparent;
    color: transparent;
}

.platform-slide .slick-next,
.platform-slide-2 .slick-next {
    left: 85%;
    position: absolute;
    z-index: 2;
    border: none;
    width: auto;
    height: auto;
    background: transparent;
    color: transparent;
}

button.slick-next.slick-arrow {
    top: 35%;
    display: flex;
    align-items: center;
    height: 3vw;
    width: 3vw;
}

.platforms-content.platform-slide-2 {
    display: none;
}

@media only screen and (max-width:767px) {
    button.slick-next.slick-arrow {
        top: 35%;
        display: flex;
        align-items: center;
        height: 10vh;
        width: 10vw;
    }
    .basic .slick-prev {
        left: 10px !important;
        width: 10vw;
        height: 10vh;
    }
    .basic .slick-next {
        right: 10px;
        width: 10vw;
        height: 10vh;
    }
    .platforms-content.platform-slide-2 {
        display: block;
    }
}

.our-product {
    background-color: white;
    padding: 67px 0;
}

.our-product .container .row .col-12.col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-product .container .cards-product {
    margin: 0;
}

.platforms-content {
    color: var(--font-color);
}

.cards-product div {
    background: transparent !important;
    color: black;
    font-weight: 500;
}

.cards-product div .card-title {
    color: #020862;
    background: transparent !important;
    font-weight: 500;
}

.cards-product .card:hover h4.card-title {
    color: #BB914A;
}


/* .section-platform,
.section-platform .nav-1 {
padding: 67px 0;
} */

.card.custom-card-platform {
    background: transparent;
    padding-top: 15px;
    color: var(--font-color);
}

.span-img-plat img:hover {
    transform: scale(1.2);
    transition: transform ease-in-out 0.3s;
}

h4.card-title.text-center {
    color: #BB914A;
}

.about-multibank {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding-top: 0;
    font-weight: normal;
    padding-bottom: 0;
}

.about-multibank .col-12.col-md-5.pt-4:last-child {
    font-weight: normal;
    padding-bottom: 10vh;
    background: #F8F8F8 0% 0% no-repeat padding-box;
}

.custom-card-global,
.custom-card-global h5 {
    background: transparent !important;
    /* color: white !important; */
    font-weight: 500;
}

#accordion,
#accordion div,
#accordion h4,
.btn-product-2 {
    color: black;
}

a.btn-product-2 {
    color: black !important;
}

.section-partnerships {
    padding: 67px 0;
}

.section-partnerships h2 {
    padding-bottom: 30px;
}

.header-mb-btn {
    border-radius: 5px !important;
}

.partnership-cont {
    display: none;
    bottom: 0px;
    background: rgb(2 8 98 / 0.75);
    width: 100%;
    padding: 26px;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    transition: 1s;
    flex-direction: column;
    transition: 1.5s;
}

.partnerships-div:hover .partnership-cont {
    display: flex;
}

.partnerships-div:hover .font-type-cap {
    display: none;
}

.partnership-cont h5 {
    color: #BB914A!important;
}

.partnerships-div p {
    color: white !important;
    padding: 13px 0px 13px 0px;
}

.btn-product-partnerships i {
    transform: translate(10px, 0);
}

.partnership-cont h5 {
    font-size: 34px;
    font-weight: 500;
}

.partnership-cont p {
    font-weight: normal !important;
}


/*----------Contact-us--------------------------*/

.contact-us {
    background-color: #000832;
}

.h2-contact {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    font-size: 3.8vw;
    color: white;
}

.contact-h4 {
    text-transform: uppercase;
    font-size: 24px;
    color: #BB914A;
}

.custom-dropdown button {
    height: 35px;
    padding: 5px 20px !important;
    width: 187px;
    margin-bottom: 30px;
    text-align: left;
    position: relative;
    border-radius: 5px!important;
}

.custom-dropdown .dropdown-toggle::after {
    font-family: FontAwesome;
    content: "\f107";
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    position: absolute;
    right: 10px;
}

.custom-email a {
    text-decoration: none !important;
    color: white !important;
}

.contact-us .social-contact i {
    margin-right: 0px !important;
    padding: 3px 1px;
    text-align: center;
    color: var(--contact) !important;
    /* font-size: 21px; */
    width: 20px;
}

.social-contact a span {
    border: 1px solid white;
    border-radius: 27px;
    padding: 7px 5px 4px 5px;
    background: white;
    margin-right: 8px;
}

.social-contact div {
    color: #BB914A;
}

.div-call {
    padding: 50px 10px 50px 40px !important;
    background: var(--div-form);
    border-radius: 10px 0px 0px 10px;
    opacity: 1;
}

.div-form {
    padding: 50px 10px 50px 50px !important;
    border-radius: 0px 10px 10px 0px;
    opacity: 1;
    background: var(--div-call);
}

.mex-form-item input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #707070 !important;
    opacity: 1;
    /* Firefox */
}

.mex-form-item input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #707070 !important;
}

.mex-form-item input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #707070 !important;
}

.div-form {
    position: relative;
    background-color: #020862;
}

.text-submit {
    font-size: 12px;
}

.text-submit label a {
    text-decoration: underline !important;
}

.country-list option::-ms-value {
    color: #707070 !important;
}

select {
    color: #707070 !important;
}

@media only screen and (max-width:767px) {
    .div-call,
    .div-form {
        padding: 30px 15px 30px 15px !important;
    }
    .basic .slick-prev:before,
    .platform-slide .slick-prev:before,
    .platform-slide-2 .slick-prev:before,
    .platform-slide-2 .slick-next:before {
        font-size: 10vw;
    }
    .platform-slide-2 .slick-next {
        top: 36%;
    }
    .contact-h4 {
        margin: 0;
    }
    .div-call {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .country-list {
        padding: auto !important;
    }
    .home-banner-btn1 {
        font-size: 4.2vw;
        color: #fff!important;
        padding: 2.5vw 7.5vw;
        line-height: 1.1 !important;
        border-radius: 6px;
        width: 270px;
    }
    .home-banner-btn2 {
        font-size: 4.2vw;
        line-height: 1.1 !important;
        border-radius: 6px;
        padding: 2.5vw 5.5vw;
        width: 270px;
    }
    .banner-btn {
        font-size: 3vw;
    }
}


/* #reve-chat-widget-header,
#reve-chat-container-div {
visibility: hidden;
} */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .flex-container ul>li {
        font-size: 12px !important;
    }
    /* #mob-ul {
        padding: 0% 0px 5% 0px !important;
    } */
    .basic .slick-next {
        right: 20px;
    }
    .swiper-zoom-container {
        top: 5% !important;
        justify-content: flex-start !important;
    }
    .h2-platform,
    .h2-product,
    .h2-about,
    .h2-about-global {
        padding: 50px 0;
    }
    .basic .slick-prev {
        left: 20px;
    }
    .span-img-plat img {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }
    #swiper-container-lp .swiper-slide .min1 {
        height: calc(100vh) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        width: 100%;
    }
    .custom-product-img {
        width: 45px;
    }
    .cards-product .card {
        min-width: auto;
    }
    .cards-product div .card-title {
        font-size: 20px;
    }
    .contact-us a span {
        font-size: 13px;
    }
    .div-call {
        padding: 50px 10px 50px 35px !important;
    }
    .social-contact a span {
        padding: 7px 5px 2px 5px;
        font-size: 16px;
        margin-right: 3px;
    }
    .contact-us .social-contact i {
        width: 20px;
        padding: 2px 1px;
    }
    .footer_other_left a {
        margin-right: 2%;
        font-size: 14px;
    }
    .footer_map li strong {
        font-size: 15px;
    }
    .footer ul li a {
        font-size: 10px;
    }
    .footer_pa p a {
        font-size: 12px;
    }
    .h2-about-global,
    .h2-platform,
    .h2-about,
    .h2-product,
    .h2-contact {
        font-size: 36px;
    }
    .section-news-letter,
    .footer-custom {
        padding: 60px 0px;
    }
    .hero-container .hero-box>div {
        background-color: #010d4bfc !important;
    }
}

.card-span {
    font-size: 12px;
    padding: 2px 3px;
    margin-top: 2px;
    background-color: red;
    color: white;
    width: max-content;
    display: block;
}

.section-news-letter {
    background-color: var(--background-dark-news);
}

.input-newsletter {
    width: 100%;
    height: 45px;
    background: var(--div-form);
    padding: 5px 5px 5px 15px;
    border: 1px solid gray;
    border-radius: 5px;
    color: var(--font-color);
}

.slide-slick-1 {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 99%;
    transition: all ease-in-out 1.5s;
    border-right: 1px solid var(--slider-border-right);
    padding: 20px 0;
    min-height: 150px !important;
    position: relative;
    transition: all ease-in-out 0.5s;
}

.about-page-awards .swiper-button-next {
    right: 28%;
    top: 87%;
    color: var(--border-bottom-tab);
}

.about-page-awards .swiper-button-prev {
    left: 28%;
    top: 87%;
    color: var(--border-bottom-tab);
}

.awards-hr {
    border-top: 1px solid var(--border-bottom-tab);
}

.text-newsletter {
    font-size: 2.2vw;
    color: white !important;
}

.lower-brightness.card-img.mex-img-cover {
    filter: brightness(0.5) !important;
}

.contact-us .col-md-12 p.pb-5 {
    color: var(--font-color);
}

@media (min-width:550px) and (max-height:500px) {
    .swiper-slide.home-page a {
        width: auto !important;
        min-width: 35vw;
    }
    .hero-container {
        position: relative;
        top: 100%;
    }
    .hero-container .hero-box>div {
        width: 100%;
    }
    #swiper-container-lp {
        height: 100vh;
    }
    .swiper-slide.home-page a:nth-child(2) {
        margin-top: 0;
        margin-left: 30px;
    }
    .button-action {
        flex-direction: row !important;
    }
    .swiper-zoom-container {
        top: 16%;
    }
    .home-banner-title1 {
        font-size: 4vw;
    }
    .home-banner-title2 {
        font-size: 3.5vw;
        padding: 4% 0 0% 0;
    }
    .home-banner-btn2 {
        font-size: 3vw;
    }
    .home-banner-btn1 {
        font-size: 3vw;
    }
    .banner-btn {
        font-size: 1.8vw;
    }
    .slide-slick-1 {
        min-height: 120px;
    }
}

.mex-content {
    line-height: 3vw;
}

.demo a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
}

#section05 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}

#section05 {
    animation-name: button-top-animation;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: 50%;
}

.fa-check-circle:before {
    content: url(/public_files/images/common/icons/mymultibank_ico.png) !important;
}

.btn-product-partnerships:hover,
a.btn-product-2:hover {
    color: #BB914A !important;
}


/* Webinar css */

.webinar-banner {
    width: 100%;
    position: absolute;
}

.page-top-banner {
    background: url(/public_files/images/webinar/header-webinar.png);
    padding: 0;
    height: 350px;
    background-size: cover;
    background-position: center;
}

.page-top-banner .container h2 {
    font: normal normal normal 56px/83px Oswald,sans-serif;
    color: white;
}

.page-top-banner .container div {
    color: #BB914A;
    font: normal normal normal 16px/24px Roboto,sans-serif;
}

.webinar-time {
    background: #020862 0% 0% no-repeat padding-box;
    padding: 61px 127px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 43%
}

.text-gold {
    color: #BB914A;
}

.time-sec-intro {
    font: normal normal normal 28px/41px Oswald,sans-serif;
}

.time-sec-intro~span {
    font: normal normal normal 20px/22px Roboto,sans-serif;
    color: white;
}

.time-digit {
    font: normal normal bold 34px/41px Roboto,sans-serif;
}

.time-digit~span {
    font: normal normal normal 14px/24px Roboto,sans-serif;
    color: white;
    text-transform: uppercase;
}

.time-collon {
    font: normal normal bold 34px/41px Roboto,sans-serif;
    color: #BB914A;
}

.sec-webinar-list {
    top: 15%;
    margin-bottom: 10%;
}

.sec-webinar-list .row {
    padding: 40px 15px;
    /* background: #d6d6d629; */
    /* border-bottom: 1px solid #020862; */
}

.sec-webinar-list .row:hover {
    background: #d6d6d629;
    /* border-bottom: 1px solid transparent; */
    transform: scale(1.005);
    transition: transform ease-in 0.4s;
}

.sec-webinar-list .container .row div h3 {
    font: normal normal normal 28px/41px Oswald,sans-serif;
    color: #BB914A;
}

.sec-webinar-list .container .row div span {
    font: normal normal normal 16px/24px Roboto,sans-serif;
    color: #222222;
}

#countdown .col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.webinar-btn {
    padding: 13px 10px;
    font-size: 15px;
}

@media (max-width:767px) {
    .basic .slick-next:before {
        font-size: 10vw;
    }
    .platform-slide .slick-prev,
    .platform-slide-2 .slick-prev {
        left: 8px;
        position: absolute;
        z-index: 2;
        border: none;
        width: 10vw;
        height: 10vh;
        background: transparent;
        color: transparent;
    }
    .swiper-slide.home-page a {
        width: 100%;
    }
    .sec-webinar-list .container .row div span {
        font: normal normal normal 12px/24px Roboto,sans-serif;
        min-height: 50px;
        white-space: nowrap;
    }
    .text-before-icons {
        white-space: normal !important;
    }
    #countdown {
        padding: 15px;
    }
    .page-top-banner {
        padding: 40px 0;
        height: auto;
    }
    .webinar-btn {
        padding: 13px 9px;
    }
    .sec-webinar-list {
        top: 0%;
        margin-bottom: 0%;
    }
    h3.text-light {
        font: normal normal normal 22px/32px Oswald,sans-serif;
    }
    .webinar-time {
        position: relative;
        top: 0;
        padding: 40px 15px !important;
    }
    .header-boottom-logo {
        margin: 5px 7px
    }
    .mex-block-h600 {
        min-height: unset
    }
    .en_footer {
        width: 90%
    }
    .mex-m-t-100 {
        margin-top: 40px!important
    }
    .mex-p-t-100 {
        padding-top: 40px!important
    }
    .mex-m-b-100 {
        margin-bottom: 40px!important
    }
    .mex-m-b-80 {
        margin-bottom: 40px!important
    }
    .mex-m-t-80 {
        margin-top: 40px!important
    }
    .mex-p-b-40 {
        padding-bottom: 5px!important
    }
    .mex-m-t-50 {
        margin-top: 30px!important
    }
    .mex-m-t-30 {
        margin-top: 15px!important
    }
    .mex-m-t-40 {
        margin-top: 20px!important
    }
    .mex-m-b-40 {
        margin-bottom: 20px!important
    }
    .mex-p-t-80 {
        padding-top: 40px!important
    }
    .index-offices .swiper-slide {
        width: 100%
    }
    .banner-with-bg .mex-content,
    .page-top-banner .mex-content {
        font-size: 20px;
        line-height: 1.2
    }
    .mex-sub-content {
        font-size: 20px;
        line-height: 1.2
    }
    .mex-content p {
        font-size: 18px
    }
    .mex-content {
        font-size: 18px
    }
    .about_career_page .mex-list-disc {
        font-size: 18px
    }
    section.mex-block-focus {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .mex-table {
        font-size: 16px
    }
    #swiper-container-awards .mex-content {
        line-height: 3.2vh;
    }
    .awards-title {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .section-partnerships .card .card-img {
        filter: brightness(0.5);
    }
}

@media all and (max-width:1200px) and (min-width:768px) {
    .webinar-time {
        padding: 30px 30px;
    }
    .sec-webinar-list {
        top: 0;
    }
    .flex-container ul li {
        font-size: 12px;
    }
    .span-img-plat img {
        width: 28px;
        height: 28px;
        margin-right: 2px;
    }
    .swiper-slide.home-page a {
        width: auto;
    }
    .home-banner-btn1 {
        /*margin-left: 0;*/
        /*margin-top: 15px;*/
    }
}

@media (min-width:2600px) {
    .container {
        max-width: 1600px;
    }
    video {
        height: 100%;
        object-fit: cover;
    }
    .h4-hero-box {
        font-size: 0.8vw;
    }
    .span-hero {
        font-size: 1.3vw;
    }
    .panel-heading[data-toggle="collapse"]:before {
        font-size: 2vw
    }
    .about-page-awards .swiper-container .swiper-slide.width-40 img {
        height: 12vh;
    }
    .about-page-awards .swiper-container img {
        /*height: 7vh;*/
    }
    .slidebar-d a .btn img {
        width: 100%;
        height: 100%;
    }
    .slidebar-d a .btn {
        min-width: 5vh;
    }
    .text-newsletter {
        font-size: 1.2vw
    }
}


/*--------------------Navbar mobile----*/

#mob-ul {
    display: none;
    z-index: 300;
    right: 0;
    left: 0px;
    top: 20px;
    text-transform: uppercase !important;
    font-family: 'oswald', sans-serif !important;
    position: fixed;
    overflow-y: scroll;
    padding: 100px 0 0 0;
    height: 100%;
}

.nav-menu-mobile-section a {
    color: #000832;
}


/* header css */

.nav-tgl {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 400;
    right: 12px;
    top: 20px;
    width: 35px;
    height: 30px;
    border: none;
    border-radius: 50%;
    padding: 0;
    background: #000832;
    line-height: 0.6;
    text-align: center;
}

.nav-tgl>span {
    display: inline-block;
    position: relative;
    height: 2px;
    width: 22px;
    border-radius: 1px;
    background: white !important;
    vertical-align: middle;
    left: 3px;
}

.nav-tgl>span:before,
.nav-tgl>span:after {
    display: inline-block;
    position: absolute;
    content: "";
    height: 2px;
    border-radius: 1px;
    background: white;
    transition: all 200ms;
}

.nav-tgl>span:before {
    top: -8px;
    left: 0px;
    height: 2px;
    width: 22px;
}

.nav-tgl>span:after {
    top: 8px;
    left: 0px;
    height: 2px;
    width: 22px;
}

.nav-tgl-grey {
    background: #f8f8f8 !important;
}

.nav-tgl:focus {
    outline: none;
}

nav.mobile-nav:before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100vw;
    height: 100vh;
    clip-path: circle(30px at calc(100% - 35px) 35px);
    visibility: hidden;
    background: white;
    z-index: 99;
}

.menu.active nav.mobile-nav:before {
    visibility: visible;
    clip-path: circle(100%);
    transition: all ease-in-out 0.7s;
}

.menu.active .nav-tgl>span {
    height: 0;
}

.menu.active .nav-tgl>span:after,
.menu.active .nav-tgl>span:before {
    top: -1px;
    left: -4px;
    width: 25px;
}

.menu.active .nav-tgl>span:after {
    transform: rotate(-45deg);
}

.menu.active .nav-tgl>span:before {
    transform: rotate(45deg);
}

.mob-live {
    background: #bb914a;
    color: white;
    border-radius: 6px !important;
}

.mob-trade {
    background: #168bfe;
    color: white;
    border-radius: 6px !important;
}

.spanAfter {
    background: #010d4b;
}

.navbtn>span:after {
    color: white
}

.navbtn>span:before {
    color: white
}

.navbtn>span.active:after {
    color: blue !important
}

.navbtn>span.active:before {
    color: blue !important
}

.nav-tgl>span.bgCol:after,
.nav-tgl>span.bgCol:before {
    background: #020862;
}

.nav-menu-mobile-section.rotatetVal:after {
    transform: rotate(90deg);
}

.custom-lang {
    border-top: 1px solid rgba(0, 0, 0, .1);
    width: 31px;
    margin-bottom: 0px !important;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #mob-ul {
        padding: 0% 0% 15% 0% !important;
    }
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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


/* Header css */

.banner-parent {
    height: calc(100vh - 120px);
}

.usp-learnmore {
    background: #BB914A 0% 0% no-repeat padding-box;
    width: 100%;
    height: 29px;
    display: none;
    position: absolute;
    bottom: 0;
    justify-content: center;
    align-items: center;
    color: white;
    margin-top: 10px;
    transition: all ease-in-out 0.5s;
    font: normal normal bold 16px/19px Roboto,sans-serif;
}

.usp-learnmore:after {
    content: '\003E';
    margin-left: 8px;
}

.usp-learnmore:hover {
    color: white;
}

.slide-slick-1:hover {
    background: #020862 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #000000;
}

.color-blue {
    color: #020862 !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.cwtg-heading {
    font-size: 3.8vw;
}

a {
    cursor: pointer !important;
}

.our-product img.custom-product-img {
    margin-right: 8px;
}

.about-multibank .card-body {
    padding: 40px 20px 0 !important;
}

.cwtg-section {
    padding: 67px 0 37px 0;
}

.cwtg-card {
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BB914A;
    border-radius: 7px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.cwtg-card:hover {
    color: #ffffff;
    background: #020862 0% 0% no-repeat padding-box;
}

.cwtg-card:hover span {
    color: #ffffff;
}

.cwtg-card span {
    font: normal normal normal 1vw Oswald,sans-serif;
    letter-spacing: 0px;
    color: #020862;
    margin-top: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cwtg-heading {
    margin-bottom: 67px;
}

@media (min-width: 1366px) {
    h2 {
        font-size: 2.8vw;
    }
}

html {
    scroll-behavior: smooth;
}

form {
    position: relative;
}

.form-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: flex;
    justify-content: center;
    align-items: center;
}

form:not(#demo_competition_form_2019_08_13) .sms-code-container {
    display: none;
}

form:not(#demo_competition_form_2019_08_13) .send-code-container {
    display: none;
}

.multibank-form label.error {
    font-size: 1.1rem;
}

.h-00 {
    height: 0;
}

.button-view-all {
    margin: auto;
    display: block;
    text-align: center;
    max-width: 220px
}

.loader-parent {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

#swiper-container-lp .flex-nowrap .home-banner-title1 span {
    color: #BB914A !important;
}

.home-banner-title1 span:nth-child(2) {
    text-transform: none
}

.inputPhone {
    padding-left: 50px !important;
}

@media all and (min-width:768px) and (max-width:1200px) {
    .social-contact a span {
        margin-right: 0 !important
    }
}

.nav-menu-mymex {
    padding-right: 20px;
}

form {
    position: relative;
}

.form-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: flex;
    justify-content: center;
    align-items: center;
}

form:not(#demo_competition_form_2019_08_13) .sms-code-container {
    display: none;
}

form:not(#demo_competition_form_2019_08_13) .send-code-container {
    display: none;
}

.multibank-form label.error {
    font-size: 12px;
}

.h-00 {
    height: 0;
}


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */


/* Portrait and Landscape */


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    button.slick-next.slick-arrow {
        top: 35%;
    }
}

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    video {
        height: 42%;
    }
    #swiper-container-lp .swiper-slide .min1 {
        height: 42vh;
    }
    .swiper-slide.home-page a {
        width: auto !important;
    }
    .swiper-slide.home-page a:nth-child(2) {
        margin-top: 15px;
        margin-left: 30px !important;
    }
    .button-action {
        flex-direction: row !important;
    }
    .swiper-zoom-container {
        /*top: 16% !important;*/
    }
    .hero-container {
        bottom: 3.8vh;
    }
    .hero-container .hero-box>div {
        width: 100%;
    }
}

@media all and (max-width:280px) {
    .header-bottom-left-container .header-logo {
        height: 14px !important;
        padding-left: 6px !important;
    }
    .h4-hero-box {
        margin-top: 8px
    }
    .header-boottom-logo {
        margin: 20px 5px !important;
    }
    .nav-menu-mobile-section:after {
        right: 25px !important;
    }
}

/*Espanish Popup Css*/
.container-popup{background: #020862; border: 2px solid #BB914A;border-radius: 7px;  width: 40%;    box-sizing: border-box; padding: 40px;color:#fff;    font-family: Calibri;    font-size: 19px;
    line-height: 24px;}
.modal-box-direction {width: 100%;  height: 100vh;position: fixed;top: 0;left: 0;display: none;justify-content: center;align-items: center;z-index: 99999;
background-color: rgba(0,0,0,0.8);}
.modal-box-direction.show {  display: flex;}
.lang-option{ display:inline-block; width:100%; margin:0 0 20px 0;font: normal normal  20px/24px Calibri;letter-spacing: 0px;color: #FFFFFF; text-align:right;}
.lang-option span{display: inline-block;cursor:pointer;  margin: 0 0 0 10px;    border-left: 1px solid #707070;    padding: 0 0 0 10px;    line-height: 17px;}
.lang-option span.active{color: #BB914A;}
.lang-option span.no-border{border:none;}
.button-outer{ display:inline-block; width:100%; margin:40px 0;}
.button-outer a{border: 1px solid #BB914A;border-radius: 5px; padding:10px; color:#fff; text-decoration:none; cursor:pointer;}
.button-outer a:hover,.button-outer a:active{background:#BB914A; color:#fff;}
@media only screen and (max-width: 767px){
    .container-popup{width:90%; padding:20px;}
}






/*------------------Product Forex start's here------------------   */

.heroImage {
    background: url(/public_files/images/trade-forex-3.png), transparent radial-gradient(closest-side at 50% 50%, #0818A2 0%, #010C3E 100%);
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%
}

.heroContents {
    padding-top: 14%;
    color: white;
}

.bookButton {
    background-color: blue;
    border: none;
    color: white;
    padding: 10px;
    font-size: 15px;
    border-radius: 10px;
}

.heroImage .custom-breadcrumb-content nav {
    display: flex !important;
    justify-content: start !important;
    -webkit-box-pack: start !important;
    padding: 0px !important;
}

.custom-breadcrumb-content h1 {
    font-size: 4vw;
}

.custom-breadcrumb .breadcrumb {
    color: #BB914A !important;
    text-transform: uppercase;
    font: normal normal normal 14px/24px Roboto,sans-serif;
    letter-spacing: 0px;
    opacity: 1;
}

.custom-breadcrumb ol li.breadcrumb-item a {
    color: #BB914A !important;
    text-transform: uppercase;
}

.arr-right .breadcrumb-item+.breadcrumb-item::before {
    /* content: "›";
    vertical-align: top; */
    font-family: 'FontAwesome';
    content: "\f105";
    color: #BB914A;
    font-size: 16px;
    line-height: 18px;
}

.content-div p {
    max-width: 545px;
    margin-bottom: 5%;
    margin-top: 10px !important;
}

.demo-btn {
    transition: all .35s ease-in-out !important;
    background-color: #AE0808;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    padding:10px;
}
.demo-btn:hover{
      background-color: #980101;
}
.start-btn {
    transition: all ease-in-out .35s !important;
    background-color: #048519;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    padding:10px;
}
.start-btn:hover{
      background-color: #056F16;
}
.h2-forex {
    font-family: oswald, Helvetica, Arial, sans-serif;
    font-size: 3.8vw;
}

.h2-forex span {
    color: #BB914A;
}

.adv-section {
    background: transparent radial-gradient(closest-side at 50% 50%, #0818A2 0%, #010C3E 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.adv-section h2 {
    padding-bottom: 67px;
}

.adv-section .flex-container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.adv-section .flex-container>div {
    width: 250px;
    height: 190px;
    margin: 10px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 16px;
    border: 1px solid #0818A2;
    background: #010D4B 0% 0% no-repeat padding-box;
    border: 1px solid #0818A2;
    border-radius: 10px;
}

.adv-section .flex-container>div>a {
    width: 100%;
    border-radius: 7px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
}

.adv-section .flex-container>div:hover {
    background: #020862 0% 0% no-repeat padding-box;
}

.adv-section .flex-container>div>a span {
    display: flex;
    justify-content: center;
    align-items: center;
    font: 13px Roboto,sans-serif;
    letter-spacing: 0;
    color: white;
    margin-top: 15px;
    text-overflow: ellipsis;
}

.adv-section .flex-container>div>a>img {
    max-width: 100%;
}

.custom-faq-group h4 {
    margin-left: 4vh;
    font-weight: 500;
    text-transform: uppercase;
}

.panel-heading {
    position: relative;
}

.panel-title {
    cursor: pointer;
}

.custom-faq-group .panel {
    padding: 0px 0px 5px 0px;
    border-bottom: 0;
}

.custom-faq-group .panel-heading h4 {
    color: white !important;
}

.custom-faq-group .panel-body {
    padding: 2vh 2vh 1vh 4vh;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #D7D8DE;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
}

.custom-faq-group .panel-body p {
    font-size: 14px;
}

.custom-faq-group .panel-heading[data-toggle="collapse"]:after {
    font-family: FontAwesome;
    content: "\f106";
    /* "play" icon */
    position: absolute;
    color: #BB914A !important;
    font-size: 5vh;
    line-height: 21px;
    right: 13px;
    top: calc(50% - 10px);
    color: var(--check-circle);
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.custom-faq-group .panel-heading[data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (down arrow) to ^ (up arrow) */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #BB914A !important;
}

.custom-faq-group .panel-heading {
    background: #010D4B 0% 0% no-repeat padding-box;
    border: 1px solid #020862;
    border-radius: 5px;
    opacity: 1;
    padding: 10px 0px 0px 0px;
}

.table-section .table-content table thead>tr>th {
    background-color: #020862 !important;
}

.table-section table thead>tr>th {
    padding: 15px 5px!important;
}

.table-section .mex-table.table>tbody>tr>td,
.table-section .mex-table.table>thead>tr>th {
    padding-left: 5px!important;
    padding-right: 5px!important;
    position: relative;
    border: 1px solid #D7D8DE;
    background-color: white;
}

.table-section .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F2F2F2!important;
}


.Forex-section p {
    font-size: 14px;
}
.Forex-section {
    padding: 67px 0px 0px 0px !important
}
@media (max-width:767px) {
    .custom-breadcrumb-content h1 {
        font-size: 10vw;
    }
    .h2-forex {
        font-size: 32px;
    }
    .adv-section .flex-container>div>a span {
            font-size: 13px;
    }
}

@media (max-height: 500px) and (min-width: 550px) {
    .custom-breadcrumb-content h1 {
        font-size: 4vw;
    }
    .start-btn {
        margin-bottom: 5px;
        display: block;
    }
    .demo-btn {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .start-btn {
        margin-bottom: 5px;
        display: block;
    }
    .demo-btn {
        display: block;
    }
    .h2-forex {
        font-size: 36px;
    }
}

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .start-btn {
        margin-bottom: 5px;
        margin-top: 5px;
        display: block;
    }
    .demo-btn {
        display: block;
    }
}

@media all and (max-width: 300px){
    .banner-btn {
    font-size: 3.5vw;
}
}


@media all and (min-width: 480px) and (max-width: 600px){
    .swiper-slide.home-page a {
    max-width: 380px !important;
    min-width: 380px !important;
}
}
.active-white{
    color:white !important;
}
input.form-check-input.custom-input-disc{
    display:none;
}
label.form-check-label.custom-disc {
    font-size: 16px;
    color: white;
    padding-left: 9px;
}
@media all and (max-width: 768px){
   label.form-check-label.custom-disc {
    font-size: 13px;
}
}