.w--spinner{
    width:70px;
    text-align:center;
    margin:0 auto;
}
.w--spinner.narrow{
    width:48px;
}
.w--spinner > div{
    width:10px;
    height:10px;
    margin-left:3px;
    background-color:var(--baseDark_color);
    border-radius:100%;
    display:inline-block;
    -webkit-animation:bouncedelay 1.4s infinite ease-in-out;
    animation:bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.w--spinner.white > div{
    background:#fff;
}
.w--spinner.orange > div{
    background:rgb(var(--accent_bg_btn));
}
.w--spinner .bounce1{
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s;
}
.w--spinner .bounce2{
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
}
@-webkit-keyframes bouncedelay{
    0%, 80%, 100%{
        -webkit-transform:scale(0);
    }
    40%{
        -webkit-transform:scale(1);
    }
}
@keyframes bouncedelay{
    0%, 80%, 100%{
        transform:scale(0);
        -webkit-transform:scale(0);
    }
    40%{
        transform:scale(1);
        -webkit-transform:scale(1);
    }
}
.btn{
    font-size:var(--fn-default);
    padding:10px 15px;
    border-radius:3px;
    transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display:inline-block;
}
.btn:not(input):empty{
        display:none;
    }
.btn--orange{
    background:var(--button_accent_bg);
    color:var(--button_accent_textColor);
    border:1px solid var(--button_accent_shade-2);
}
.btn--orange:hover, .btn--orange:active{
        background:var(--button_accent_color-hover);
        text-decoration:none;
        color:var(--button_accent_textColor);
    }
.btn--basedark{
    background:var(--baseDark_color);
    color:var(--button_accent_textColor);
    border:1px solid var(--baseDark_color);
}
.btn--basedark:hover, .btn--basedark:active{
        opacity:0.9;
        text-decoration:none;
    }
.btn--empty{
    background:transparent;
    border:var(--buttonSecondary_border);
    color:var(--baseDark_color);
}
.btn--empty:hover, .btn--empty:active, .btn--empty:focus{
        background:var(--button_empty_active_bg);
        color:var(--baseDark_color);
        text-decoration:none;
    }
.btn--empty.btn--orange{
        color:var(--button_accent_bg);
        border:1px solid var(--button_accent_shade-2);
        background-color:var(--buttonSecondary_bgs);
    }
.btn--empty.btn--orange:hover, .btn--empty.btn--orange:active, .btn--empty.btn--orange:focus{
            background-color:var(--buttonSecondary_bg_hover);
            color:var(--button_accent_textColor);
        }
.btn--empty.btn--blue{
        background:transparent;
        border:1px solid var(--button_empty_blue);
        color:var(--button_empty_blue);
    }
.btn--empty.btn--blue:hover, .btn--empty.btn--blue:active, .btn--empty.btn--blue:focus{
            color:var(--button_empty_blue);
        }
.btn--thin{
    padding:5px 10px;
}
.btn--large{
    font-size:var(--fn-large);
    padding:15px;
}
.btn--block{
    display:block;
    width:100%;
}
.btn:disabled, .btn.disabled{
    opacity:0.6;
    cursor:not-allowed;
}
.w--button{
    font-size:var(--fn-medium);
    padding:10px 15px;
    border-radius:3px;
    transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1px;
    cursor:pointer;
}
.w--button:empty{
        display:none;
    }
@media (max-width: 499px){
        .w--button:focus{
        outline:none;
    }
    }
.w--button--yellow{
    background:var(--yellow-bg);
    color:var(--button_accent_textColor);
    border:1px solid var(--yellow-shade-5);
}
:not(.loading).w--button--yellow:hover, :not(.loading).w--button--yellow:active{
        background:var(--yellow-shade-5);
        text-decoration:none;
        color:var(--button_accent_textColor);
    }
.w--button--yellow .w--spinner > div{
        background:var(--loader_bg);
    }
.w--button--yellow.loading, .w--button--yellow.loading:hover{
        border:none;
        background:var(--yellow_button_loading_gradient);
        background-size:200% 200%;
        -webkit-animation:orangeGradientAnim 1.4s ease infinite;
        animation:orangeGradientAnim 1.4s ease infinite;
    }
.w--button--orange{
    background:var(--home-primary-btn);
    color:var(--button_accent_textColor);
    border:1px solid var(--button_accent_shade-2);
}
:not(.loading).w--button--orange:hover, :not(.loading).w--button--orange:active{
        background:var(--button_accent_color-hover);
        text-decoration:none;
        color:var(--button_accent_textColor);
    }
.w--button--orange .w--spinner > div{
        background:var(--loader_bg);
    }
.w--button--orange.loading, .w--button--orange.loading:hover{
        border:none;
        background:var(--yellow_button_loading_gradient);
        background-size:200% 200%;
        -webkit-animation:orangeGradientAnim 1.4s ease infinite;
        animation:orangeGradientAnim 1.4s ease infinite;
    }
.w--button--basedark{
    background:var(--baseDark_color);
    color:var(--button_accent_textColor);
    border:1px solid var(--baseDark_color);
}
.w--button--basedark:hover, .w--button--basedark:active{
        opacity:0.9;
        text-decoration:none;
    }
.w--button--orange-gradient{
    background:var(--home-primary-btn);
    color:var(--button_accent_textColor);
    padding:12px 24px;
    border:0;
    text-decoration:none;
}
.w--button--orange-gradient .w--spinner > div{
        background:var(--loader_bg);
    }
.w--button--orange-gradient.w--button--large{
        height:45px;
        width:244px;
    }
.w--button--orange-gradient:hover{
        background:var(--button_accent_hover);
        text-decoration:none;
        color:var(--button_accent_textColor);
    }
.w--button--large{
    height:48px;
    width:140px;
}
.w--button--link{
    background-color:transparent;
    border:none;
    text-transform:none;
    letter-spacing:0px;
    color:var(--link_active_color);
}
.w--button--link:hover{
        color:var(--baseDark_color);
    }
.w--button--empty{
    background:var(--buttonSecondary_bg);
    border:var(--buttonSecondary_border);
    color:var(--buttonSecondary_color);
}
.w--button--empty:hover, .w--button--empty:active{
        background:var(--buttonSecondary_bg_hover);
        text-decoration:none;
    }
.w--button--empty.w--button--orange{
        color:var(--button_accent_textColor);
        border:1px solid var(--button_accent_shade-2);
        background:var(--button_accent_shade-2);
    }
.w--button--thin{
    padding:5px 10px;
}
.w--button:disabled{
    opacity:0.6;
}
.w--button.not-allowed{
    cursor:not-allowed;
}
.tertiary--button{
    color:var(--tertiary-color-text);
    background:var(--tertiary-button-button);
    border:0;
    text-decoration:none;
}
.tertiary--button-shadow{
    box-shadow:0 2px 4px 0 var(--button_accent_bShadow_color-50);
}
.partner-button{
    padding-top:8px;
    height:37px;
    margin-top:10px;
    font-size:11px;
    line-height:19px;
}
@-webkit-keyframes orangeGradientAnim{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}
@keyframes orangeGradientAnim{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{
    -webkit-appearance:none;
}
input[type="number"]{
    -moz-appearance:textfield;
}
.otp-modal{
    padding:0 20px;
    position:fixed;
    height:100%;
    width:100%;
    background-color:rgba(49, 68, 81, 0.9);
    overflow:auto;
    z-index:999;
    top:0;
    left:0;
}
.otp-modal__content{
    color:var(--baseDark_color);
    font-size:13px;
    border-radius:5px;
    box-shadow:0 1px 3px rgba(var(--bg_dark) / 12%), 0 1px 2px rgba(var(--bg_dark) / 24%);
    background-color:#fff;
    max-width:500px;
    margin:100px auto;
    padding:20px;
    position:relative;
    text-align:center;
}
.otp-modal__content > h4{
        text-transform:uppercase;
        font-weight:300;
        font-size:20px;
    }
.otp-modal__content > h4 strong{
            font-weight:400;
        }
.otp-modal__content > h4{
        margin:20px 0 15px;
}
.otp-modal__content > p{
        font-size:inherit;
        opacity:0.6;
        margin:15px;
    }
.otp-modal__content a{
        cursor:pointer;
        color:var(--link_active_color);
    }
.otp-modal__content a:hover, .otp-modal__content a:active, .otp-modal__content a:focus{
            text-decoration:none;
            color:var(--baseDark_color);
        }
.otp-modal__content .btn{
        margin-top:20px;
        padding:8px 15px;
        min-width:170px;
        text-transform:uppercase;
        font-size:14px;
    }
.otp-modal__content .btn:hover, .otp-modal__content .btn:focus{
            color:#fff;
        }
.otp-modal__content .btn:disabled{
            opacity:0.6;
            cursor:not-allowed;
        }
.otp-modal__actions{
    font-size:11px;
    padding:20px 0 0;
}
.otp-modal__actions a, .otp-modal__actions span{
        margin:4px;
        display:inline-block;
        vertical-align:middle;
    }
.otp-modal__actions a > img, .otp-modal__actions span > img{
            margin:0 4px;
        }
.otp-modal__actions .pipe-sep{
        border-right:1px solid rgba(0, 0, 0, 0.4);
        padding-right:8px;
    }
a.otp-modal__close{
    cursor:pointer;
    width:20px;
    height:20px;
    background:url("/static/img/global/close.png") no-repeat center center transparent;
    position:absolute;
    top:15px;
    right:15px;
}
.otp-input{
    margin:20px auto 0;
    max-width:250px;
}
.otp-input > input{
        border-radius:3px;
        border:1px solid rgba(49, 68, 81, 0.4);
        padding:12px 10px;
        outline:none;
        background-color:rgba(49, 68, 81, 0.1);
        width:100%;
        display:block;
        font-size:16px;
        text-align:center;
        height:55px;
    }
.otp-error{
    color:red;
    font-size:12px;
    padding:10px 0 0;
}
.info-msg{
    margin-top:10px;
    color:var(--baseDark_color);
}
.header-modal{
    background:rgba(231, 234, 238, 0.98);
}
.header-modal .otp-modal__content{
        position:static;
        background:transparent;
        box-shadow:none;
    }
.header-modal a.otp-modal__close{
        top:23px;
        right:38px;
    }
.header-modal .otp-input > input{
            background:transparent;
            border:none;
            border-bottom:1px solid rgb(var(--bg_accent));
            border-radius:0;
            text-align:left;
            height:34px;
            padding:0;
        }
.header-modal a img{
        width:160px;
    }
.header-modal h4{
        margin-top:50px;
    }