@media all and (min-width: 1600px) {
    /* WIDE SCREEN & PC */

    .wide-page-error-dialog {
        display: block;
    }

    .tablet-page-error-dialog {
        display: none;
    }

    .mobile-page-error-dialog {
        display: none;
    }


    .wide-signin-dialog {
        display: block;
    }

    .tablet-signin-dialog {
        display: none;
    }

    .mobile-signin-dialog {
        display: none;
    }


    .wide-register-dialog {
        display: block;
    }

    .tablet-register-dialog {
        display: none;
    }

    .mobile-register-dialog {
        display: none;
    }


    .wide-register-activate-dialog {
        display: block;
    }

    .tablet-register-activate-dialog {
        display: none;
    }

    .mobile-register-activate-dialog {
        display: none;
    }


    .wide-privacy-policy-dialog {
        display: block;
    }

    .tablet-privacy-policy-dialog {
        display: none;
    }

    .mobile-privacy-policy-dialog {
        display: none;
    }


    .wide-restore-password-dialog {
        display: block;
    }

    .tablet-restore-password-dialog {
        display: none;
    }

    .mobile-restore-password-dialog {
        display: none;
    }


    .wide-recover-password-dialog {
        display: block;
    }

    .tablet-recover-password-dialog {
        display: none;
    }

    .mobile-recover-password-dialog {
        display: none;
    }

}

@media all and (min-width: 768px) and (max-width: 1599px) {
    /* TABLET DEVICES */

    .wide-page-error-dialog {
        display: none;
    }

    .tablet-page-error-dialog {
        display: block;
    }

    .mobile-page-error-dialog {
        display: none;
    }


    .wide-signin-dialog {
        display: none;
    }

    .tablet-signin-dialog {
        display: block;
    }

    .mobile-signin-dialog {
        display: none;
    }


    .wide-register-dialog {
        display: none;
    }

    .tablet-register-dialog {
        display: block;
    }

    .mobile-register-dialog {
        display: none;
    }


    .wide-register-activate-dialog {
        display: none;
    }

    .tablet-register-activate-dialog {
        display: block;
    }

    .mobile-register-activate-dialog {
        display: none;
    }


    .wide-privacy-policy-dialog {
        display: none;
    }

    .tablet-privacy-policy-dialog {
        display: block;
    }

    .mobile-privacy-policy-dialog {
        display: none;
    }


    .wide-restore-password-dialog {
        display: none;
    }

    .tablet-restore-password-dialog {
        display: block;
    }

    .mobile-restore-password-dialog {
        display: none;
    }


    .wide-recover-password-dialog {
        display: none;
    }

    .tablet-recover-password-dialog {
        display: block;
    }

    .mobile-recover-password-dialog {
        display: none;
    }

}

@media all and (max-width: 767px) {
    /* MOBILE DEVICES */

    .wide-page-error-dialog {
        display: none;
    }

    .tablet-page-error-dialog {
        display: none;
    }

    .mobile-page-error-dialog {
        display: block;
    }


    .wide-signin-dialog {
        display: none;
    }

    .tablet-signin-dialog {
        display: none;
    }

    .mobile-signin-dialog {
        display: block;
    }

    
    .wide-register-dialog {
        display: none;
    }

    .tablet-register-dialog {
        display: none;
    }

    .mobile-register-dialog {
        display: block;
    }


    .wide-register-activate-dialog {
        display: none;
    }

    .tablet-register-activate-dialog {
        display: none;
    }

    .mobile-register-activate-dialog {
        display: block;
    }

    
    .wide-privacy-policy-dialog {
        display: none;
    }

    .tablet-privacy-policy-dialog {
        display: none;
    }

    .mobile-privacy-policy-dialog {
        display: block;
    }


    .wide-restore-password-dialog {
        display: none;
    }

    .tablet-restore-password-dialog {
        display: none;
    }

    .mobile-restore-password-dialog {
        display: block;
    }


    .wide-recover-password-dialog {
        display: none;
    }

    .tablet-recover-password-dialog {
        display: none;
    }

    .mobile-recover-password-dialog {
        display: block;
    }

}


/* WIDE COOKIES BOX */

.wide-cookies-box {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70px;
    background: #2F80ED;
    z-index: 100;
}

.wide-cookies-box table {
    position: relative;
    width: 100%;
    height: 70px;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.wide-cookies-box .text-column {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: center;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: right;
    color: #F2F2F2;

    padding: 15px;
    box-sizing: border-box;
}

.wide-cookies-box .button-column {
    position: relative;
    width: 120px;
    height: 100%;
    vertical-align: center;
}

.wide-cookies-box a, .wide-cookies-box a:visited {
    color: #F2F2F2;
    text-decoration: underline;
}

.wide-cookies-box button {
    background: #F2F2F2;
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;
}

.wide-cookies-box button:hover {
    background: transparent;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
}

/* TABLET COOKIES BOX */

.tablet-cookies-box {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70px;
    background: #2F80ED;
    z-index: 100;
}

.tablet-cookies-box table {
    position: relative;
    width: 100%;
    height: 70px;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.tablet-cookies-box .text-column {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: center;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #F2F2F2;

    padding: 10px;
    box-sizing: border-box;
}

.tablet-cookies-box .button-column {
    position: relative;
    width: 120px;
    height: 100%;
    vertical-align: center;
}

.tablet-cookies-box a, .tablet-cookies-box a:visited {
    color: #F2F2F2;
    text-decoration: underline;
}

.tablet-cookies-box button {
    background: #F2F2F2;
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;
}

.tablet-cookies-box button:hover {
    background: transparent;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
}

/* MOBILE COOKIES BOX */

.mobile-cookies-box {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 150px;
    background: #2F80ED;
    z-index: 100;
}

.mobile-cookies-box table {
    position: relative;
    width: 100%;
    height: 150px;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
}

.mobile-cookies-box .text-column {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: center;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    text-align: left;
    color: #F2F2F2;

    padding: 10px;
    box-sizing: border-box;
}

.mobile-cookies-box .button-column {
    position: relative;
    width: 120px;
    height: 100%;
    vertical-align: center;
}

.mobile-cookies-box a, .mobile-cookies-box a:visited {
    color: #F2F2F2;
    text-decoration: underline;
}

.mobile-cookies-box button {
    background: #F2F2F2;
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2F80ED;
}

.mobile-cookies-box button:hover {
    background: transparent;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
}

/* PAGE ERROR DIALOG SPACE */

.page-error-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE PAGE ERROR DIALOG */

.wide-page-error-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-page-error-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-page-error-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-page-error-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 400px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-page-error-dialog .space2 {
    position: relative;
    width: 100%;
    height: 30px;
}

.wide-page-error-dialog .form-content {
    display: block;
    position: relative;
    width: 90%;
    height: 500px;
    margin: 0 auto 0 auto;
}

.wide-page-error-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-page-error-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2F80ED;
    text-align: right;
}

.wide-page-error-dialog a, .wide-page-error-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.wide-page-error-dialog a:hover {
    text-decoration: underline;
}

.wide-page-error-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.wide-page-error-dialog-normal-input {
    margin: 0 0 10px 0;
}

.wide-page-error-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-page-error-dialog-normal-input textarea {
    position: relative;
    width: 100%;
    height: 200px;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-page-error-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}


.wide-page-error-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.wide-page-error-dialog button:hover {
    background: #236dd1;
}

.wide-page-error-dialog button:active {
    background: #1a5ab1;
}

/* TABLET PAGE ERROR DIALOG */

.tablet-page-error-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-page-error-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-page-error-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-page-error-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 400px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-page-error-dialog .space2 {
    position: relative;
    width: 100%;
    height: 30px;
}

.tablet-page-error-dialog .form-content {
    display: block;
    position: relative;
    width: 90%;
    height: 500px;
    margin: 0 auto 0 auto;
}

.tablet-page-error-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-page-error-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2F80ED;
    text-align: right;
}

.tablet-page-error-dialog a, .tablet-page-error-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.tablet-page-error-dialog a:hover {
    text-decoration: underline;
}

.tablet-page-error-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.tablet-page-error-dialog-normal-input {
    margin: 0 0 10px 0;
}

.tablet-page-error-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-page-error-dialog-normal-input textarea {
    position: relative;
    width: 100%;
    height: 200px;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-page-error-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}


.tablet-page-error-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tablet-page-error-dialog button:hover {
    background: #236dd1;
}

.tablet-page-error-dialog button:active {
    background: #1a5ab1;
}

/* MOBILE PAGE ERROR DIALOG */

.mobile-page-error-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-page-error-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-page-error-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-page-error-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 368px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-page-error-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.mobile-page-error-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 270px;
    margin: 0 auto 0 auto;
}

.mobile-page-error-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #262626;
}

.mobile-page-error-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;

    text-align: right;
}

.mobile-page-error-dialog a, .mobile-page-error-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.mobile-page-error-dialog a:hover {
    text-decoration: underline;
}

.mobile-page-error-dialog .space {
    position: relative;
    width: 100%;
    height: 40px;
}

.mobile-page-error-dialog-normal-input {
    margin: 0 0 10px 0;
}

.mobile-page-error-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-page-error-dialog-normal-input textarea {
    position: relative;
    width: 100%;
    height: 150px;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-page-error-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.mobile-page-error-dialog-error-input {
    margin: 0 0 10px 0;
}

.mobile-page-error-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-page-error-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.mobile-page-error-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mobile-page-error-dialog button:hover {
    background: #236dd1;
}

.mobile-page-error-dialog button:active {
    background: #1a5ab1;
}

/****/

/* SIGN IN DIALOG SPACE */

.signin-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE SIGN IN DIALOG */

.wide-signin-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-signin-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-signin-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-signin-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 398px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-signin-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.wide-signin-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.wide-signin-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-signin-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2F80ED;

    text-align: right;
}

.wide-signin-dialog a, .wide-signin-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.wide-signin-dialog a:hover {
    text-decoration: underline;
}

.wide-signin-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.wide-signin-dialog-normal-input {
    margin: 0 0 10px 0;
}

.wide-signin-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-signin-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.wide-signin-dialog-error-input {
    margin: 0 0 10px 0;
}

.wide-signin-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-signin-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.wide-signin-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.wide-signin-dialog button:hover {
    background: #236dd1;
}

.wide-signin-dialog button:active {
    background: #1a5ab1;
}

.wide-signin-dialog .forgot-your-password {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 35px;
}

/* TABLET SIGN IN DIALOG */

.tablet-signin-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-signin-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-signin-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-signin-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 398px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-signin-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.tablet-signin-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.tablet-signin-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-signin-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2F80ED;

    text-align: right;
}

.tablet-signin-dialog a, .tablet-signin-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.tablet-signin-dialog a:hover {
    text-decoration: underline;
}

.tablet-signin-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.tablet-signin-dialog-normal-input {
    margin: 0 0 10px 0;
}

.tablet-signin-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-signin-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.tablet-signin-dialog-error-input {
    margin: 0 0 10px 0;
}

.tablet-signin-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-signin-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.tablet-signin-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tablet-signin-dialog button:hover {
    background: #236dd1;
}

.tablet-signin-dialog button:active {
    background: #1a5ab1;
}

.tablet-signin-dialog .forgot-your-password {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 35px;
}

/* MOBILE SIGN IN DIALOG */

.mobile-signin-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-signin-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-signin-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-signin-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 368px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-signin-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.mobile-signin-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 270px;
    margin: 0 auto 0 auto;
}

.mobile-signin-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #262626;
}

.mobile-signin-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;

    text-align: right;
}

.mobile-signin-dialog a, .mobile-signin-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.mobile-signin-dialog a:hover {
    text-decoration: underline;
}

.mobile-signin-dialog .space {
    position: relative;
    width: 100%;
    height: 40px;
}

.mobile-signin-dialog-normal-input {
    margin: 0 0 10px 0;
}

.mobile-signin-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-signin-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.mobile-signin-dialog-error-input {
    margin: 0 0 10px 0;
}

.mobile-signin-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-signin-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.mobile-signin-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mobile-signin-dialog button:hover {
    background: #236dd1;
}

.mobile-signin-dialog button:active {
    background: #1a5ab1;
}

.mobile-signin-dialog .forgot-your-password {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 35px;
}

/* REGISTER DIALOG SPACE */

.register-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE REGISTER DIALOG */

.wide-register-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-register-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-register-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-register-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 480px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-register-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.wide-register-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.wide-register-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-register-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2F80ED;

    text-align: right;
}

.wide-register-dialog a, .wide-register-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.wide-register-dialog a:hover {
    text-decoration: underline;
}

.wide-register-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.wide-register-dialog-normal-input {
    margin: 0 0 10px 0;
}

.wide-register-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-register-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.wide-register-dialog-error-input {
    margin: 0 0 10px 0;
}

.wide-register-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-register-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.wide-register-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.wide-register-dialog button:hover {
    background: #236dd1;
}

.wide-register-dialog button:active {
    background: #1a5ab1;
}

.wide-register-dialog .checkbox-line {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;
    box-sizing: border-box;
}

.wide-register-dialog .message {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: red;
}

/* Customize the label (the container) */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;

    color: #696969;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    
    background-color: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 5px;
  }
  
  /* On mouse-over, add a grey background color */
  .checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkbox-container input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkbox-container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* TABLET REGISTER DIALOG */

.tablet-register-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-register-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-register-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-register-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 480px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-register-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.tablet-register-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.tablet-register-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-register-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2F80ED;

    text-align: right;
}

.tablet-register-dialog a, .tablet-register-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.tablet-register-dialog a:hover {
    text-decoration: underline;
}

.tablet-register-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.tablet-register-dialog-normal-input {
    margin: 0 0 10px 0;
}

.tablet-register-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-register-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.tablet-register-dialog-error-input {
    margin: 0 0 10px 0;
}

.tablet-register-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-register-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.tablet-register-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tablet-register-dialog button:hover {
    background: #236dd1;
}

.tablet-register-dialog button:active {
    background: #1a5ab1;
}

.tablet-register-dialog .checkbox-line {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;
    box-sizing: border-box;
}

.tablet-register-dialog .message {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: red;
}

/* MOBILE REGISTER DIALOG */

.mobile-register-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-register-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-register-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-register-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 480px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-register-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.mobile-register-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 300px;
    margin: 0 auto 0 auto;
}

.mobile-register-dialog .header-left {
    position: relative;
    width: 50%;
    height: auto;
    float: left;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #262626;
}

.mobile-register-dialog .header-right {
    position: relative;
    width: 50%;
    height: auto;
    float: right;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;

    text-align: right;
}

.mobile-register-dialog a, .mobile-register-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.mobile-register-dialog a:hover {
    text-decoration: underline;
}

.mobile-register-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.mobile-register-dialog-normal-input {
    margin: 0 0 10px 0;
}

.mobile-register-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-register-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.mobile-register-dialog-error-input {
    margin: 0 0 10px 0;
}

.mobile-register-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-register-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.mobile-register-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mobile-register-dialog button:hover {
    background: #236dd1;
}

.mobile-register-dialog button:active {
    background: #1a5ab1;
}

.mobile-register-dialog .checkbox-line {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;
    box-sizing: border-box;
}

.mobile-register-dialog .message {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: red;
}

/* REGISTER ACTIVE DIALOG SPACE */

.register-active-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE REGISTER ACTIVATE DIALOG */

.wide-register-activate-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-register-activate-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-register-activate-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-register-activate-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 200px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-register-activate-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.wide-register-activate-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.wide-register-activate-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-register-activate-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* TABLET REGISTER ACTIVATE DIALOG */

.tablet-register-activate-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-register-activate-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-register-activate-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-register-activate-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 200px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-register-activate-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.tablet-register-activate-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.tablet-register-activate-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-register-activate-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* MOBILE REGISTER ACTIVATE DIALOG */

.mobile-register-activate-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-register-activate-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-register-activate-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-register-activate-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 200px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-register-activate-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.mobile-register-activate-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 300px;
    margin: 0 auto 0 auto;
}

.mobile-register-activate-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.mobile-register-activate-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* PRIVACY POLICY DIALOG SPACE */

.privacy-policy-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE PRIVACY POLICY DIALOG */

.wide-privacy-policy-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-privacy-policy-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-privacy-policy-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-privacy-policy-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 340px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-privacy-policy-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.wide-privacy-policy-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.wide-privacy-policy-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-privacy-policy-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* TABLET PRIVACY POLICY DIALOG */

.tablet-privacy-policy-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-privacy-policy-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-privacy-policy-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-privacy-policy-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 340px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-privacy-policy-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.tablet-privacy-policy-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.tablet-privacy-policy-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-privacy-policy-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* MOBILE PRIVACY POLICY DIALOG */

.mobile-privacy-policy-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-privacy-policy-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-privacy-policy-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-privacy-policy-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 360px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-privacy-policy-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.mobile-privacy-policy-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 300px;
    margin: 0 auto 0 auto;
}

.mobile-privacy-policy-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.mobile-privacy-policy-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* RESTORE PASSWORD DIALOG SPACE */

.restore-password-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE RESTORE PASSWORD DIALOG */

.wide-restore-password-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-restore-password-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-restore-password-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-restore-password-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 380px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-restore-password-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.wide-restore-password-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.wide-restore-password-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-restore-password-dialog .text {
    position: relative;
    width: 100%;
    height: auto;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;

    padding: 20px 0 0 0;
    box-sizing: border-box;
}

.wide-restore-password-dialog a, .wide-restore-password-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.wide-restore-password-dialog a:hover {
    text-decoration: underline;
}

.wide-restore-password-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.wide-restore-password-dialog-normal-input {
    margin: 0 0 10px 0;
}

.wide-restore-password-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-restore-password-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.wide-restore-password-dialog-error-input {
    margin: 0 0 10px 0;
}

.wide-restore-password-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.wide-restore-password-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.wide-restore-password-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.wide-restore-password-dialog button:hover {
    background: #236dd1;
}

.wide-restore-password-dialog button:active {
    background: #1a5ab1;
}

.wide-restore-password-dialog .checkbox-line {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;
    box-sizing: border-box;
}

.wide-restore-password-dialog .message {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: red;
}

/* TABLET RESTORE PASSWORD DIALOG */

.tablet-restore-password-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-restore-password-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-restore-password-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-restore-password-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 380px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-restore-password-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.tablet-restore-password-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.tablet-restore-password-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-restore-password-dialog .text {
    position: relative;
    width: 100%;
    height: auto;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;

    padding: 20px 0 0 0;
    box-sizing: border-box;
}

.tablet-restore-password-dialog a, .tablet-restore-password-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.tablet-restore-password-dialog a:hover {
    text-decoration: underline;
}

.tablet-restore-password-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.tablet-restore-password-dialog-normal-input {
    margin: 0 0 10px 0;
}

.tablet-restore-password-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-restore-password-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.tablet-restore-password-dialog-error-input {
    margin: 0 0 10px 0;
}

.tablet-restore-password-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.tablet-restore-password-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.tablet-restore-password-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tablet-restore-password-dialog button:hover {
    background: #236dd1;
}

.tablet-restore-password-dialog button:active {
    background: #1a5ab1;
}

.tablet-restore-password-dialog .checkbox-line {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;
    box-sizing: border-box;
}

.tablet-restore-password-dialog .message {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: red;
}

/* MOBILE RESTORE PASSWORD DIALOG */

.mobile-restore-password-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-restore-password-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-restore-password-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-restore-password-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 380px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-restore-password-dialog .space2 {
    position: relative;
    width: 100%;
    height: 70px;
}

.mobile-restore-password-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 300px;
    margin: 0 auto 0 auto;
}

.mobile-restore-password-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.mobile-restore-password-dialog .text {
    position: relative;
    width: 100%;
    height: auto;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;

    padding: 20px 0 0 0;
    box-sizing: border-box;
}

.mobile-restore-password-dialog a, .mobile-restore-password-dialog a:visited {
    color: #2F80ED;
    text-decoration: none;
}

.mobile-restore-password-dialog a:hover {
    text-decoration: underline;
}

.mobile-restore-password-dialog .space {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
}

.mobile-restore-password-dialog-normal-input {
    margin: 0 0 10px 0;
}

.mobile-restore-password-dialog-normal-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFFFFF;
    border: 1px solid #E2EBF8;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-restore-password-dialog-normal-input ::placeholder {
    color: #AEAEAE;
}

.mobile-restore-password-dialog-error-input {
    margin: 0 0 10px 0;
}

.mobile-restore-password-dialog-error-input input {
    position: relative;
    width: 100%;
    height: auto;

    padding: 15px;

    background: #FFF6F6;
    border: 1px solid #FF9696;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.mobile-restore-password-dialog-error-input ::placeholder {
    color: #EC3B3B;
}


.mobile-restore-password-dialog button {
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #2F80ED;
    border-radius: 4px;
    border: 0;
    outline: none;

    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mobile-restore-password-dialog button:hover {
    background: #236dd1;
}

.mobile-restore-password-dialog button:active {
    background: #1a5ab1;
}

.mobile-restore-password-dialog .checkbox-line {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;
    box-sizing: border-box;
}

.mobile-restore-password-dialog .message {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: red;
}

/* RECOVER PASSWORD DIALOG SPACE */

.recover-password-dialog-space {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

/* WIDE RECOVER PASSWORD DIALOG */

.wide-recover-password-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wide-recover-password-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.wide-recover-password-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.wide-recover-password-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 180px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.wide-recover-password-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.wide-recover-password-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.wide-recover-password-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.wide-recover-password-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* TABLET RECOVER PASSWORD DIALOG */

.tablet-recover-password-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.tablet-recover-password-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.tablet-recover-password-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.tablet-recover-password-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 650px;
    height: 180px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.tablet-recover-password-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.tablet-recover-password-dialog .form-content {
    display: block;
    position: relative;
    width: 384px;
    height: 300px;
    margin: 0 auto 0 auto;
}

.tablet-recover-password-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.tablet-recover-password-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* MOBILE RECOVER PASSWORD DIALOG */

.mobile-recover-password-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mobile-recover-password-dialog .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(36, 42, 80, 0.8);
}

.mobile-recover-password-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/close.png) center center no-repeat;
    cursor: pointer;
    z-index: 1000;
}

.mobile-recover-password-dialog .form {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    height: 160px;
    transform: translate(-50%, -50%);
    background: #F7F9FC;
    box-shadow: 0px 10px 20px rgba(0, 117, 255, 0.05);
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.mobile-recover-password-dialog .space2 {
    position: relative;
    width: 100%;
    height: 60px;
}

.mobile-recover-password-dialog .form-content {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 300px;
    margin: 0 auto 0 auto;
}

.mobile-recover-password-dialog .header {
    position: relative;
    width: 100%;
    height: auto;

    padding: 0 0 10px 0;
    box-sizing: border-box;

    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
}

.mobile-recover-password-dialog .text {
    position: relative;
    width: 100%;
    height: auto;

    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

/* WIDE PAGE */

.wide-page {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.wide-header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 100;
    background: white;
}

.wide-header-content {
    position: relative;
    width: 1600px;
    height: 100%;
    margin: 0 auto 0 auto;
}

.wide-content {
    position: relative;
    width: 1600px;
    height: auto;
    margin: 0 auto 0 auto;
}

.wide-dumptools {
    position: absolute;
    width: 129px;
    height: 24px;
    left: 192px;
    top: 38px;
    background: url(/images/dump-tools.png) center center no-repeat;
}

.wide-dumptools-com {
    position: absolute;
    width: 160px;
    height: 24px;
    left: 192px;
    top: 38px;
    background: url(/images/dump-tools2.png) center center no-repeat;
}

.wide-dumptools-by {
    position: absolute;
    width: 160px;
    height: 24px;
    left: 192px;
    top: 38px;
    background: url(/images/dump-tools3.png) center center no-repeat;
}

.wide-ecufix-info {
    position: absolute;
    width: 137px;
    height: 38px;
    left: 192px;
    top: 34px;
    background: url(/images/ecufix.png) center center no-repeat;
}

.wide-com {
    position: absolute;
    width: 27px;
    height: 18px;
    left: 325px;
    top: 41px;
    background: url(/images/com.png) center center no-repeat;
}

.auth-button {
    position: relative;
    top: -16px;
    width: auto;
    height: auto;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    padding: 12px 16px;
    margin: 0 10px 0 0;
    border: 0;
    background: #2F80ED;
    border-radius: 4px;
    color: white;
    outline: none;
}

    .auth-button:hover {
        background: #1e6acf;
    }

    .auth-button:active {
        background: #1959ae;
    }

.signin-button {
    position: relative;
    top: -8px;
    width: auto;
    height: 60px;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    padding: 12px 16px;
    margin: 0 10px 0 0;
    border: 0;
    background: #2F80ED;
    border-radius: 4px;
    color: white;
    outline: none;
}

    .signin-button:hover {
        background: #1e6acf;
    }

    .signin-button:active {
        background: #1959ae;
    }


.cart-button {
    position: relative;
    top: -8px;
    width: auto;
    height: 60px;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    padding: 12px 16px 12px 40px;
    margin: 0 10px 0 0;
    border: 0;
    border-radius: 4px;
    color: black;
    outline: none;
    background: url(/images/cart2.png) 16px center no-repeat #F1F6FD;
}

    .cart-button:hover {
        background: url(/images/cart2.png) 16px center no-repeat #c2cddc;
    }

    .cart-button:active {
        background: url(/images/cart2.png) 16px center no-repeat #899dba;
    }

.wide-header-pad {
    position: relative;
    width: 100%;
    height: 100px;
}

/* TABLET PAGE */

.tablet-page {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.tablet-header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 100;
    background: white;
}

.tablet-header-content {
    position: relative;
    width: 1009px;
    height: 100%;
    margin: 0 auto 0 auto;
}

.tablet-dumptools {
    position: absolute;
    width: 129px;
    height: 24px;
    left: 21px;
    top: 38px;
    background: url(/images/dump-tools.png) center center no-repeat;
}

.tablet-dumptools-com {
    position: absolute;
    width: 160px;
    height: 24px;
    left: 21px;
    top: 38px;
    background: url(/images/dump-tools2.png) center center no-repeat;
}

.tablet-dumptools-by {
    position: absolute;
    width: 160px;
    height: 24px;
    left: 21px;
    top: 38px;
    background: url(/images/dump-tools3.png) center center no-repeat;
}

.tablet-ecufix-info {
    position: absolute;
    width: 137px;
    height: 38px;
    left: 21px;
    top: 34px;
    background: url(/images/ecufix.png) center center no-repeat;
}

.tablet-com {
    position: absolute;
    width: 27px;
    height: 18px;
    left: 155px;
    top: 41px;
    background: url(/images/com.png) center center no-repeat;
}

.tablet-header-pad {
    position: relative;
    width: 100%;
    height: 100px;
}


.mobile-dumptools {
    position: absolute;
    top: 38px;
    left: 20px;
    width: 129px;
    height: 24px;
    background: url(/images/dump-tools.png) center center no-repeat;
}

.mobile-dumptools-com {
    position: absolute;
    top: 38px;
    left: 20px;
    width: 160px;
    height: 24px;
    background: url(/images/dump-tools2.png) center center no-repeat;
}

.mobile-dumptools-by {
    position: absolute;
    top: 38px;
    left: 20px;
    width: 160px;
    height: 24px;
    background: url(/images/dump-tools3.png) center center no-repeat;
}

.mobile-ecufix-info {
    position: absolute;
    width: 137px;
    height: 38px;
    top: 34px;
    left: 20px;
    background: url(/images/ecufix.png) center center no-repeat;
}

.mobile-com {
    position: absolute;
    top: 41px;
    left: 153px;
    width: 27px;
    height: 18px;
    background: url(/images/com.png) center center no-repeat;
}