@font-face{
    font-family:"Inter";
    src:url("../fonts/Inter-Regular.woff2")
}
@font-face{
    font-family:"Inter";
    src:url("../fonts/Inter-SemiBold.woff2");
    font-weight:600
}
@font-face{
    font-family:"Inter";
    src:url("../fonts/Inter-Bold.woff2");
    font-weight:900
}
@font-face{
    font-family:"Inter";
    src:url("../fonts/Inter-Medium.woff2");
    font-weight:500
}
.changenowiow-wrap *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.changenowiow-wrap button[disabled]:hover,.changenowiow-wrap html input[disabled]:hover,.changenowiow-wrap .step-one-btn[disabled],.changenowiow-wrap button[disabled],.changenowiow-wrap html input[disabled]{
    cursor:default;
    opacity:.3
}
.changenowiow-wrap .exchange-widget{
    background-color:#F7F7F9;
    padding:25px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.changenowiow-wrap .exchange-widget .api-key-input{
    display:none
}
.changenowiow-wrap .exchange-widget .exchange-widget--icon{
    -ms-flex-preferred-size:83px;
    flex-basis:83px;
    min-width:83px;
    height:83px;
    margin-bottom:20px;
    margin-right:12px;
    border-radius:4px;
    background-color:#2b2b37;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.changenowiow-wrap .exchange-widget .exchange-widget--icon .logotype--custom{
    background:#eee center center no-repeat;
    background-size:cover;
    width:100%;
    height:100%
}
.changenowiow-wrap .exchange-widget .exchange-widget--icon .logotype--main{
    background-image:url("../images/cn.png");
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain
}
.changenowiow-wrap .exchange-widget .exchange-input{
    border:1px solid #CDD1D6;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:4px;
    background-color:white;
    position:relative
}
.changenowiow-wrap .exchange-widget .exchange-input.currency-from{
    margin-bottom:10px
}
.changenowiow-wrap .exchange-widget .exchange-input.currency-to .loader{
    position:absolute;
    left:10px;
    top:22px
}
.changenowiow-wrap .exchange-widget .exchange-input>input[type="text"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    border:none;
    background-color:transparent;
    padding:25px 135px 10px 15px;
    font-size:14px;
    color:#2b2b37
}
.changenowiow-wrap .exchange-widget .exchange-input-title{
    position:absolute;
    font-size:12px;
    top:5px;
    left:15px;
    color:#929EAA;
    text-transform:uppercase
}
.changenowiow-wrap .exchange-widget .exchange-input-search{
    position:absolute;
    right:5px;
    top:5px;
    width:130px;
    padding-left:13px;
    padding-right:20px;
    bottom:5px;
    background-color:#F7F7F9;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.changenowiow-wrap .exchange-widget .exchange-input-search::after{
    content:"";
    position:absolute;
    right:10px;
    top:calc(50% - 4px);
    display:block;
    width:6px;
    height:6px;
    border-right:2px solid #2b2b37;
    border-bottom:2px solid #2b2b37;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.changenowiow-wrap .exchange-widget .exchange-input-search .currency-coin-ticker{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.changenowiow-wrap .exchange-widget .exchange-input-search .currency-coin-ticker>sup{
    right:0;
    font-size:8px
}
.changenowiow-wrap .exchange-widget .exchange-input-search .currency-coin{
    width:20px;
    margin-right:5px
}
.changenowiow-wrap .exchange-widget .exchange-widget--rate{
    font-size:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:5px 0;
    color:#627080;
    padding:0 5px
}
.changenowiow-wrap .exchange-widget .exchange-widget--rate a.exchange-widget--faq-link{
    color:#627080;
    text-decoration:none;
    position:relative;
    margin-right:15px
}
.changenowiow-wrap .exchange-widget .exchange-widget--rate a.exchange-widget--faq-link:hover{
    color:#3BEE81
}
.changenowiow-wrap .exchange-widget .exchange-widget--rate a.exchange-widget--faq-link::after{
    content:'';
    position:absolute;
    display:inline-block;
    width:15px;
    height:15px;
    background-image:url("../images/link.svg");
    background-size:contain;
    margin-left:3px;
    bottom:2px
}
.changenowiow-wrap .exchange-widget .tabs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:10px
}
.changenowiow-wrap .exchange-widget .tabs .tabs-label{
    min-width:140px;
    text-align:center;
    margin-right:30px;
    padding:0.5em 0;
    height:37px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:24px;
    color:#2b2b37;
    font-weight:600;
    font-size:14px;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid #3BEE81;
    opacity:0.6
}
.changenowiow-wrap .exchange-widget .tabs .tabs-label.active{
    opacity:1;
    background-color:#3bee81
}
.changenowiow-wrap .exchange-widget .title-error{
    position:absolute;
    top:5px;
    left:15px;
    font-size:12px;
    color:#f04419
}
.changenowiow-wrap .exchange-form-widget .tabs{
    display:block;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.changenowiow-wrap .exchange-form-widget .tabs .tabs-label{
    width:100%;
    margin-bottom:9px
}
.changenowiow-wrap .exchange-form-widget .widget-form-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.changenowiow-wrap .exchange-form-stepper .exchange-widget--icon{
    display:none
}
@media screen and (max-width: 550px){
    .changenowiow-wrap .exchange-widget .exchange-input-search{
        font-size:14px;
        width:100px;
        padding-left:8px
    }
    .changenowiow-wrap .exchange-widget .exchange-input-search .currency-coin{
        width:18px
    }
    .changenowiow-wrap .exchange-widget .tabs{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-bottom:0
    }
    .changenowiow-wrap .exchange-widget .tabs .tabs-label{
        font-size:12px;
        margin-bottom:12px
    }
    .changenowiow-wrap .exchange-widget .title-error{
        font-size:8px
    }
}
.changenowiow-wrap .stepper-modal--wrapper{
    position:fixed;
    padding:50px 50px;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    background-color:rgba(0,0,0,0.8);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:none;
    opacity:0;
    -webkit-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
    overflow:auto
}
.changenowiow-wrap .stepper-modal--wrapper.visible{
    display:block;
    opacity:1
}
.changenowiow-wrap .stepper-modal{
    width:910px;
    max-width:100%;
    margin:auto;
    opacity:0
}
.changenowiow-wrap .stepper-modal-body{
    position:relative;
    padding:30px 55px;
    border-radius:4px;
    background-color:white;
    width:100%
}
.changenowiow-wrap .stepper-modal-body .button{
    max-width:200px
}
.changenowiow-wrap .stepper-modal-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px;
    color:white;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.changenowiow-wrap .stepper-modal-header .step-number{
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #3BEE81;
    margin-right:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.changenowiow-wrap .stepper-modal-header .header-line{
    position:absolute;
    bottom:-20px;
    left:calc(25px - 1px);
    width:1px;
    height:20px;
    background-color:#3BEE81
}
.changenowiow-wrap .stepper-modal-header .step-title{
    text-transform:uppercase
}
.changenowiow-wrap .stepper-modal--close{
    position:absolute;
    top:0;
    right:-30px;
    width:20px;
    height:20px;
    cursor:pointer
}
.changenowiow-wrap .stepper-modal--close::before,.changenowiow-wrap .stepper-modal--close::after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:2px;
    background-color:#fff
}
.changenowiow-wrap .stepper-modal--close::before{
    -webkit-transform:translate(0, 10px) rotate(45deg);
    transform:translate(0, 10px) rotate(45deg)
}
.changenowiow-wrap .stepper-modal--close::after{
    -webkit-transform:translate(0, 10px) rotate(-45deg);
    transform:translate(0, 10px) rotate(-45deg)
}
.changenowiow-wrap .stepper-modal--arrow-back{
    display:none;
    position:absolute;
    top:0;
    left:-30px;
    width:20px;
    height:20px;
    background-image:url("../images/arrow.svg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    cursor:pointer
}
.changenowiow-wrap .part{
    width:100%;
    height:100%
}
.changenowiow-wrap .success-block{
    background-color:rgba(49,233,42,0.1);
    padding:10px;
    margin-top:10px;
    border-radius:2px
}
.changenowiow-wrap .notify-success{
    color:#31e92a;
    font-size:12px;
    margin-bottom:10px
}
.changenowiow-wrap .notify-error{
    color:#f04419;
    font-size:12px;
    margin:8px
}
.changenowiow-wrap .error-block{
    background-color:rgba(255,0,0,0.1);
    padding:10px;
    margin-top:10px;
    border-radius:2px
}
@media screen and (max-width: 550px){
    .changenowiow-wrap .stepper-modal--wrapper{
        padding:20px 5px
    }
    .changenowiow-wrap .stepper-modal-body{
        padding:10px
    }
    .changenowiow-wrap .stepper-modal-body .button{
        max-width:100%
    }
    .changenowiow-wrap .stepper-modal--close{
        right:10px;
        top:-30px
    }
    .changenowiow-wrap .stepper-modal--arrow-back{
        left:10px;
        top:-30px
    }
    .changenowiow-wrap .stepper-modal-header{
        width:70%;
        margin-left:auto;
        margin-right:auto
    }
    .changenowiow-wrap .stepper-modal-header .step-number{
        width:32px;
        height:32px;
        margin-right:16px;
        font-size:14px
    }
    .changenowiow-wrap .stepper-modal-header .header-line{
        left:16px
    }
    .changenowiow-wrap .stepper-modal-header .step-title{
        text-transform:uppercase;
        font-size:14px
    }
}
.changenowiow-wrap .button{
    width:100%;
    padding:10px 5px;
    margin-top:5px;
    border:none;
    border-radius:4px;
    color:#2b2b37;
    background-color:#3BEE81;
    font-weight:600;
    position:relative
}
.changenowiow-wrap .button:hover{
    opacity:0.7
}
.changenowiow-wrap .button .loader-wrapper{
    display:none;
    position:absolute;
    width:40px;
    right:10px;
    top:0px
}
.changenowiow-wrap .button .loader-wrapper .loader{
    width:25px;
    height:25px;
    border-width:3px;
    border-color:white;
    border-bottom:3px solid #3BEE81
}
.changenowiow-wrap .step-one .exchange-widget--main-form{
    width:100%;
    margin-bottom:20px
}
.changenowiow-wrap .step-one .exchange-widget--main-form .exchange-input-search{
    width:140px
}
.changenowiow-wrap .step-one .notify{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:25px;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    font-size:14px;
    color:#627080
}
.changenowiow-wrap .step-one .notify .notify-icon{
    margin-right:14px;
    min-width:20px;
    -ms-flex-preferred-size:20px;
    flex-basis:20px;
    height:20px
}
.changenowiow-wrap .step-one .notify .notify-icon>img{
    width:100%;
    height:auto
}
.changenowiow-wrap .step-one .notify.refund-notify{
    display:none
}
.changenowiow-wrap .step-one .input-address{
    margin:24px 0
}
.changenowiow-wrap .step-one .input-address.refund-address,.changenowiow-wrap .step-one .input-address.payment-id{
    display:none
}
.changenowiow-wrap .step-one .input-address .input-address--header{
    margin-bottom:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:12px
}
.changenowiow-wrap .step-one .input-address .input-address--header .input-title{
    color:#627080
}
.changenowiow-wrap .step-one .input-address .input-address--header .input-tooltips{
    color:#3BEE81
}
.changenowiow-wrap .step-one .input-address .input-address--header .input-tooltips .refund-address-remove{
    display:none
}
.changenowiow-wrap .step-one .input-address .input-address--header .input-tooltips>*{
    margin-left:24px;
    cursor:pointer
}
.changenowiow-wrap .step-one .input-address .input-address--body{
    width:100%;
    background-color:white;
    border-radius:4px;
    position:relative
}
.changenowiow-wrap .step-one .input-address .input-address--body .success-valid-icon{
    display:none;
    position:absolute;
    top:calc(50% - 16px);
    right:16px;
    width:32px;
    height:32px
}
.changenowiow-wrap .step-one .input-address .input-address--body .success-valid-icon>img{
    width:100%;
    height:auto
}
.changenowiow-wrap .step-one .input-address .input-address--body>input[type="text"]{
    padding:8px;
    width:100%;
    height:50px;
    border:1px solid #CDD1D6;
    border-radius:4px;
    background-color:white;
    font-size:16px;
    color:#2b2b37
}
.changenowiow-wrap .step-one .input-address .input-address--body>input[type="text"]:focus{
    border-color:#26CE7B
}
.changenowiow-wrap .step-one .input-address .input-address--body>input[type="text"].valid{
    border:1px solid #26CE7B
}
.changenowiow-wrap .step-one .input-address .input-address--body>input[type="text"].invalid{
    border:1px solid #f04419
}
@media screen and (max-width: 550px){
    .changenowiow-wrap .step-one .exchange-widget--main-form .exchange-input-search{
        width:100px
    }
    .changenowiow-wrap .step-one .notify{
        font-size:12px;
        margin-bottom:32px
    }
    .changenowiow-wrap .step-one .notify .notify-icon{
        margin-right:8px;
        min-width:16px;
        -ms-flex-preferred-size:16px;
        flex-basis:16px;
        height:16px
    }
    .changenowiow-wrap .step-one .input-address{
        margin:12px 0 16px
    }
    .changenowiow-wrap .step-one .input-address.recipient-address{
        margin-bottom:30px
    }
    .changenowiow-wrap .step-one .input-address .input-address--body>input[type="text"]{
        padding:8px 20px
    }
    .changenowiow-wrap .step-one .input-address .input-address--header{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .changenowiow-wrap .step-one .input-address .input-address--header>*{
        margin-bottom:8px
    }
    .changenowiow-wrap .step-one .input-address .input-address--header .input-tooltips>*{
        margin-left:0
    }
}
.changenowiow-wrap .step-two .payment-deatils .payment-exchange-rate,.changenowiow-wrap .step-two .payment-deatils .payment-exchange-address,.changenowiow-wrap .step-two .columns>.col_ .text,.changenowiow-wrap .step-two .payment-arrival .arrival-time,.changenowiow-wrap .step-two .payment-confirm .confirm-text,.changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns>.col_ .text{
    font-size:16px;
    color:#627080
}
.changenowiow-wrap .step.step-two{
    display:none
}
.changenowiow-wrap .step-two .payment-title{
    font-weight:500;
    font-size:12px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    color:#929EAA
}
.changenowiow-wrap .step-two .payment-deatils{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.changenowiow-wrap .step-two .payment-deatils .send-details,.changenowiow-wrap .step-two .payment-deatils .get-details{
    font-weight:bold;
    font-size:40px;
    margin:8px 0;
    color:#2b2b37;
    text-transform:uppercase
}
.changenowiow-wrap .step-two .payment-deatils .send-amount{
    margin-right:8px;
    word-break:break-all
}
.changenowiow-wrap .step-two .payment-deatils .get-amount{
    word-break:break-all
}
.changenowiow-wrap .step-two .payment-deatils .send-currency{
    color:#3BEE81
}
.changenowiow-wrap .step-two .payment-deatils .payment-direction{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.changenowiow-wrap .step-two .payment-deatils .payment-direction .payment-arrow{
    width:40px;
    height:40px;
    margin:0 24px
}
.changenowiow-wrap .step-two .payment-deatils .payment-direction .payment-arrow>img{
    width:100%;
    height:auto
}
.changenowiow-wrap .step-two .payment-deatils .payment-exchange-address{
    word-break:break-all
}
.changenowiow-wrap .step-two .columns{
    margin:32px 0;
    padding:32px 0;
    border-top:1px solid #CDD1D6;
    border-bottom:1px solid #CDD1D6;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.changenowiow-wrap .step-two .columns>.col_{
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2;
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    display:inline-block;
    word-break:break-word;
    -ms-flex-item-align:baseline;
    align-self:baseline
}
.changenowiow-wrap .step-two .columns>.col_ .title{
    margin-bottom:12px
}
.changenowiow-wrap .step-two .columns .col_.details-dest{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    margin-left:20px
}
.changenowiow-wrap .step-two .payment-arrival{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.changenowiow-wrap .step-two .payment-arrival .arrival-title{
    margin-bottom:12px
}
.changenowiow-wrap .step-two .payment-confirm{
    margin-bottom:30px
}
.changenowiow-wrap .step-two .payment-confirm .confirm-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:1.8
}
.changenowiow-wrap .step-two .payment-confirm .confirm-text .confirm-checkbox--body{
    border:1px solid #3BEE81
}
.changenowiow-wrap .step-two .payment-confirm .confirm-text input[type="checkbox"]:checked+.confirm-checkbox--body{
    background-color:#3BEE81
}
.changenowiow-wrap .step-two .payment-confirm input[type="checkbox"]{
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none
}
.changenowiow-wrap .step-two .payment-confirm .confirm-checkbox--body{
    display:inline-block;
    width:20px;
    min-width:20px;
    height:20px;
    margin-right:15px;
    border-radius:2px;
    position:relative
}
.changenowiow-wrap .step-two .payment-confirm .confirm-checkbox--body::after{
    content:"";
    display:none;
    position:absolute;
    width:3px;
    height:8px;
    border-bottom:0.1em solid white;
    border-right:0.1em solid white;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    left:7px;
    top:2px
}
.changenowiow-wrap .step-two .payment-confirm input[type="checkbox"]:checked+.confirm-checkbox--body::after{
    display:block
}
.changenowiow-wrap .step-two .paymant-verification{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.changenowiow-wrap .step-two .paymant-verification .error-message-block{
    padding:8px;
    border-radius:4px;
    font-size:12px;
    color:#aaaaaa;
    background-color:rgba(209,209,209,0.1)
}
@media screen and (max-width: 768px){
    .changenowiow-wrap .step-two .payment-deatils .send-details,.changenowiow-wrap .step-two .payment-deatils .get-details{
        font-size:32px
    }
    .changenowiow-wrap .step-two .payment-deatils .payment-exchange-rate,.changenowiow-wrap .step-two .payment-deatils .payment-exchange-address{
        font-size:14px
    }
}
@media screen and (max-width: 550px){
    .changenowiow-wrap .step-two .payment-title{
        font-size:8px
    }
    .changenowiow-wrap .step-two .payment-deatils{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        text-align:center
    }
    .changenowiow-wrap .step-two .payment-deatils .send-details,.changenowiow-wrap .step-two .payment-deatils .get-details{
        font-size:20px;
        margin:4px 0
    }
    .changenowiow-wrap .step-two .payment-deatils .payment-exchange-rate,.changenowiow-wrap .step-two .payment-deatils .payment-exchange-address{
        font-size:12px
    }
    .changenowiow-wrap .step-two .payment-deatils .payment-direction .payment-arrow{
        width:28px;
        height:28px;
        margin:16px 0px
    }
    .changenowiow-wrap .step-two .payment-deatils .payment-direction .payment-arrow>img{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    .changenowiow-wrap .step-two .columns{
        margin:16px 0;
        padding:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
    .changenowiow-wrap .step-two .columns>.col_{
        width:100%;
        margin-bottom:0;
        padding-bottom:16px
    }
    .changenowiow-wrap .step-two .columns>.col_ .title{
        margin-bottom:10px
    }
    .changenowiow-wrap .step-two .payment-arrival{
        margin:16px 0;
        padding:16px 0
    }
    .changenowiow-wrap .step-two .payment-arrival .arrival-title{
        margin-bottom:8px;
        text-align:center
    }
    .changenowiow-wrap .step-two .payment-arrival .arrival-time{
        text-align:center;
        font-size:12px
    }
    .changenowiow-wrap .step-two .payment-confirm{
        margin-bottom:24px
    }
    .changenowiow-wrap .step-two .payment-confirm .confirm-text{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        font-size:12px
    }
}
.changenowiow-wrap .step-three{
    display:none
}
.changenowiow-wrap .step-three .mb-20{
    margin-bottom:20px
}
.changenowiow-wrap .step-three .step-body{
    line-height:120%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.changenowiow-wrap .step-three .step-body .send-info-status{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:50%
}
.changenowiow-wrap .step-three .step-body .send-info-status .text-info{
    margin-right:60px;
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2
}
.changenowiow-wrap .step-three .step-body .send-info-status .send-info-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.changenowiow-wrap .step-three .step-body .send-info-status .time-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.changenowiow-wrap .step-three .step-body .send-info-status .time-info .timer{
    min-width:115px;
    font-weight:500;
    font-size:40px;
    margin-right:8px
}
.changenowiow-wrap .step-three .step-body .send-info-status .time-info .payment-timer-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:14px;
    font-weight:500;
    color:#2b2b37
}
.changenowiow-wrap .step-three .step-body .send-info-status .time-info .timer{
    color:#3BEE81
}
.changenowiow-wrap .step-three .step-body .qr-code-image{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:190px
}
.changenowiow-wrap .step-three .step-body .qr-code-image>img{
    width:100%;
    height:auto
}
.changenowiow-wrap .step-three .step-body .payment-title{
    font-weight:600;
    font-size:12px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    color:#929EAA;
    display:inline-block
}
.changenowiow-wrap .step-three .step-body .send-deatils{
    margin-bottom:12px
}
.changenowiow-wrap .step-three .step-body .send-deatils .send-amount,.changenowiow-wrap .step-three .step-body .send-deatils .send-currency{
    line-height:120%;
    font-weight:bold;
    font-size:40px;
    text-transform:uppercase
}
.changenowiow-wrap .step-three .step-body .send-deatils .send-amount{
    margin-right:8px
}
.changenowiow-wrap .step-three .step-body .send-address,.changenowiow-wrap .step-three .step-body .payin-extra-id{
    line-height:120%;
    font-weight:500;
    font-size:24px;
    color:#2b2b37;
    word-break:break-all
}
.changenowiow-wrap .step-three .step-body .get-info-status{
    height:50%
}
.changenowiow-wrap .step-three .step-body .get-info-status .transaction-info{
    margin-top:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.changenowiow-wrap .step-three .step-body .get-info-status .transaction-info .trainsaction-id{
    margin-right:20px
}
.changenowiow-wrap .step-three .step-body .get-info-status .get-deatils{
    margin-bottom:25px;
    font-weight:500;
    font-size:24px;
    line-height:36px;
    color:#2b2b37
}
.changenowiow-wrap .step-three .step-body .get-info-status .get-deatils .get-rate{
    margin-right:8px
}
.changenowiow-wrap .step-three .step-body .get-info-status .get-deatils .exchange-id{
    color:#3BEE81
}
.changenowiow-wrap .step-three .step-body .get-info-status .get-deatils .get-currency{
    text-transform:uppercase
}
.changenowiow-wrap .step-three .step-body .get-info-status .get-deatils .get-address{
    word-break:break-all
}
.changenowiow-wrap .step-three .step-body .get-info-status .text-info{
    margin-bottom:40px
}
.changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns>.col_{
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2;
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    display:inline-block;
    word-break:break-word;
    -ms-flex-item-align:baseline;
    align-self:baseline
}
.changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns>.col_ .title{
    margin-bottom:12px
}
.changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns .col_.details-dest{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    margin-left:20px
}
.changenowiow-wrap .step-three .step-body .status-stage{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.changenowiow-wrap .step-three .step-body .status-stage .stage{
    margin-right:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    color:#627080
}
.changenowiow-wrap .step-three .step-body .status-stage .stage-icon{
    margin-right:8px;
    width:24px
}
.changenowiow-wrap .step-three .step-body .status-stage .stage-icon>img{
    width:100%;
    height:auto
}
.changenowiow-wrap .step-three .text{
    color:#3BEE81
}
@media screen and (max-width: 768px){
    .changenowiow-wrap .step-three .step-body .send-info-status{
        padding:48px
    }
    .changenowiow-wrap .step-three .step-body .send-deatils .send-amount,.changenowiow-wrap .step-three .step-body .send-deatils .send-currency{
        font-size:32px
    }
    .changenowiow-wrap .step-three .step-body .send-address,.changenowiow-wrap .step-three .step-body .payin-extra-id{
        font-size:20px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status{
        padding:48px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .get-deatils{
        font-size:20px;
        margin:0;
        line-height:36px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .text-info{
        margin-bottom:20px
    }
    .changenowiow-wrap .step-three .step-body .status-stage{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .changenowiow-wrap .step-three .step-body .status-stage .stage{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        margin-right:24px
    }
    .changenowiow-wrap .step-three .step-body .status-stage .stage-icon{
        margin:0;
        margin-bottom:8px
    }
}
@media screen and (max-width: 550px){
    .changenowiow-wrap .step-three .step-body .send-info-status{
        padding:8px
    }
    .changenowiow-wrap .step-three .step-body .send-info-status .text-info{
        margin:0
    }
    .changenowiow-wrap .step-three .step-body .send-info-status .qr-code-image{
        display:none
    }
    .changenowiow-wrap .step-three .step-body .send-info-status .time-info{
        margin-top:16px
    }
    .changenowiow-wrap .step-three .step-body .send-info-status .time-info .timer{
        min-width:55px;
        font-size:20px
    }
    .changenowiow-wrap .step-three .step-body .send-info-status .time-info .payment-timer-info{
        font-size:10px
    }
    .changenowiow-wrap .step-three .step-body .send-deatils .send-amount,.changenowiow-wrap .step-three .step-body .send-deatils .send-currency{
        font-size:20px;
        line-height:32px
    }
    .changenowiow-wrap .step-three .step-body .send-address,.changenowiow-wrap .step-three .step-body .payin-extra-id{
        font-size:16px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status{
        padding:8px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .get-deatils{
        font-size:16px;
        line-height:32px;
        margin:0
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .text-info{
        margin-bottom:25px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns{
        margin:0;
        padding:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns>.col_{
        width:100%;
        margin:0 0 10px 0;
        padding-bottom:16px
    }
    .changenowiow-wrap .step-three .step-body .get-info-status .text-info .columns>.col_ .title{
        margin-bottom:10px
    }
    .changenowiow-wrap .step-three .step-body .status-stage .stage{
        margin-right:8px;
        line-height:1.5
    }
    .changenowiow-wrap .step-three .step-body .status-stage .stage-icon{
        width:22px
    }
    .changenowiow-wrap .step-three .step-body .status-stage .stage-icon>img{
        width:100%;
        height:auto
    }
    .changenowiow-wrap .step-three .step-body .status-stage .stage-message{
        font-size:12px
    }
    .changenowiow-wrap .step-three .step-body .payment-title{
        display:inline-block;
        font-size:8px
    }
}
.changenowiow-wrap .currencies-container{
    position:absolute;
    top:0px;
    right:0px;
    padding:5px;
    background-color:white;
    -webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.1);
    box-shadow:0 0 1px 1px rgba(0,0,0,0.1);
    border-radius:4px;
    display:none;
    z-index:15
}
.changenowiow-wrap .exchange-select-wrapper{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:1
}
.changenowiow-wrap .exchange-select{
    z-index:15;
    position:relative;
    background-color:white;
    width:280px;
    border-radius:4px
}
.changenowiow-wrap .exchange-select .search-icon{
    position:absolute;
    top:8px;
    left:5px;
    width:24px;
    height:24px;
    background-image:url("../images/search.svg");
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat
}
.changenowiow-wrap .exchange-select input[type="text"].exchange-select--search{
    width:100%;
    padding:8px 16px 8px 40px;
    margin-bottom:8px;
    border-color:white;
    border:none;
    border-bottom:1px solid rgba(170,170,170,0.5)
}
.changenowiow-wrap .exchange-select .exchange-list-container{
    padding:5px 0;
    max-height:300px;
    overflow-y:scroll
}
.changenowiow-wrap .exchange-select .exchange-list-container::-webkit-scrollbar{
    width:6px;
    height:6px
}
.changenowiow-wrap .exchange-select .exchange-list-container::-webkit-scrollbar-button{
    display:none
}
.changenowiow-wrap .exchange-select .exchange-list-container::-webkit-scrollbar-thumb{
    height:30px;
    border-radius:4px
}
.changenowiow-wrap .exchange-select .exchange-list-container::-webkit-scrollbar-track-piece{
    background-color:#aaaaaa
}
.changenowiow-wrap .exchange-select .exchange-list .exchange-list-item{
    padding:2px 14px;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:12px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.changenowiow-wrap .exchange-select .exchange-list .exchange-list-item .currency-name{
    color:#444
}
.changenowiow-wrap .exchange-select .exchange-list .exchange-list-item:hover{
    color:white
}
.changenowiow-wrap .exchange-select .exchange-list .exchange-list-item:hover .currency-ticker{
    color:#111
}
.changenowiow-wrap .exchange-select .exchange-list .exchange-list-item:hover .currency-name{
    color:#444
}
.changenowiow-wrap .exchange-select .exchange-list .no-coincides{
    text-align:center
}
.changenowiow-wrap .exchange-select .exchange-list .no-coincides.novisible{
    display:none
}
.changenowiow-wrap .exchange-select .currency-image{
    margin-right:12px;
    width:22px;
    height:22px
}
.changenowiow-wrap .exchange-select .currency-image>img{
    width:100%;
    height:auto
}
.changenowiow-wrap .exchange-select .currency-ticker{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2;
    text-transform:uppercase;
    position:relative
}
.changenowiow-wrap .exchange-select .currency-ticker>sup{
    font-size:8px;
    position:absolute
}
.changenowiow-wrap .exchange-select .currency-name{
    -webkit-box-flex:4;
    -ms-flex:4;
    flex:4;
    color:#ccc;
    text-align:left;
    word-break:break-all
}
.changenowiow-wrap .exchange-select .empty-list{
    text-align:center;
    font-size:16px
}
.changenowiow-wrap .currencies-container .exchange-select .exchange-list-container::-webkit-scrollbar-thumb{
    background-color:#3bee81
}
.changenowiow-wrap .currencies-container .exchange-select .exchange-list-item:hover{
    background-color:#3bee81
}
@media screen and (max-width: 550px){
    .changenowiow-wrap .exchange-select{
        width:260px
    }
}
 