@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=Shadows+Into+Light&display=swap');
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    letter-spacing: .011em;
    overflow-x: hidden
}

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: #1834a7
}

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

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: flex;
    align-items: center;
    -ms-align-items: 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
}

@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%;
    object-fit: cover;
    border-radius: 0
}

.mex-cursor-pointer {
    cursor: pointer
}

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

.mex-content {
    font-size: 20px;
    line-height: 1.4;
    color: #222;
    font-weight: 400
}

@media (max-width:441px) {
    .mex-content {
        font-size: 18px
    }
    .withdrawals-tabs .tab-title a{font-size: 12px !important;}
}

.mex-sub-content {
    font-size: 24px;
    line-height: 1.2;
    color: #222;
    font-weight: 400
}

.banner-with-bg .mex-content,
.page-top-banner .mex-content {
    font-size: 24px;
    line-height: 1.4;
    color: #222;
    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: flex
}

.hover-img-zoom {
    overflow: hidden
}

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

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

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

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

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

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

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

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

@media (max-width:767px) {
    .withdrawals-tabs .tab-title a{
        font-size: 12px !important;
        
    }
    .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
    }
}

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

.flex-center {
    display: flex;
    align-items: center;
    -ms-align-items: 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: #222;
    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
    }
}

@media all and (max-width:990px) {
    .block-md {
        display: block!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%;
    transform: translateY(-50%);
    z-index: 1
}

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

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

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

.same-height-block {
    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 {
    background-color: #000032;
    color: #fff;
    border: 2px solid #000032
}

.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', 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 #bb914a;
    background-color: #bb914a
}

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

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

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

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

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

.contact-agreement {
    font-size: 11px;
    line-height: 14px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 3px;
    display: block;
    flex-direction: row;
    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: 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
    } */
        .withdrawals-tabs .tab-title a{font-size: 12px !important;}

}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-family: 'Oswald', sans-serif;
}

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

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

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

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

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

.text-white {
    color: #fff
}

.text-black {
    color: #000
}

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

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

.mex-h1 {
    font-family: 'Oswald', 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', sans-serif;
    color: #222;
    text-transform: uppercase;
    font-weight: 400
}

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

.mex-h2 {
    font-size: 40px;
    line-height: 46px
}

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

.mex-bold,
.mex-font-bold {
    font-weight: 400
}

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

.text-666 {
    color: #666
}

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

.text-000 {
    color: #000!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
}

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

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

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

.font-type-cap {
    font-family: 'Oswald', 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
}

.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 {
    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) {
    .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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, 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', 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 {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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%;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, 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', cursive;
    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: #f8f8f8
}

.bg-000 {
    background-color: #000
}

.bg-F8F8F8 {
    background-color: #f8f8f8
}

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

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

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

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

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

.mex-table tbody tr:hover {
    background-color: #f1fbfc
}

table.dataTable tr:nth-of-type(odd) {
    background-color: #f1fbfc
}

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', 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) {
    background: #f1fbfc
}

.table-striped-blue>tbody>tr:nth-of-type(odd) {
    background: #f5f5ff
}

.table-striped tbody tr:hover {
    background: #f1fbfc
}

.table-striped-blue tbody tr:hover {
    background: #f5f5ff
}

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: #1834a7
}

::-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', 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;
    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: rgba(0, 0, 0, .1) 0 8px 6px -6px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 0 8px 6px -6px;
    box-shadow: rgba(0, 0, 0, .1) 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: #333;
    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: flex;
    justify-content: center;
    align-items: center
}

.form-control {
    box-shadow: none
}

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

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

.mex-form-item label {
    color: #666;
    width: 100%
}

.mex-form-item input,
.mex-form-item select {
    background: #e3e3e3;
    border: 1px solid #ccc;
    width: 100%;
    height: 34px;
    padding-left: 15px;
    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;
    text-align:left;
}

.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%;
    transform: translateY(-50%)
}

.form-tooltip::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    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::placeholder {
    color: rgba(20, 20, 20, .4)!important
}

.iti__country-list {
    max-width: 400px;
    z-index: 11;
}

.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;
    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 {
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.mex-box-shadow:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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: #222;
    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;
    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%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-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);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-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;
    box-shadow: 0 0 0 1px #ccc;
    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;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-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;
    box-shadow: 0 0 0 1px #ccc;
    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;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-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: #222;
    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 css */
/* .header a:hover {
    color: #d2a94b
}

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

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

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

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

.header-spacer {
    height: 0
}

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

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

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

.header-top-left-menu li a {
    color: #666;
    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: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    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: flex;
    flex-direction: row;
    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: "\e64b";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    transition-duration: .3s
}

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

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

.nav-menu,
.nav-menu-mobile {
    width: 100vw;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #fff
}

.nav-menu-mobile {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.lang-menu {
    margin-right: 20px;
    border-left: 1px solid #ccc;
    cursor: pointer
}

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

.lang-menu-current a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #222;
    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: "\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 #ccc;
    z-index: 100000
}

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

.lang-menu:hover .lang-menu-dropdown {
    display: block
}

.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: 18px;
    cursor: pointer
}

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

.nav-menu-mobile-section>ul {
    display: none;
    background: #efefef
}

.nav-menu-mobile-section>ul>li {
    padding: 5px 0
}

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

.nav-col-hr {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.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%
    }
} */

/* header css */
.text-1e32a3 {
    color: #1e32a3
}

.flex-center {
    display: flex;
    align-items: center
}

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

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

.mex-img-cover {
    width: 100%;
    height: 100%;
    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: #222;
        padding: 15px;
        text-align: center
    }
    section.mex-block-full .both-content {
        width: 100%;
        background: #fff;
        color: #222;
        padding: 15px;
        text-align: center
    }
    section.mex-block-full .both-content .text-fff {
        color: #222!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: #222;
    font-weight: 400
}

.contact-us a {
    color: #333
}

.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: grey;
    font-size: 14px;
    font-weight: 400;
    margin-right: 4%;
    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
}

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

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

@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
    }
    .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;
    align-self: auto
}

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

.choose-next-background {
    background-image: url(../images/common/bg_banner/choose_where_to_go_next_bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.choose-next-background.subject-box-bg-light {
    background-image: url(../images/common/bg_banner/choose_where_to_go_next_bg.png)
}

.icon-next-list>ul {
    display: inline-block;
    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;
    transition: 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;
    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: #222;
    width: 100%;
    text-decoration: none;
    display: block;
    font-weight: 700
}

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

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

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

.icon-next-list>ul>li svg {
    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 {
    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;
        transition: all .2s
    }
}

.contact_section {
    position: relative;
    display: block;
    background-color: #fff;
    max-width: 1024px;
    margin: 35px auto;
    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;
        width: 23px;
}

@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 {
    width: auto;
    height: auto;
    display: inline-block;
    background: 0 0;
    position: fixed;
    right: 5px;
    top: 25%;
    z-index: 1000;
    display: none
}

.slidebar a {
    width: auto;
    height: 52px;
    display: block;
    padding: 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: 0 0
}

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

.slidebar a .text {
    height: 52px;
    line-height: 52px;
    float: left;
    padding: 0 15px;
    text-align: center;
    position: relative;
    display: none;
    font-family: 'Oswald', 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 {
    background: #c3a118;
    opacity: .9
}

.get-a-all-btn .text {
    background: #c3a118
}

.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(../images/common/icons/cb_unchecked.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(../images/common/icons/cb_checked.png)
}

#call_back_footer_form .cb-partnership label,
#contact_us_form .cb-partnership label,
#landing_franchise_contact_us_form .cb-partnership label {
    color: #000!important
}

.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', 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', 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', 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', 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', 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-form {
    position: absolute;
    top: 230px;
    right: 63px;
    display: block;
    width: 365px;
    z-index: 99;
    background-color: rgba(255, 255, 255, .75);
    padding-bottom: 10px
}

.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: 100%!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', 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', 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', 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', 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) {
    .trade-confidence-container {
        margin-bottom: 50px!important
    }
}

@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;
        box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
        transform: translate3d(0, 0, 0);
        transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .trade-with-confidence-card:hover {
        box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
        position: relative;
        transform: translate3d(0, -5px, 0);
        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%;
    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
}

.customer_service {
    background-image: url(../images/about_us/why_multibank_first_class_bg.jpg)
}

.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%;
    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: flex
    }
}

@media (min-width:992px) {
    .about-banner-with-bg .align-all {
        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: flex;
        align-items: center;
        padding: 8vw 0
    }
    .banner-with-bg .align-all {
        position: 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) {
    .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 {
    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
    }
}

#swiper-container-global-presence .width-40,
#swiper-container-global-presence .width-40 section {
    transform: scale(1.14)
}

#swiper-container-global-presence .width-40 section {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3)
}

#swiper-container-awards .width-40,
#swiper-container-awards .width-40 section {
    transform: scale(1.1);
    overflow: visible
}

#swiper-container-awards .width-30,
#swiper-container-awards .width-30 section {
    transform: scale(.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
}

.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: linear-gradient(to top, rgba(29, 53, 76, .9686274509803922), 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;
    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 {
    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: 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);
    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: flex
    }
    #regulations-global-presence .swiper-slide {
        justify-content: flex-end;
        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: rgba(255, 255, 255, .85)!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: url(../images/about_us/management/management_bg@2x.jpg)
}

.about-management .mex-card-cover {
    height: 100%
}

.about-management .card-content {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    padding: 10px;
    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;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.min2 {
    display: none
}

.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;
    transform: unset!important;
    padding: 60px 0
}

.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: 40px 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: #fff
}

.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 {
    transform: scale(1.2)
}

.about-news .card {
    position: relative
}

.about-news .about-milestones-content .card {
    background: #f8f8f8;
    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: #222
}

.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: 700
}

.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%;
    object-fit: cover
}

.about-company-new-content .card {
    padding: 0;
    background: 0 0;
    margin-bottom: 15px
}

.about-company-new-content .card.big-news a {
    flex-direction: column
}

.about-company-new-content .card.big-news img {
    width: 100%
}

.about-company-new-content .card a {
    display: flex;
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    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: linear-gradient(to top, rgba(29, 53, 76, .9686274509803922), 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: url(../images/about_us/news-bg.jpg) no-repeat center top;
    overflow: hidden
}

.mex-h1 {
    text-align: center
}

.news-con-h4 {
    line-height: 1.2;
    text-align: center
}

.news-con-det-l {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.news-con-det-l:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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: #2222227a!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: #010133;
    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: #222;
    width: 90%;
    margin: 0 auto
}

.news-con-main {
    font: 18px/30px Calibri;
    line-height: 1.2;
    color: #222;
    width: 90%;
    margin: 1vh 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: #fff;
    margin-top: 29px;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.news-con-det-rbox:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.news-con-det-sec:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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
}

.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: #222;
    width: 90%;
    margin: 0 auto
}

.news-con-main {
    font: 1.5vw/2.5vw Calibri;
    line-height: 1.2;
    color: #222;
    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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.news-con-det-rbox:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, 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 {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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
}

.news-martop {
    margin-top: 8vw
}

.news-con-h4 {
    font: 24px/30px 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: 20px/36px Calibri;
    color: #222;
    width: 90%;
    margin: 0 auto
}

.news-con-main {
    font: 18px/30px "Calibri";
    line-height: 1.2;
    color: #222222;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*.news-con-det-r {*/
/*    margin-top: 2.5vw*/
/*}*/

.news-con-det {
    margin-top: 2.5vw
}

.news-con-det-rbox {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
    margin-top: 2.4vw
}

.news-con-det-rbox:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.news-con-det-l {
    text-decoration: none;
    padding-bottom: 1.7vw;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.news-con-det-sec:hover {
    box-shadow: 0 .875rem 1.75rem rgba(0, 0, 0, .1), 0 .625rem .625rem rgba(0, 0, 0, .1);
    position: relative;
    transform: translate3d(0, -5px, 0);
    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-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 {
        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 {
    transform: scale(1);
    position: relative;
    z-index: 9
}

.about-page-awards .swiper-container img {
    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 {
    transition: all .3s .5s
}

.about-page-awards .width-40 .mex-content,
.about-page-awards .width-40 .mex-h3 {
    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 {
    transform: scale(1.2)
}

#swiper-container-awards section span,
#swiper-container-awards span {
    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;
        transform: translateX(-50%)
    }
}

@media (max-width:1680px) {
    .about-page-awards .swiper-button-next {
        right: -130px
    }
    .about-page-awards .swiper-button-prev {
        left: -130px
    }
}

@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;
        padding-top: 80px;
        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
    }
}

.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: #e5e5e5;
    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: #e5e5e5;
    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: absolute;
    top: 48%;
    left: -6%
}

.multiple-items .slick-slide {
    float: left;
    z-index: 1000
}

.milestone-container img {
    object-fit: cover;
    max-height: 196px
}

.milestone-container .details-container {
    height: 100%;
    max-height: 196px;
    background-color: #f8f8f8;
    overflow: hidden
}

.milestone-container .mark-container {
    width: 60px;
    height: 100%;
    background-color: #f8f8f8;
    text-align: center
}

.milestone-container .mark {
    width: 30px;
    height: 6px;
    margin-top: 22px;
    background: #222;
    display: inline-block
}

.milestone-container .title {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-right: 15px;
    width: 100%
}

.milestone-container .summary {
    font-size: 20px;
    color: #222;
    font-weight: 400;
    padding-right: 15px;
    margin-bottom: 15px
}

.milestone-container .date {
    font-size: 20px;
    color: #777;
    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%;
    object-fit: cover;
    object-position: 0 0;
    padding-right: 5px
}

.side-news-frame {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin: 1vmax 0;
    display: flex;
    justify-content: space-between;
    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: flex;
    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;
    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: url(../images/platforms/common/avant-memo-bg.jpg);
    background-position: top center;
    background-color: #3e4048
}

.avant-memo-contianer {
    background: url(../images/platforms/common/avant-memo.png) 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: #e2e5e7;
    border-left: 2px solid #75777d;
    border-right: 1px solid #75777d
}

.avant-book {
    background-image: url(../images/platforms/common/avant-book-bg.jpg);
    background-position: top center;
    background-color: #c69567
}

.avant-book-contianer {
    background: url(../images/platforms/common/avant-book.png) 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: url(../images/platforms/common/avant-pad-bg.jpg);
    background-position: top center;
    background-color: #c69567
}

.avant-pad-contianer {
    background: url(../images/platforms/common/avant-pad.png) 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: #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: 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: #e4e7e9;
    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
}

@media (min-width:768px) {
    .shares-form .shares-filter {
        width: auto;
        float: right
    }
}

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

@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: flex
    }
    .nav-utility .responsive-right a {
        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: url(../images/home/home_platforms_bg.jpg) 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: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: 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;
    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 {
    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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.small-box-account.col-xs-12 {
    background: #fff;
    color: #000;
    padding: 20px 40px;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, 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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, 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: 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;
    transition: none;
    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', 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
}

.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: #222;
    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: flex;
    justify-content: 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: #222;
    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 {
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s
}

.nganluong_form_option {
    display: none;
    border: 1px solid #ccc;
    padding: 15px;
    background: rgba(248, 248, 248, 1);
    color: #222;
    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', 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: #010d4b transparent transparent transparent;
    z-index: 999;
    transition: none;
    transform: translateX(-50%);
    transition: none;
    bottom: -30px
}

.bonus-page .tab-title.active a {
    color: #fff!important
}

section.tools-mex-block-card-v {
    height: 100%
}

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: 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: #222;
    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) {
    .contact-country {
        margin-bottom: 10px
    }
    .contact-us .contact-country li {
        height: auto;
        line-height: 1.2;
        margin-bottom: 8px;
        color: #222;
        font-size: 16px
    }
    .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
    }
}

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

.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: url(../images/contact/contact_top_banner.jpg) 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) {
    .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: #222;
    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;
    transform: skewX(-20deg);
    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: #222
}

.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: url(../images/cryptocurrency_cryptocurrency_specifications@2x.jpg);
    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 {
        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;
    box-shadow: rgba(0, 0, 0, .1) 0 0 15px 3px;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease-in-out 0s, 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: 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;
    transition: none;
    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', 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: #222;
    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;
    transform: skewX(-20deg);
    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: #222
}

.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(../images/common/form_bg.jpg);
    background-position: top center;
    background-color: #fff
}

section.table-background.islamic {
    background: url(../images/accounts_funding/islamic_benefit_bg.jpg)
}

section.table-background.request {
    background: url(../images/accounts_funding/islamic_form_bg.jpg)
}

section.table-background.keyboard {
    background-image: url(../images/common/white_label_form_bg.png)
}

section.choose-next-background.square {
    background-image: url(../images/cryptocurrency_cryptocurrency_specifications@2x.jpg);
    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 {
        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: rgba(255, 255, 255, 1);
    margin: 0 10px
}

.custom-card-img div img {
    height: 200px!important
}

@media (max-width:767px) {
    .about-page-awards .swiper-container img {
        height: 40vw!important
    }
    #about-page-awards {
        margin: 20px 0
    }
    .about-page-awards .container {
        padding: 20px 0 10px 0!important
    }
    .about-page-awards .swiper-container {
        height: 50vh!important
    }
}

@media (max-width:767px) {
    #about-page-awards {
        padding: 30px 0;
        background-image: url(/multibankfx/public_files/images/about_us/home_awards_bg.png);
        background-position: top;
        background-size: cover
    }
}

.card-img-overlay {
    background: #1512124d
}

video {
    max-width: 100%!important
}
.bonus-ib-tab ul.mex-tabs.new-tab-heigher{
    display: flex;
    justify-content: space-around;
}
.active-white {
    color: #fff!important;
}
.active-black{
    color:black !important;
    font-weight:600;
}
input.form-check-input.custom-input-disc{
    display:none;
}
label.form-check-label.custom-disc {
    font-size: 16px;
    color: white;
    padding-left: 9px;
}

.border-upload-form{
    background:#e3e3e3 !important;
    border:1px solid #ccc !important;
}