﻿.footer_logo img{
    vertical-align: baseline;
}

/*withdrawal*/
.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: #222222;
    background: #CCC;
    text-align: center;
}
.withdrawals-tabs .tab-title.active a{
    color: #FFF;
    background: #D10A07;
}

.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: 55px;
    vertical-align: middle;
    background: #888888;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    color:#FFF;
    display: table-cell;
}

@media (max-width: 991px) {
    .withdrawal-download .col-md-4{
        border-right: none;
    }
}


/*deposit-withdraw*/

.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%;
}


.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;
}


.deposit_table td input{
    margin-top: 0;
    margin-left:10px;
    margin-right: 10px;
    margin-bottom: 0;
    vertical-align:middle;
    width: 14px;
    height: 14px;
}

.deposit_container .deposit_right_content{
}

.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("../image/img_select.png") no-repeat top right;
}

.deposit_container select{
    height: 40px;
    line-height: 40px;
    background: none;
    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("../image/netrller.png") no-repeat 15px;
    background-size: 30px auto;
}
li[data-value="paytrust"],span[data-value="paytrust"] {
    background: url("../image/paytyust88.png") no-repeat 15px;
    background-size: 30px auto;
}
li[data-value="ngan_luong"],span[data-value="ngan_luong"] {
    background: url("../image/nganlurong.vn.png") no-repeat 15px;
    background-size: 30px auto;
}

li[data-value="vnd_online_pay"],span[data-value="vnd_online_pay"] {
    background: url("../image/vndonlinepayment.png") no-repeat 15px;
    background-size: 30px auto;
}



li[data-value="skrill"],span[data-value="skrill"]{
    background: url("http://www.ctktz.com/skin/images/live_account/skrill.png") no-repeat 15px;
    background-size: 30px auto;
}
li[data-value="fasapay"],span[data-value="fasapay"] {
    background: url("../image/fasapay.png") no-repeat 15px;
    background-size: 30px auto;
}
li[data-value="online_pay"],span[data-value="online_pay"] {
    background: url("../image/onlinepayment.png") no-repeat 15px;
    background-size: 30px auto;
}
li[data-value="mastercard"],[data-value="mastercard"] {
    background: url("../image/mastervisa.png") no-repeat 15px;
    background-size: 30px auto;
}

li[data-value="visa"],[data-value="visa"] {
    background: url("../image/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("../image/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: normal;
    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: none;
    outline:none;
    padding-left: 10px;
}
.payment_form input:focus{
    outline:none;
}

.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: 0px;
}

#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, 0.1) 0 0 15px 3px;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}
.nganluong_form_option{
    display: none;
    border: 1px solid #CCC;
    padding: 15px;
    background:rgba(248,248,248,1);
    color: #222222;
    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.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB {
    width: 60px;
    height: 20px;
    display: block;
    background: url('../image/bank_logo.png') no-repeat;
    position: absolute;
    left:25px;
}


i.MASTE {
    background-position: 0px -23px
}

i.AMREX {
    background-position: 0px -46.5px
}

i.JCB {
    background-position: 0px -69.75px;
}

i.VCB {
    background-position: 0px -93px;
}

i.TCB {
    background-position: 0px -116.25px;
}

i.MB {
    background-position: 0px -139.5px;
}

i.VIB {
    background-position: 0px -162.75px;
}

i.ICB {
    background-position: 0px -186px;
}

i.EXB {
    background-position: 0px -209.25px;
}

i.ACB {
    background-position: 0px -232.5px;
}

i.HDB {
    background-position: 0px -255.75px;
}

i.MSB {
    background-position: 0px -279px;
}

i.NVB {
    background-position: 0px -302.25px;
}

i.DAB {
    background-position: 0px -325.5px;
}

i.SHB {
    background-position: 0px -348.75px;
}

i.OJB {
    background-position: 0px -372px;
}

i.SEA {
    background-position: 0px -395.25px;
}

i.TPB {
    background-position: 0px -418.5px;
}

i.PGB {
    background-position: 0px -441.75px;
}

i.BIDV {
    background-position: 0px -465px;
}

i.AGB {
    background-position: 0px -488.25px;
}

i.SCB {
    background-position: 0px -511.5px;
}

i.VPB {
    background-position: 0px -534.75px;
}

i.VAB {
    background-position: 0px -558px;
}

i.GPB {
    background-position: 0px -581.25px;
}

i.SGB {
    background-position: 0px -604.5px;
}

i.NAB {
    background-position: 0px -627.75px;
}

i.BAB {
    background-position: 0px -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;
    }
}

/*deposit-withdraw end*/



/*-----------------------------------------about page start-------------------------------*/
.page-top-banner-video{
    margin-bottom: -9px;
}
.page-top-banner-video-bg{
    background:rgba(3, 0, 51, 0.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;
    }
}


/*about-page-awards*/
.awards-bg{
    background-image: url(http://www.ctktz.com/resource/newwebsite/v1_0/images/index/home_awards.jpg)
}
.about-page-awards .mex-img-cover{
    display: none;
}
.about-page-awards .container{

}
.about-page-awards .width-30 .mex-h3,.about-page-awards .width-30 .mex-content{
    display: none;
}

.about-page-awards  .mex-h3,.about-page-awards .mex-content{
    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-h3,.about-page-awards .width-40 .mex-content{
    transform: scale(1.2);
}


/*about-page-new*/
.about-news .card{
    position: relative;
}

.about-news .about-milestones-content .card{
    background: #F8F8F8;
    margin-bottom: 15px;
    overflow: hidden;
}

.about-news .about-milestones-content .card-body{
    padding-left: 30px;
}

.about-news .about-milestones-content .card-body:before{
    position: absolute;
    content: '';
    left: 0px;
    top:22px;
    width: 20px;
    height:8px;
    background:#222222 ;
}

.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: bold;
}

.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: none;
    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: bold;
}



@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;
    }
}

.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 0.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 0.3s 0.5s;
}
.about-page-awards .width-40 .mex-h3, .about-page-awards .width-40 .mex-content{
    transform: unset;
    opacity: 1;
    font-size: 22px;
}
.about-page-awards .swiper-container img {max-width: unset;}

@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 (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 (min-aspect-ratio: 1/1) {
    .about-page-awards .swiper-container {

    }
}
@media (max-aspect-ratio: 1/1) {
    .about-page-awards .swiper-container {

    }
}
@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}
}



/*why-multibank-page*/

.customer_service{
    background-image: url(http://www.ctktz.com/resource/newwebsite/v1_0/images/why_multibank_first_class_customer_service@2x.jpg);
}

@media(min-width: 1200px){
    .why-multibank-banner .why-multibank-banner-card{
        display: flex;
    }
}


@media (min-width: 992px){
    .baout-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,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: 15px;
    top:15px;
}

.about-our-advantages ul li .li_right{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 86px;
    margin-bottom: 0 !important;
    height: 64px;
}

@media(max-width: 767px){
    .about-our-advantages ul li .li_right{
        padding-left: 50px;
        height: 56px;
    }
}
@media(max-width: 414px){
    .about-our-advantages ul li .li_right{
        height: 44px;
        padding-left: 46px;
    }
}


.about-management-bg{
    background-image: url(http://www.ctktz.com/resource/newwebsite/v1_0/images/about_us/management/management_bg@2x.jpg)
}
.about-management .mex-card-cover{
    height: 100%;
}


.about-management .about-management-row{
    display: flex;
    margin-bottom: 10px;
}

.about-management .card-content{
    background:rgba(0,0,0,0.6);
    bottom:0;
    padding: 10px;
    transition: all 0.3s;

}
.about-management .hide-mex-content{
    line-height: 1.4;
    font-weight: 100;
    margin-top: 15px;
    display: none;
    overflow: hidden;
    visibility: hidden;
}

.about-management .col-xs-12, .about-management .col-xs-6{
    padding: 0;
}

.about-management .col-md-7 >div{
    padding-left: 10px;
}

.about-management .about-management-img-right .col-md-7 >div{
    padding-right: 10px;
    padding-left: 0;
}

.about-management .col-md-5{
    padding: 0;
}

.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-h3,.about-management .about-management-row .mex-content,.hide-mex-content{
        font-size: 16px;
        line-height: 1.4;
    }

    .about-management .card-content{
        max-height:110px;
    }
}


@media(max-width: 991px){
    .about-management .about-management-row{
        display: block;
    }
    .about-management .about-management-row .mex-h3{font-size: 20px}
    .about-management .col-md-7 >div{
        padding-bottom: 0!important;
        padding-top: 0 !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: 10px !important;
    }
    .about-management-row{
        margin-bottom: 0 !important;
    }
    .about-management .card-content{
        max-height:unset;
    }

}




@media(max-width: 767px){
    .about-management .about-management-row{
        margin: 0;
        padding: 0;
    }

    .about-management .about-management-row >div{
        padding: 0 !important;
    }
}


/*Global Presence*/
.global-presence{
    background-image: url(http://www.ctktz.com/resource/newwebsite/v1_0/images/about_us/global_presence/global_presence_top_bg@2x.jpg);
}
#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: 0px;
}
#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

}

/*about regulations*/

.regulations-bg.global-presence{
    background-image: url(http://www.ctktz.com/resource/newwebsite/v1_0/images/about_us/regulations/regulations_asic@2x.png);
    transition: all 0.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: none;
    text-align: center;
    outline:none;
}

.regulations-bg .swiper-pagination-clickable .swiper-pagination-bullet span{
    background: #000000;
    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:#000000;
}

@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,0.85);
    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: bold;
    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%;
    }

}

.career-verification-code{
    vertical-align:middle; width: 100%; height: 40px;
}

/*contact*/
.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;
    }
    
}



/*company-news*/

.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,0.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, 0.9686274509803922),rgba(32, 32, 32, 0));
    bottom:0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 50px;
    padding-right: 15px;
}


@media(max-width:1200px){
    .company-news-content-box .container{
        width: 100%;
    }
    .company-news-content-box .col-lg-8 .mex-content{
        display: none;
    }
}


@media(max-width:991px){
    .company-news-content-box .col-lg-8 .mex-content{
        display: block;
    }

}


@media (max-width: 767px) {
    .company-news-content-box .col-lg-8 .mex-card-cover .mex-img-cover{
        width: auto;
    }
}

@media(min-width:991px){
    .company-news-content-box .col-lg-4 .mex-content{
        display: none;
    }
}


@media  (max-width: 767px){
    .company-news-page .about-company-new-content .col-xs-12{
        padding: 0;
    }
}



/*-----------------------------------------about page end-------------------------------*/



/*-----------------------------------------account page start-------------------------------*/

.account-table table td{
    text-align: left !important;
}

.account-table .tab-title.col-xs-6{
    width: 50%;
}

/*-----------------------------------------account page end-------------------------------*/


/*-----------------------------------------tools page start-------------------------------*/

.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:none;
}

.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: none;
    color: #FFFFFF;
    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 #CCCCCC;
}

@media (max-width: 767px) {
    .holiday-select label{
        min-width: 105px;
    }
}



.holiday-schedule .table_search:focus {
    border: none;
    outline:none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #1e32a3;
    color: #fff;
    border-color:#1e32a3;
}



/*-----------------------------------------tools page end-------------------------------*/

.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;
}



/*-----------------------------------------MILESTONES page end-------------------------------*/
.mex-time-line .timeline{
     position: relative;
     z-index: 2;
    text-align: center;
}

.mex-time-line .timeline .timeline-point-button{
    font-size: 14px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background: #1E32A2;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 26%;
    color:#FFF;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
}

.mex-time-line .timeline .timeline-point-button.timeline-point-prev{
    left: inherit;
    right: 0;
}

.mex-time-line .time-scroll{
    width: 100%;
    height:5px;
    background: #E5E5E5;
    border-radius: 5px;
    position: absolute;
    top: 43%;
    z-index: -1;
}

#timeline-point{
    display: inline-block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    z-index: 2;
    padding-right: 0;
    padding-left: 0;
}

#timeline-point .swiper-slide a{
    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;
}
#timeline-point  a:hover,#timeline-point .swiper-slide-tab-active a{
    background: #1E32A2;
    color:white !important;
}

.timeline-content{
    margin:80px 0;
}
.timeline-content-wrap{
    background: #F8F8F8;
}
.timeline-content-side{
    width: 30px;
    height: 6px;
    background: #222;
    float: left;
    margin-top: 22px;
}
.timeline-content-main{
    padding-left: 50px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.timeline-content-title{
    font-size: 24px;
    font-weight: bold;
    color:#222222;
}

.milestones-time{
    font-size: 20px;
    color:#777777;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 5px;
}


.timeline-content-detail{
    font-size: 20px;
    color:#222222;
    font-weight: 400;
}

.timelinezone a{
    height: auto;
    display: inline-block;
    width: 100%;
}
.timelinezone{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.timeline-content-image{
    padding-left: 0;
}
.timeline-content-image img{
    display: inline-block;
    object-fit:cover;
    height: 100%;
    max-height: 196px;

}


@media (max-width: 1400px){
    #timeline-point{
        padding-right: 30px;
    }
}
@media (max-width: 1200px){
    #timeline-point .swiper-slide a{
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    #timeline-point{
        padding-right: 30px;
    }
}

@media (max-width: 767px){
    .timelinezone{
        margin-bottom: 15px;
    }
    .timeline-point{
        position: relative;
    }
    .timeline-point li{
        border-radius: 3px;
        height: auto;
        line-height: 42px;
    }
    .timeline-point li a{border-radius: 3px}
    .timeline-content{
        margin: 0;
        padding: 0;
    }
    .timeline{height: auto;width: 100%;display: inline-block;}
    .timeline-content-image{
        padding: 0;
        margin-bottom: 0px
    }

    .timeline-content-image img{
        width: 100%;
        height: auto;
        max-height: inherit;
    }
    .timeline-content-wrap{
        padding: 0;
    }
    .timeline-content-wrap .timeline-content-main{
        padding: 15px;
    }
    
    .timeline-content-side,.timeline-content-side{display: none;}

}


/*sms_verif_code_box*/

.sms_verif_code_box button,   .sms_verif_code_box input{
    width: 100% !important;
    min-width: inherit;
    display: inline-block;
    height: 40px;
}


/*security-of-funds*/

.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;
    }

}


/*trading_tools_page*/
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;
    }
}


/*Accounting & Funding*/
.flex-center.flex-initial{
    align-items: initial;
}
@media (max-width: 767px){
    .flex-center.flex-initial{display: block;}
}


/*Live Accounts*/
#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: normal;
    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, 0.1) 0 0 15px 3px;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}


/*Platforms Compare Platforms*/
.avant-pad .book-content{
    padding-top: 150px;
}
/*.avant-pad .book-content-inner{
    max-height: 310px
}*/
.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: bold
}


/*Platforms Download Center*/
.browser-list img {
    margin-right:20px;
}
.mex-download-fff a{
    color:white !important;
    display:block;
    height:100%;
}

.mobile_tradrer a{
    margin-bottom: 10px;
    padding-left:0;
}
.modal.in .modal-dialog{top: 50%; transform: translateY(-50%);}



/*shares*/
.shares-border-right{
    border-right:1px solid #ccc;
}


.thank-you-approve_icon{
    width:46px;
    margin-right:20px;
    vertical-align: unset;
}


#home_global_presence{
    background-image: url(http://www.ctktz.com/resource/newwebsite/v1_0/images/index/home_global_presence@2x.jpg)
}

.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{
    /*display: flex;*/
    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:none!important;
}

.file-caption-name:focus{
    border: 1px solid #ccc !important;
    outline:none!important;
}
.upload-btn{
    color: #fff;
    background-color: #4367f6;
    border-color: #4367f6;
    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: none;
    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;
    }
}


.footer_other{
    width: 100%;
    display: block;
    padding-top: 30px;
    height: auto;
    overflow: hidden;
}

.footer_other_left a{
    text-align: center;
    float: left;
    color: #808080;
    font-size: 14px;
    line-height: 60px;
    font-weight: normal;
    margin-right: 40px;
}


.footer_other img{
    vertical-align: baseline;
}

@media (max-width:991px){
    .en_foote_btn{
        width: 100%;
        float:none;
    }
}

.th-width-25{
    width:25%
}

.relative_position .indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7;
    background-image: url(http://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;
}