html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display:block;
}
body{
    line-height:1;
}
ol, ul{
    list-style:none;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
:root{
    --white:#FFFFFF;
    --blue:#268BFF;
    --green:#4DB45F;
    --gray:#8A9DB6;
    --dark-gray:#333333;
    --red:#DC3428;
    --purple:#7063FF;
    --green-light:#8CC100;
}
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
html, body{
    font:normal normal 10px/1.15 "Open Sans", "Arial", sans-serif;
    -webkit-font-smoothing:antialiased;
    -webkit-overflow-scrolling:touch;
    height:100%;
}
body{
    display:flex;
    justify-content:center;
}
@font-face{
    font-family:'Open Sans';
    src:local('Open Sans Light'),
            local('OpenSans-Light'),
            url(fonts/opensanslight-b1519390f3c65fd9d76c15e2c375cdd3.woff2) format('woff2'),
            url(fonts/opensanslight-981e4444841f546f16606181c3a4ae4b.woff) format('woff'),
            url(fonts/opensanslight-5761c2774d7650bc7d2354da55a270b8.ttf) format('truetype');
    font-weight:300;
    font-style:normal;
}
@font-face{
    font-family:'Open Sans';
    src:local('Open Sans'),
            local('OpenSans'),
            url(fonts/opensans-1663e709646feb079be284552ea7c994.woff2) format('woff2'),
            url(fonts/opensans-3624373bce77a2ff170fdfe1cb53a546.woff) format('woff'),
            url(fonts/opensans-4fd93e7d9adef3658017c3174462e49f.ttf) format('truetype');
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:'Open Sans';
    src:local('Open Sans Bold'),
            local('OpenSans-Bold'),
            url(fonts/opensansbold-19ab73726eb7d53b956d081ebcebd4dc.woff2) format('woff2'),
            url(fonts/opensansbold-4f7c4bbf135a06fef7ddbab278c8e739.woff) format('woff'),
            url(fonts/opensansbold-07e82c85686362f20aea6db4156c30e2.ttf) format('truetype');
    font-weight:700;
    font-style:normal;
}
@font-face{
    font-family:'Droid Sans Mono';
    src:local('Droid Sans Mono'),
            local('DroidSansMono'),
            url(fonts/droidsansmono-56059611bd9559e0b707930c69486571.woff2) format('woff2'),
            url(fonts/droidsansmono-5cefb7d7ef56fa357c52c050684c1085.woff) format('woff'),
            url(fonts/droidsansmono-3a20e8e70441626344c83ac00c346a2e.ttf) format('truetype');
    font-weight:400;
    font-style:normal;
}
.cardIcons{
    display:flex;
    align-items:flex-start;
    min-height:18px;
}
.cardIcons__list.hide{
    display:none;
}
.cardIcons__list{
    display:flex;
    align-content:center;
}
.mir{
    background:url(icons/Mir-f70a3f07a67657afddb354607e9c8ced.svg) no-repeat center;
    width:43px;
    height:13px;
    margin-right:18px;
}
.visa{
    background:url(icons/Visa-4fb61554be5da5e8b245cb9dec1aff41.svg) no-repeat center;
    width:41px;
    height:13px;
    margin-right:19px;
}
.mastercard{
    background:url(icons/Mastercard-67406cfe850077ac7566b6cb1245591f.svg) no-repeat center;
    width:23px;
    height:14px;
    margin-right:19px;
}
.maestro{
    background:url(icons/Maestro-3a1c787f59bfcff55bab31d8215677b7.svg) no-repeat center;
    width:23px;
    height:18px;
}
#submitBox{
    width:100%;
}
#submitBox .content{
    display:flex;
    flex-direction:column-reverse;
}
#submitBox .emailContainer{
    display:none;
}
#send_button{
    font-weight:bold;
    font-size:16px;

    width:100%;
    height:48px;

    background:#FFFFFF;

    background:var(--white);
    border:2px solid #268BFF;
    border:2px solid var(--blue);
    border-radius:30px;
    color:#268BFF;
    color:var(--blue);

    line-height:22px;
    text-align:center;
    letter-spacing:0.03em;

    outline:none;

    cursor:pointer;
}
#send_button:disabled{
    opacity:0.6;
}
#agreeBox{
    margin-top:11px;
    color:#848F9D;
    font-size:9px;
    line-height:145.9%;
    text-align:center;
}
#agreeBox label{
    display:inline-block;
    text-align:center;
}
#agreeBox input{
    display:none;
}
#agreeBox a{
    color:#268BFF;
    color:var(--blue);
}
#page{
    display:-ms-grid;
    display:grid;
}
#title-page{
    font-weight:600;
    font-size:24px;
    line-height:120%;

    letter-spacing:0.03em;
    color:#268BFF;
    color:var(--blue);
    margin-bottom:24px;
}
#payment-form{
    display:-ms-grid;
    display:grid;
}
#payment-form > .content{
    display:-ms-grid;
    display:grid;

    -ms-grid-column:1;

        grid-column-start:1;
    -ms-grid-column-span:1;
    grid-column-end:2;
    -ms-grid-row:1;
        grid-row-start:1;
    -ms-grid-row-span:3;
    grid-row-end:4;
}
.senderCard,
#receiverCard{
    background:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);
    background:linear-gradient(180deg, var(--white) 0%, #EFEFEF 100%);
    border:1px solid #C2CCDA;
    border-radius:10px;
}
.transferAmmount-ammountLimits{
    display:none;
}
.senderCard-numberLabel,
.senderCard-expLabel,
.senderCard-cvcLabel,
.receiverCard-numberLabel,
.transferAmmount-ammountLabel{
    font-size:13px;
    line-height:15px;
    color:#8A9DB6;
    color:var(--gray)
}
.senderCard-numberInput input,
.senderCard-expMonth input,
.senderCard-expYear input,
.senderCard-cvcInput input,
.receiverCard-numberInput input,
.transferAmmount-ammount input{
    font-family:"Droid Sans Mono";
    width:100%;
    border:none;
    border-bottom:1px solid #8A9DB6;
    border-bottom:1px solid var(--gray);
    outline:none;
    background:transparent;
    color:#333333;
    color:var(--dark-gray);
    font-weight:300;
    font-size:16px;
    padding-bottom:4px;

    caret-color:#268BFF;

    caret-color:var(--blue)
}
.senderCard-numberInput input:-ms-input-placeholder, .senderCard-expMonth input:-ms-input-placeholder, .senderCard-expYear input:-ms-input-placeholder, .senderCard-cvcInput input:-ms-input-placeholder, .receiverCard-numberInput input:-ms-input-placeholder, .transferAmmount-ammount input:-ms-input-placeholder{
    font-family:"Droid Sans Mono";
    font-weight:300;
    font-size:16px;
    line-height:22px;

    color:#8A9DB6;

    color:var(--gray);
}
.senderCard-numberInput input::-ms-input-placeholder, .senderCard-expMonth input::-ms-input-placeholder, .senderCard-expYear input::-ms-input-placeholder, .senderCard-cvcInput input::-ms-input-placeholder, .receiverCard-numberInput input::-ms-input-placeholder, .transferAmmount-ammount input::-ms-input-placeholder{
    font-family:"Droid Sans Mono";
    font-weight:300;
    font-size:16px;
    line-height:22px;

    color:#8A9DB6;

    color:var(--gray);
}
.senderCard-numberInput input::placeholder,
.senderCard-expMonth input::placeholder,
.senderCard-expYear input::placeholder,
.senderCard-cvcInput input::placeholder,
.receiverCard-numberInput input::placeholder,
.transferAmmount-ammount input::placeholder{
    font-family:"Droid Sans Mono";
    font-weight:300;
    font-size:16px;
    line-height:22px;

    color:#8A9DB6;

    color:var(--gray);
}
.errorMessage{
    color:#DC3428;
    color:var(--red);

    font-size:11px;
    line-height:15px;
    min-height:15px;

    letter-spacing:0.03em;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.errorMessage:hover{
    white-space:normal;
    z-index:1000000;
    word-break:break-word;
}
.senderCard .error input,
#receiverCard .error input,
.transferAmmount .transferAmmount-ammount .error input{
    border-bottom:1px solid #DC3428;
    border-bottom:1px solid var(--red);
}
.senderCard .error + div,
#receiverCard .error + div,
.transferAmmount .error + div{
    color:#DC3428;
    color:var(--red);
}
.senderCard .focus input,
#receiverCard .focus input,
.transferAmmount .focus input{
    border-bottom:1px solid #268BFF;
    border-bottom:1px solid var(--blue);
}
.senderCard .focus + div,
#receiverCard .focus + div,
.transferAmmount .focus + div{
    color:#268BFF;
    color:var(--blue);
}
.receiverCard-numberLabel,
.senderCard-numberLabel{
    position:absolute;
    transition:transform 130ms ease-in, font-size 130ms ease-in;
    left:0;
    top:20px;
    font-size:16px;
    line-height:21px;
    letter-spacing:0.03em;
    font-family:"Droid Sans Mono";
}
.senderCard .filled + .senderCard-numberLabel,
#receiverCard .filled + .receiverCard-numberLabel{
    font-weight:normal;
    font-size:13px;
    line-height:18px;
    transform:translateY(-100%);
    font-family:"Open Sans";
}
.senderCard-expDivider.filled{
    color:#333333 !important;
    color:var(--dark-gray) !important;
}
.senderCard-expLabel.focus{
    color:#268BFF;
    color:var(--blue);
}
.senderCard-expDivider.focus,
.senderCard-expMonth.focus input,
.senderCard-expYear.focus input{
    border-bottom:1px solid #268BFF;
    border-bottom:1px solid var(--blue);
}
.senderCard{
    display:-ms-grid;
    display:grid;
    position:relative;
}
.senderCard .cardIcons{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:1;
        grid-row-start:1;
    -ms-grid-row-span:1;
    grid-row-end:2;
}
.senderCard-numberLabel{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:3;
        grid-row-start:3;
    -ms-grid-row-span:1;
    grid-row-end:4;
}
.senderCard-numberInput{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:3;
        grid-row-start:3;
    -ms-grid-row-span:1;
    grid-row-end:4;

    z-index:100;
    align-self:flex-end;
}
.senderCard-numberError{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:5;
        grid-row-start:5;
    -ms-grid-row-span:1;
    grid-row-end:6;
}
.senderCard-expLabel{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:4;
    grid-column-end:5;
    -ms-grid-row:7;
        grid-row-start:7;
    -ms-grid-row-span:1;
    grid-row-end:8;
}
.senderCard-expMonth{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:0;
    grid-column-end:1;
    -ms-grid-row:8;
        grid-row-start:8;
    -ms-grid-row-span:1;
    grid-row-end:9;
}
.senderCard-expDivider{
    -ms-grid-column:2;
        grid-column-start:2;
    -ms-grid-column-span:0;
    grid-column-end:2;
    -ms-grid-row:8;
        grid-row-start:8;
    -ms-grid-row-span:1;
    grid-row-end:9;

    font-family:"Droid Sans Mono";
    margin-bottom:-1px;
    border-bottom:1px solid #8A9DB6;
    border-bottom:1px solid var(--gray);
    text-align:center;
    line-height:21px;
    font-size:16px;
    color:#8A9DB6;
    color:var(--gray);
}
.senderCard-expYear{
    -ms-grid-column:3;
        grid-column-start:3;
    -ms-grid-column-span:0;
    grid-column-end:3;
    -ms-grid-row:8;
        grid-row-start:8;
    -ms-grid-row-span:1;
    grid-row-end:9;
}
.senderCard-expError{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:4;
    grid-column-end:5;
    -ms-grid-row:10;
        grid-row-start:10;
    -ms-grid-row-span:1;
    grid-row-end:11;
}
.senderCard-cvcLabel{
    -ms-grid-column:5;
        grid-column-start:5;
    -ms-grid-column-span:0;
    grid-column-end:5;
    -ms-grid-row:7;
        grid-row-start:7;
    -ms-grid-row-span:1;
    grid-row-end:8;
}
.senderCard-cvcInput{
    -ms-grid-column:5;
        grid-column-start:5;
    -ms-grid-column-span:0;
    grid-column-end:5;
    -ms-grid-row:8;
        grid-row-start:8;
    -ms-grid-row-span:1;
    grid-row-end:9;

    width:34px;
}
.senderCard-cvcError{
    -ms-grid-column:5;
        grid-column-start:5;
    -ms-grid-column-span:0;
    grid-column-end:5;
    -ms-grid-row:10;
        grid-row-start:10;
    -ms-grid-row-span:1;
    grid-row-end:11;
}
.senderCard:after{
    content:'';
    background:url(icons/Arrow-8acb29f103c0b1277dbdac555c215943.svg) no-repeat center;
    width:25px;
    height:25px;
    position:absolute;
    right:-38px;
    top:45%;
}
#receiverCard{
    display:-ms-grid;
    display:grid;
    position:relative;
}
#receiverCard .cardIcons{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:1;
        grid-row-start:1;
    -ms-grid-row-span:1;
    grid-row-end:2;
}
.receiverCard-numberLabel{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:3;
        grid-row-start:3;
    -ms-grid-row-span:1;
    grid-row-end:4;
}
.receiverCard-numberInput{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:3;
        grid-row-start:3;
    -ms-grid-row-span:1;
    grid-row-end:4;

    z-index:100;
    align-self:flex-end;
}
.receiverCard-error{
    -ms-grid-column:1;
        grid-column-start:1;
    -ms-grid-column-span:5;
    grid-column-end:6;
    -ms-grid-row:5;
        grid-row-start:5;
    -ms-grid-row-span:1;
    grid-row-end:6;
}
.receiverCard-logo{
    display:none;
}
#securityPayment{
    color:#4DB45F;
    color:var(--green);
}
#securityPayment__wrapper{
    display:flex;
    padding-bottom:5px;
}
#securityPayment__icon{
    background:url(icons/Lock-0a0b6f89a7dd351dea0afb705458b40c.svg);
    width:12px;
    height:12px;
}
#securityPayment__title{
    font-weight:600;
    font-size:12px;
    line-height:16px;

    padding-left:9px;
}
#securityPayment__content{
    font-size:11px;
    line-height:17px;

    max-width:294px;
}
.transferAmmount{
    display:-ms-grid;
    display:grid;
    z-index:1;
}
#PayTransferForm_amount::-webkit-outer-spin-button,
#PayTransferForm_amount::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}
#PayTransferForm_amount[type=number]{
    -moz-appearance:textfield;
}
.transferAmmount .transferAmmount-ammount{
    -ms-grid-row:3;
        grid-row-start:3;
    -ms-grid-row-span:1;
    grid-row-end:4;
}
.transferAmmount .transferAmmount-ammountLabel{
    -ms-grid-row:1;
        grid-row-start:1;
    -ms-grid-row-span:1;
    grid-row-end:2;
}
.transferAmmount .transferAmmount-ammountError{
    -ms-grid-row:5;
        grid-row-start:5;
    -ms-grid-row-span:1;
    grid-row-end:6;
}
#commission{
    z-index:10000;
    position:relative;
}
#transferTotalAmount,
#transferCommission{
    font-family:"Droid Sans Mono";
}
#commission .totalAmount{
    display:flex;
    justify-content:space-between;
}
.transferAmmount-helpIcon{
    height:12px;
}
.transferAmmount-helpIcon:after{
    width:12px;
    height:12px;
    content:'?';

    font-size:6px;

    background:#8A9DB6;

    background:var(--gray);
    color:#FFFFFF;
    color:var(--white);

    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;

    cursor:pointer;
}
.transferAmmount-helpText{
    position:absolute;
    background:#DBDDE0;
    color:#000;
    padding:11px 10px 14px;
    width:187px;
    top:-74px;
    z-index:10000;
    right:-13px;
    border-radius:4px;
    font-size:13px;
    line-height:144.5%;
    text-align:center;
    display:none;
}
.transferAmmount-helpIcon:hover .transferAmmount-helpText{
    display:block;
}
.transferAmmount-helpText:after{
    content:'';
    position:absolute;
    border:10px solid transparent;
    border-top:15px solid #DBDDE0;
    bottom:-20px;
    right:9px;
}
.totalAmount{
    display:flex;
    flex-direction:column;
}
.totalAmount:focus{
    outline:none;
}
.totalAmount-label{
    font-weight:normal;
    font-size:13px;

    color:#8A9DB6;

    color:var(--gray);
}
#transferTotalAmount{
    color:#333333;
    color:var(--dark-gray);

    font-weight:300;
    font-size:16px;

    line-height:22px;
    padding-top:10px;
}
@media (min-width: 1201px){
    #page{
        -ms-grid-columns:845px 294px;
        grid-template-columns:845px 294px;
        -ms-grid-rows:64px 1fr;
        grid-template-rows:64px 1fr;
    }
    #title-page{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:2;
        grid-column-end:3;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:1;
        grid-row-end:2;
    }

    #securityPayment{
        -ms-grid-column:2;
            grid-column-start:2;
        -ms-grid-column-span:1;
        grid-column-end:3;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:0;
        grid-row-end:2;
    }

    #payment-form{
        -ms-grid-columns:845px 298px;
        grid-template-columns:845px 298px;
    }

    #payment-form > .content{
        -ms-grid-columns:371px 52px 21px 180px 150px;
        grid-template-columns:371px 52px 21px 180px 150px;

        -ms-grid-rows:142px 1fr;

        grid-template-rows:142px 1fr;
    }

    .senderCard,
    #receiverCard{
        width:371px;
        height:219px;

        padding:32px 21px 11px 20px;

        -ms-grid-columns:20px 10px 34px 1fr 152px;

        grid-template-columns:20px 10px 34px 1fr 152px;
        -ms-grid-rows:18px 10px 48px 6px 15px 12px 20px 25px 6px 15px;
        grid-template-rows:18px 10px 48px 6px 15px 12px 20px 25px 6px 15px;
    }

    #payment-form .senderCard{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:0;
        grid-column-end:1;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:2;
        grid-row-end:3;
    }

    #receiverCard{
        -ms-grid-column:3;
            grid-column-start:3;
        -ms-grid-column-span:4;
        grid-column-end:7;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:2;
        grid-row-end:3;
    }

    #commission{
        -ms-grid-column:5;
            grid-column-start:5;
        -ms-grid-column-span:1;
        grid-column-end:6;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:1;
        grid-row-end:3;

        display:-ms-grid;

        display:grid;
        -ms-grid-columns:134px 4px 12px 20px 45px 250px;
        grid-template-columns:134px 4px 12px 20px 45px 250px;
        -ms-grid-rows:19px 22px;
        grid-template-rows:19px 22px;
    }

    #commission > .totalAmount{
        -ms-grid-column:6;
            grid-column-start:6;
        -ms-grid-column-span:1;
        grid-column-end:7;
        justify-content:unset;
        margin-top:-78px;
    }

    #transferTotalAmount{
        padding-top:4px;
    }

    .transferAmmount-commissionLabel{
        font-size:13px;
        color:#8A9DB6;
        color:var(--gray);
        text-align:right;
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;
    }

    .transferAmmount-commission{
        font-weight:300;
        font-size:16px;
        line-height:22px;
        text-align:right;

        -ms-grid-column:1;

            grid-column-start:1;
        -ms-grid-column-span:3;
        grid-column-end:4;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:1;
        grid-row-end:3;
    }

    .transferAmmount-helpIcon{
        -ms-grid-column:3;
            grid-column-start:3;
        -ms-grid-column-span:1;
        grid-column-end:4;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:0;
        grid-row-end:1;
    }
    .transferAmmount-helpText{
        display:none;
    }

    .transferAmmount{
        -ms-grid-column:4;
            grid-column-start:4;
        -ms-grid-column-span:1;
        grid-column-end:5;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:1;
        grid-row-end:3;

        -ms-grid-rows:15px 4px 25px 6px 15px;

        grid-template-rows:15px 4px 25px 6px 15px
    }

    #PayTransferForm_amount{
        max-width:131px;
    }


    #submitBox{
        -ms-grid-column:2;
            grid-column-start:2;
        -ms-grid-column-span:0;
        grid-column-end:2;
        -ms-grid-row:3;
            grid-row-start:3;
        -ms-grid-row-span:1;
        grid-row-end:4;
    }
}
@media (max-width: 1200px){
    #page{
        -ms-grid-columns:371px 51px 371px;
        grid-template-columns:371px 51px 371px;
        -ms-grid-rows:64px 219px 19px 1fr;
        grid-template-rows:64px 219px 19px 1fr;
    }
    #title-page{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:3;
        grid-column-end:4;
    }

    #transferBox{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:3;
        grid-column-end:4;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:1;
        grid-row-end:3;
    }

    #securityPayment{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;
        -ms-grid-row:4;
            grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5;

        padding-left:19px;
    }

    #payment-form{
        -ms-grid-columns:371px 51px 371px;
        grid-template-columns:371px 51px 371px;
        -ms-grid-rows:219px 19px 1fr;
        grid-template-rows:219px 19px 1fr;
    }

    #payment-form > .content{
        -ms-grid-columns:371px 52px 21px 180px 150px;
        grid-template-columns:371px 52px 21px 180px 150px;
        -ms-grid-rows:142px 1fr;
        grid-template-rows:142px 1fr;
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:3;
        grid-column-end:4;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:1;
        grid-row-end:2;
    }

    .senderCard,
    #receiverCard{
        padding:32px 21px 11px 20px;

        -ms-grid-columns:20px 10px 34px 1fr 152px;

        grid-template-columns:20px 10px 34px 1fr 152px;
        -ms-grid-rows:18px 10px 48px 6px 15px 12px 20px 25px 6px 15px;
        grid-template-rows:18px 10px 48px 6px 15px 12px 20px 25px 6px 15px;
    }

    .senderCard{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:0;
        grid-column-end:1;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:3;
        grid-row-end:4;
    }

    #receiverCard{
        -ms-grid-column:3;
            grid-column-start:3;
        -ms-grid-column-span:4;
        grid-column-end:7;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:3;
        grid-row-end:4;
    }

    .transferAmmount{
        -ms-grid-column:4;
            grid-column-start:4;
        -ms-grid-column-span:1;
        grid-column-end:5;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:2;
        grid-row-end:4;

        -ms-grid-rows:15px 4px 25px 6px 15px;

        grid-template-rows:15px 4px 25px 6px 15px
    }

    #commission{
        -ms-grid-column:5;
            grid-column-start:5;
        -ms-grid-column-span:1;
        grid-column-end:6;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:2;
        grid-row-end:4;

        text-align:right;
    }

    .transferAmmount-commission,
    .transferAmmount-commissionLabel{
        display:none;
    }

    .transferAmmount-helpIcon{
        position:absolute;
        right:0;
        top:30px;
    }

    #transferTotalAmount{
        padding-right:16px;
    }

    #PayTransferForm_amount{
        max-width:131px;
    }

    #submitBox{
        -ms-grid-column:3;
            grid-column-start:3;
        -ms-grid-column-span:1;
        grid-column-end:4;
        -ms-grid-row:3;
            grid-row-start:3;
        -ms-grid-row-span:1;
        grid-row-end:4;
    }
}
@media (max-width: 800px){

    #page{
        -ms-grid-columns:280px 51px 280px;
        grid-template-columns:280px 51px 280px;
        -ms-grid-rows:64px 171px 19px 1fr;
        grid-template-rows:64px 171px 19px 1fr;
    }

    #payment-form{
        -ms-grid-columns:280px 51px 280px;
        grid-template-columns:280px 51px 280px;
        -ms-grid-rows:171px 19px 1fr;
        grid-template-rows:171px 19px 1fr
    }

    #payment-form > .content{
        -ms-grid-columns:280px 48px 20px 140px 100px;
        grid-template-columns:280px 48px 20px 140px 100px;
        -ms-grid-rows:112px 1fr;
        grid-template-rows:112px 1fr;
    }

    .senderCard{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:0;
        grid-column-end:1;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:3;
        grid-row-end:4;
    }

    #receiverCard{
        -ms-grid-column:3;
            grid-column-start:3;
        -ms-grid-column-span:4;
        grid-column-end:7;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:3;
        grid-row-end:4;
    }

    .transferAmmount{
        -ms-grid-column:4;
            grid-column-start:4;
        -ms-grid-column-span:1;
        grid-column-end:5;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:2;
        grid-row-end:4;

        -ms-grid-rows:11px 4px 22px 5px 13px;

        grid-template-rows:11px 4px 22px 5px 13px
    }


    #commission{
        -ms-grid-column:5;
            grid-column-start:5;
        -ms-grid-column-span:1;
        grid-column-end:6;
        -ms-grid-row:2;
            grid-row-start:2;
        -ms-grid-row-span:1;
        grid-row-end:3;

        text-align:right;
    }

    .transferAmmount-commission,
    .transferAmmount-commissionLabel{
        display:none;
    }

    .senderCard,
    #receiverCard{
        width:280px;
        height:171px;

        padding:21px 21px 11px 20px;

        -ms-grid-columns:16px 5px 27px 1fr 113px;

        grid-template-columns:16px 5px 27px 1fr 113px;
        -ms-grid-rows:18px 7px 37px 5px 12px 12px 15px 21px 5px 13px;
        grid-template-rows:18px 7px 37px 5px 12px 12px 15px 21px 5px 13px;
    }
    .totalAmount-label,
    .senderCard-expLabel,
    .senderCard-cvcLabel,
    .transferAmmount-ammountLabel{
        font-size:10px;
        line-height:12px;
    }
    .senderCard-numberInput input,
    .senderCard-expMonth input,
    .senderCard-expYear input,
    .senderCard-cvcInput input,
    .receiverCard-numberInput input,
    .transferAmmount-ammount input{
        font-size:12px;
        line-height:16px;
        padding-bottom:5px;
    }

    .senderCard-numberInput input:-ms-input-placeholder, .senderCard-expMonth input:-ms-input-placeholder, .senderCard-expYear input:-ms-input-placeholder, .senderCard-cvcInput input:-ms-input-placeholder, .receiverCard-numberInput input:-ms-input-placeholder, .transferAmmount-ammount input:-ms-input-placeholder{
        font-weight:normal;
        font-size:12px;
        line-height:16px;
    }

    .senderCard-numberInput input::-ms-input-placeholder, .senderCard-expMonth input::-ms-input-placeholder, .senderCard-expYear input::-ms-input-placeholder, .senderCard-cvcInput input::-ms-input-placeholder, .receiverCard-numberInput input::-ms-input-placeholder, .transferAmmount-ammount input::-ms-input-placeholder{
        font-weight:normal;
        font-size:12px;
        line-height:16px;
    }

    .senderCard-numberInput input::placeholder,
    .senderCard-expMonth input::placeholder,
    .senderCard-expYear input::placeholder,
    .senderCard-cvcInput input::placeholder,
    .receiverCard-numberInput input::placeholder,
    .transferAmmount-ammount input::placeholder{
        font-weight:normal;
        font-size:12px;
        line-height:16px;
    }

    .receiverCard-numberLabel,
    .senderCard-numberLabel{
        font-size:12px;
        line-height:12px;
        top:18px;
    }
    .senderCard .filled + .senderCard-numberLabel,
    #receiverCard .filled + .receiverCard-numberLabel{
        font-size:9px;
        line-height:16px;
        top:16px;
    }

    .senderCard-cvcInput{
        width:25px;
    }

    #transferTotalAmount{
        font-weight:normal;
        font-size:12px;
        line-height:16px;
        padding-top:4px;
    }

    .senderCard-expDivider{
        margin-bottom:-1px;
        font-size:12px;
        line-height:16px;
    }

    #PayTransferForm_exp_year{
        padding-left:2px;
    }

    #PayTransferForm_amount{
        max-width:100px;
    }

    .transferAmmount-helpIcon{
        top:18px;
    }

    .transferAmmount-helpText{
        padding:16px 40px 16px 16px;
        width:213px;
        top:-83px;
    }
    .transferAmmount-helpIcon:hover .transferAmmount-helpText-close{
        display:block;
    }
    .transferAmmount-helpIcon.hide-helpText .transferAmmount-helpText-close,
    .transferAmmount-helpIcon.hide-helpText .transferAmmount-helpText{
        display:none;
    }

    .transferAmmount-helpText-close{
        content:'';
        position:absolute;
        background:url(icons/Close-3c04a83eafe726b5b96c006244c993a3.svg) no-repeat center;
        width:12px;
        height:12px;
        right:5px;
        top:-68px;
        display:none;
        z-index:100000;
    }

    .errorMessage{
        font-size:9px;
        line-height:12px;
        min-height:12px;
    }

    #commission:focus .transferAmmount-helpText,
    #commission:focus .transferAmmount-helpText-close{
        display:none;
    }

    #commission{
        outline:none;
    }

    #securityPayment__content{
        font-size:10px;
    }
}
@media (max-width: 610px){
    #page{
        -ms-grid-columns:280px;
        grid-template-columns:280px;
        -ms-grid-rows:-webkit-max-content 29px 171px 41px 171px 16px 47px 27px 1fr;
        -ms-grid-rows:max-content 29px 171px 41px 171px 16px 47px 27px 1fr;
        grid-template-rows:-webkit-max-content 29px 171px 41px 171px 16px 47px 27px 1fr;
        grid-template-rows:max-content 29px 171px 41px 171px 16px 47px 27px 1fr;
    }

    #title-page{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;

        margin-bottom:0;
    }

    #transferBox{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;
        -ms-grid-row:3;
            grid-row-start:3;
        -ms-grid-row-span:3;
        grid-row-end:6;
    }

    #securityPayment{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;
        -ms-grid-row:7;
            grid-row-start:7;
        -ms-grid-row-span:1;
        grid-row-end:8;
    }

    #payment-form{
        -ms-grid-columns:280px;
        grid-template-columns:280px;
        -ms-grid-rows:171px 41px 171px 16px 47px 27px 1fr;
        grid-template-rows:171px 41px 171px 16px 47px 27px 1fr;
    }

    #payment-form > .content{

        -ms-grid-columns:20px 140px 100px 20px;

        grid-template-columns:20px 140px 100px 20px;
        -ms-grid-rows:171px 41px 105px 66px;
        grid-template-rows:171px 41px 105px 66px;

        -ms-grid-column:1;

            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:3;
        grid-row-end:4;
    }

    .senderCard{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:4;
        grid-column-end:5;
        -ms-grid-row:1;
            grid-row-start:1;
        -ms-grid-row-span:1;
        grid-row-end:2;
    }

    .senderCard:after{
        transform:rotate(90deg);
        left:44%;
        bottom:-34px;
        top:unset;
        right:unset;
    }

    #receiverCard{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:4;
        grid-column-end:5;
        -ms-grid-row:3;
            grid-row-start:3;
        -ms-grid-row-span:2;
        grid-row-end:5;
    }

    .transferAmmount{
        -ms-grid-column:2;
            grid-column-start:2;
        -ms-grid-column-span:1;
        grid-column-end:3;
        -ms-grid-row:4;
            grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5;
    }

    #commission{
        -ms-grid-column:3;
            grid-column-start:3;
        -ms-grid-column-span:1;
        grid-column-end:4;
        -ms-grid-row:4;
            grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5;
    }

    #submitBox{
        -ms-grid-column:1;
            grid-column-start:1;
        -ms-grid-column-span:1;
        grid-column-end:2;
        -ms-grid-row:7;
            grid-row-start:7;
        -ms-grid-row-span:1;
        grid-row-end:8;
    }
}
#async{
    text-align:center;
    max-width:380px;
    max-height:308px;

    display:flex;
    flex-direction:column;
    align-items:center;
}
#loader{
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;

    margin-top:33px;
    margin-bottom:33px;
}
#loader__one,
#loader__two,
#loader__three{
    width:24px;
    height:24px;
    border-radius:50%;
    animation:run 1s infinite ease-in-out;
    margin:6px;
}
#loader__one{
    background:#268BFF;
    background:var(--blue);
    animation-delay:0.3s;
}
#loader__two{
    background:#7063FF;
    background:var(--purple);
    animation-delay:0.6s;
}
#loader__three{
    background:#8CC100;
    background:var(--green-light);
    animation-delay:0.9s
}
@keyframes run{
    from{
        width:24px;
        height:24px;
    }

    50%{
        width:32px;
        height:32px;
    }

    to{
        width:24px;
        height:24px;
    }
}
#asyncLabel{
    font-style:normal;
    font-weight:600;
    font-size:18px;
    line-height:133.5%;

    letter-spacing:0.03em;

    color:#268BFF;

    color:var(--blue);

    margin-bottom:6px;
}
#asyncSupport,
#asyncDescription{
    font-style:normal;
    font-weight:normal;
    font-size:12px;
    line-height:153.5%;

    letter-spacing:0.03em;

    color:#333333;

    color:var(--dark-gray);
}
#asyncSupport{
    margin-top:20px;
    width:200px;
}
#asyncSupport a{
    color:#268BFF;
    color:var(--blue);

    text-decoration:none;
}
#error{
    max-width:324px;
    max-height:368px;
    text-align:center;
}
#errorLabel{
    font-style:normal;
    font-weight:600;
    font-size:18px;
    line-height:133.5%;

    letter-spacing:0.03em;

    color:#268BFF;

    color:var(--blue);

    margin-bottom:6px;

    -ms-grid-row:2;

        grid-row-start:2;
    -ms-grid-row-span:1;
    grid-row-end:3;
}
#errorIcon{
    margin:37px auto 13px auto;

    background:url(icons/Error-5e6a6dc457178d62de391b4d2e8f5f0c.svg) no-repeat center;
    width:42px;
    height:42px;
}
#errorSupport{
    font-style:normal;
    font-weight:normal;
    font-size:12px;
    line-height:153.5%;

    letter-spacing:0.03em;

    color:#333333;

    color:var(--dark-gray);

    margin-top:10px;
}
#errorSupport a{
    color:#268BFF;
    color:var(--blue);

    text-decoration:none;
}
#error #transferBox > .content{
    display:none;
}
#error #submitBox button{
    margin-top:32px;

    font-style:normal;
    font-weight:600;
    font-size:14px;
    line-height:19px;

    width:324px;
    height:40px;

    background:#FFFFFF;

    background:var(--white);
    border:2px solid #268BFF;
    border:2px solid var(--blue);
    border-radius:30px;
    color:#268BFF;
    color:var(--blue);

    text-align:center;
    letter-spacing:0.02em;

    outline:none;

    cursor:pointer;
}
#success{
    max-width:324px;
    max-height:368px;
    text-align:center;
}
#successLabel{
    font-style:normal;
    font-weight:600;
    font-size:18px;
    line-height:133.5%;

    letter-spacing:0.03em;

    color:#268BFF;

    color:var(--blue);

    margin-bottom:6px;

    -ms-grid-row:2;

        grid-row-start:2;
    -ms-grid-row-span:1;
    grid-row-end:3;
}
#successIcon{
    margin:37px auto 13px auto;

    background:url(icons/Success-6b98372f315b2ade78d55a4637ebce1e.svg) no-repeat center;
    width:42px;
    height:42px;

    -ms-grid-row:1;

        grid-row-start:1;
    -ms-grid-row-span:1;
    grid-row-end:2;
}
#orderIdWrapper,
#amountWrapper{
    display:flex;
    justify-content:center;
    align-content:center;

    font-size:12px;
    line-height:18px;

    letter-spacing:0.03em;

    color:#586272;
}
#success #order-id,
#success #amount{
    font-weight:600;
    padding-left:3px;
}
#success #transferBox > .content{
    display:none;
}
#success #receipt_link{
    font-size:12px;
    line-height:27px;

    letter-spacing:0.03em;

    color:#268BFF;

    color:var(--blue);

    text-decoration:none;

    position:relative;
}
#success #submitBox button{
    margin-top:32px;

    font-style:normal;
    font-weight:600;
    font-size:14px;
    line-height:19px;

    width:324px;
    height:40px;

    background:#FFFFFF;

    background:var(--white);
    border:2px solid #268BFF;
    border:2px solid var(--blue);
    border-radius:30px;
    color:#268BFF;
    color:var(--blue);

    text-align:center;
    letter-spacing:0.02em;

    outline:none;
}