body#login {background-color: #C02956;color: #ffffff;min-width: auto;}
#logo {background: url(/static/img/restoplace.svg) 0 0 no-repeat;width: 100%;background-size: 100% auto;height: 28px;margin: 0 auto 46px;display: block;}
h1 {text-align: center;margin-bottom: 26px;font-weight: normal;font-weight: 400;font-size: 16px;color: #333;}
span.btn input, span.btn button { text-transform: uppercase; padding: 12px 19px 13px; font-size: 10px; letter-spacing: 0.1em; }
.result { margin-bottom: 10px; text-align: center; margin-top: -12px; }
.no-actine { pointer-events: none; opacity: 0.4; }

.grid-form {width: 420px;margin: 0 auto;}
@media (max-width: 398px) { .grid-form { width: calc(100% - 32px) } }
.container {padding: 51px 0px 60px 0;}
#main { display: table; width: 100%; height: 100%; }
.main-form {background: #fff;color: #000;border-radius: 10px;padding: 34px 50px 43px;}
.btn-success.btn-disabled { background: #c5c5c5; opacity: 0.7; pointer-events: none; }

form {margin: 0 auto;display: block;}
.step-page{display: none;font-size: 0;}
.step-page.active{display: block;}

#nc_captcha_refresh_button0 { border: 0; background: 0; font-size: 0; width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: 4px 0 0 5px; }
#nc_captcha_refresh_button0:before { content: '\ea2e'; font-family: 'icons' !important; font-size: 13px; color: #565656; }

.step-items .btn-next { float: right; } .step-item:after { content: ''; display: block; clear: both; }
span.login-reg { font-weight: 300; line-height: 40px; margin-left: 8px; font-size: 14px; }
#rem_pwd {display: inline-block;vertical-align: top;font-size: 12px;text-decoration: none;border-bottom: 1px solid #0000008c;line-height: 12px;float: right;margin-top: 2px;}
#rem_pwd:hover { border-color: transparent; }

.form-line-policy .switch label input:checked + span.lever-mark { border-color: #D2D2D2; }
.form-line-policy .switch label span.lever-mark:before { color: #525252; background: #F3F0F1 url(/static/img/icon-mark-black.svg) -1px -1px no-repeat; }
.form-line-policy .switch label span.lever-mark { overflow: hidden; }

.form-line { position: relative; margin-bottom: 24px; }
.form-line.form-col {display: -webkit-flex;display: flex;align-items: center;}
.form-line.form-col .switch {position: relative;text-align: right;}
span.form-input-eye { position: absolute; right: 9px; top: 5px; width: 30px; height: 30px; z-index: 3; }
span#eye { width: 100%; height: 100%; display: block; background: url(/static/img/icon-auth-eye.svg) center no-repeat; opacity: 0.5; transition: 0.2s; cursor: pointer; }
#eye:hover, #eye.active { opacity: 1; }
form span.btn input, form span.btn button { font-weight: 400; font-size: 10px; }

.form-left {font-size: 14px;padding-right: 8px;}
.form-line.form-col > * { display: inline-block; vertical-align: top; width: 50%; }
.form-left > * { display: block; }
.form-left-subtitle {margin-top: 4px;font-size: 12px;line-height: 15px;opacity: 0.6;}
.form-right .switch {padding-top: 0;}
.form-right .input-select { margin: 0; }
.form-col .form-right {width: 106px;}
.form-col .form-left {width: calc(100% - 106px);}
.form-line.form-col {display: -webkit-flex;display: flex;align-items: center;}
.form-line.form-col .switch {position: relative;text-align: right;}
.form-left-question { position: relative; padding-right: 24px; }
.form-left-question .question-btn { top: 2px; }
.form-left-question-select .question-btn { margin-right: 9px; }
.form-left-question-select { padding-right: 35px; }
h2 a.question-btn { position: relative; top: 4px; margin-left: 3px; }
.form-select-big .form-right { width: 178px; }
.form-select-big .form-left { width: calc(100% - 178px); }
.form-line-text-second {font-size: 12px;padding: 8px 0 5px 0;color: #7f7f7f;}
.form-line-text-second a { color: #c02956; text-decoration: underline; }
.form-line-text-second a:hover { text-decoration: none; }

.promo-click a { font-size: 14px; text-decoration: none; color: #bf2956; display: inline-block; border-bottom: 1px dashed #bf2956; line-height: 14px; }
.promo-click a:hover { border-color: transparent; }
.promo-click { margin-bottom: 21px; margin-top: -3px; }
.promotext { font-size: 13px; color: #333; border-radius: 4px; padding: 11px 11px 13px; border: 1px solid #ccc; margin-top: -9px; margin-bottom: 21px; background: #f8f8f8; }

span.form-left-title {display: -webkit-flex;display: flex;align-items: flex-start;margin-top: 2px;}
span.settings-pro > *:not(:last-child) { margin-right: 6px; }
.form-line-switch .form-right {width: 60px;}
.form-line-switch .form-left {width: calc(100% - 60px);padding: 0;}

.login-reg { text-align: center; font-weight: 300; color: #ffa5c0; margin-top: 35px; }
.login-reg a { color: #fff; }
.login-reg a:hover { text-decoration: none; }
.form-line:last-child { margin-bottom: 0; }

.form-line.error .input-field input { border-color: #D97F9A !important; }
.form-line-login .btn input {padding-right: 56px;text-align: left;min-width: 124px;}
.form-line-login .btn:before,
a.btn-next:after { content: ''; position: absolute; right: 18px; top: 16px; background: url(/static/img/icon-auth-arrow.svg) no-repeat; background-size: 20px auto; width: 22px; height: 8px; transition: 0.3s; pointer-events: none; }
.form-line-login .btn:hover:before,
a.btn-next:not(.off):hover:after { right: 16px; }
.form-line-text { font-size: 12px; color: #808080; margin: -19px 0 18px 0; }
span.red { display: inline; }
#registration { background-color: #F3F0F1; color: #000000; min-width: auto; }
#registration #logo {background-image: url(/static/img/restoplace-red.svg);}

.input-field { margin-top: 0; }
.step-items { padding-top: 12px; }


.select-times-to-all { display: block; text-align: right; margin: -5px 0 11px 0; z-index: 1; position: relative; }
.select-times-to-all-btn { font-size: 12px; color: #bf2956; display: inline-block; border-bottom: 1px dashed #bf2956; margin-left: 10px; cursor: pointer; line-height: 13px; }
.select-times-to-all-btn:hover { border-color: transparent; }
.select-times-items:not(.active) + .select-times-to-all .select-times-to-all-btn { color: #8f8f8f; border-color: #8f8f8f; pointer-events: none; }

h1.auth-reg { font-size: 21px; text-transform: none; font-weight: 600; letter-spacing: 0; margin-bottom: 6px; text-align: left; }
.auth-title-text { margin-bottom: 10px; display: inline-block; color: #989b9f; }

ul#indicator { white-space: nowrap; overflow: hidden; margin-bottom: 8px; pointer-events: none; }
ul#indicator > li { display: inline-block; cursor: pointer; font-size: 16px; width: 32px; overflow: hidden; opacity: 0.3; transition: 0.3s; }
ul#indicator > li:before { content: '1'; width: 20px; height: 20px; display: inline-block; border: 1px solid #333; border-radius: 50%; text-align: center; height: 25px; width: 25px; line-height: 25px; margin-right: 6px; }
ul#indicator > li#step-2:before { content: '2'; }
ul#indicator > li#step-3:before { content: '3'; }
ul#indicator > li#step-4:before { content: '4'; }
ul#indicator > li#step-5:before { content: '5'; }
ul#indicator > li.active { width: 122px; opacity: 1; }
ul#indicator > li.active[data-val="2"] {width: 84px;}
ul#indicator > li.active[data-val="3"] {width: 120px;}
ul#indicator > li.active[data-val="4"] {width: 112px;}
ul#indicator > li.active[data-val="5"] { width: 112px; }
ul#indicator > li.active:before { border-color: #BF2956; }
#registration .login-reg { color: #000000; }
#registration .login-reg a { color: #BF2956; }
.form-line-policy { font-size: 11px; margin-top: 0; margin-bottom: 18px; }
.form-line-policy .switch { padding: 0; }
.form-line-policy .switch label span.lever-mark + span,
.form-line-policy .switch label span.lever-mark + span a { color: #808080 !important; font-size: 11px; }
.form-line-policy .switch label span.lever-mark + span a:hover { text-decoration: none; }
.form-line-policy .switch label input { display: none; }

a.btn.btn-next span { padding-right: 70px; }
.btn-next { position: relative; }
a.link-back { text-decoration: none; }


.rp-select .list {box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);border: 0;border-radius: 5px;padding: 3px 0;background: #171818;transition: none;}
.rp-select .option {font-size: 13px;color: #fff !important;white-space: nowrap;text-overflow: ellipsis;width: calc(100% - 22px);overflow: hidden;}
.rp-select .option:hover {background-color: rgba(255, 255, 255, 0.06);}
.rp-select .option.focus {background-color: rgba(255, 255, 255, 0.1);}

.form-line-policy .sw-text { padding-left: 22px; display: block; top: -1px; }
.form-line-policy .lever-mark { position: absolute !important; }

.form-line-subdomain > * { display: inline-block; vertical-align: top; width: 61%; margin: 0; }
.form-line-domain { width: 39%; font-size: 14px; margin-top: 10px; padding-left: 8px; }

.select-days { font-size: 0; margin: 0 -4px 8px 0; }
.select-day {margin: 0 4px 0 0;width: 36px;height: 36px;display: inline-block;vertical-align: top;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}
.select-day span {background: #bf2956;color: #fff;font-size: 12px;display: block;height: 100%;text-align: center;line-height: 34px;border-radius: 3px;opacity: 0.3;}
.select-day input {opacity: 0;width: 0;height: 0;}
.select-day input[type=checkbox]:checked + span {opacity: 1;}
.select-days-default span {font-size: 12px;color: #bf2956;display: inline-block;border-bottom: 1px dashed #bf2956;margin-left: 10px;cursor: pointer;line-height: 13px;}
.select-days-default span:hover { border-color: transparent; }
.select-days-default { display: inline-block; float: right; }

.select-times .input-select > * { display: inline-block; vertical-align: top; }
.select-times .nice-select {width: 70px;min-width: 70px;height: 33px;}
.select-times label { font-size: 16px; margin-top: 9px; margin-right: 6px; position: static; }
.select-times .input-select {display: inline-block;vertical-align: top;}
.select-times {margin-bottom: 9px;position: relative;}
.select-times label { display: none !important; }
.select-times > span { font-size: 14px; text-align: center; width: 16px; display: inline-block; position: relative; top: 5px; color: #989898; }
.select-times-items > * { display: inline-block; vertical-align: top; }
.select-times-items .switch { width: calc(100% - 156px); padding-top: 6px; }
.select-times-items .rp-select span.current { line-height: 30px; }
.select-times-items .switch label span.lever-mark + span { font-size: 14px; top: 0; }
.select-times-items .switch label span.lever-mark { margin-top: 2px; }
.select-times .rp-select:after {right: 4px;color: inherit;}
.form-line-select-times {margin-top: -9px;margin-bottom: 17px;}
.form-line-select-times .input-field-other > label { margin: 0 0 7px 0; }
.select-times-items:not(.active) .select-times:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.select-times-items:not(.active) .nice-select { border-color: #e0e0e0; background: #f8f8f8; color: #7b7b7b; }


label[for="capcha"] { display: flex; align-items: center; justify-content: center; margin: 10px 0 -10px 0; }
label[for="capcha"] button { margin-left: 10px; padding: 2px 5px; }


/* PRTNR */
body.partner #logo { margin-bottom: 15px; }
body.partner .login-text { font-size: 17px; text-transform: uppercase; margin-bottom: 27px; text-align: center; letter-spacing: 0.38em; }
#login.partner,
#registration.partner { background-color: #171818; color: #ffffff; }
#registration.partner .login-reg a { color: #ffffff; }
#registration.partner .login-reg { color: #c7c7c7; }
body.partner .login-reg { color: #c7c7c7; }
#registration.partner #logo { background: url(/static/img/restoplace.svg) 0 0 no-repeat;    background-size: 100% auto; }
/* ad */
#login.panel-control { background: #3D4655; }
#login.panel-control span.btn { background: #626f83; }
/* ad */
#login.language { background: #4153AF; }
#login.language span.btn { background: #4153AF; }


a.reg-app { display: inline-block; border-bottom: 1px dashed #fff; line-height: 17px; text-decoration: none; }
.modal-registration { display: block; padding: 19px 0 8px; }
.modal-registration-item:not(:last-child) { margin-bottom: 23px; }
.modal-registration-item { font-size: 16px; padding-left: 19px; position: relative; }
a.lightcase-close { text-decoration: none; }
#lightcase-content .modal-registration { display: block; }
span.mreg-1 { position: absolute; font-size: 30px; font-weight: 300; left: -16px; top: -6px; color: #C02956; }
#lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 24px 46px 38px 50px; }




a.question-btn {width: 23px;display: inline-block;height: 20px;background: url(/static/img/icon-request.svg) center no-repeat;position: relative;top: 6px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.form-left-title a.question-btn { position: relative; left: 7px; top: 1px; margin: 0; }
#lightcase-case .form-left-question { padding-right: 0px; }
.right-h2-second .question-btn { right: auto; bottom: auto; position: absolute; left: auto; top: 1px; margin-left: 5px;}

.form-left-question { position: relative; padding-right: 24px; }
.form-left-question .question-btn { top: 2px; }
.form-left-question-select .question-btn { margin-right: 9px; }
.form-left-question-select { padding-right: 35px; }
h2 a.question-btn { position: relative; top: 4px; margin-left: 3px; }

/* INSTRUCTION CIRCLE */
.hlp-modal-head { font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 9px; }
.hlp-modal-body { font-size: 14px; line-height: 19px; /* #24BFF0 */ color: #171818; opacity: 0.7; text-transform: none; letter-spacing: 0; margin-bottom: 18px;}
.hlp-modal { background: #FFFFFF;box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2); overflow: auto;border-radius: 10px;color: #171818;width: 330px;top: -10px;position: absolute;opacity: 0;pointer-events: none;visibility: hidden;transition: 0.2s;}
.hlp-img .hlp-modal { width: 493px; }
.hlp-circle {position: absolute;width: 30px;height: 30px;border-radius: 50px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);display: none;border: 3px solid rgba(145, 145, 145, 1);animation: pulsate 1s ease-out;animation-iteration-count: infinite;-webkit-animation: pulsate 1s ease-out;-webkit-animation-iteration-count: infinite;}
.hlp-first .hlp-circle {display: block; }
.hlp-item.hlp-open .hlp-circle {border-color: #fff;pointer-events: none;}
.hlp-item {position: fixed;z-index: 801;}
.lightcase-open .hlp-item { z-index: 2005; }
@-webkit-keyframes pulsate { 0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1;} 100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;} }
@keyframes pulsate { 0% {transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1;} 100% {transform: scale(1.2, 1.2); opacity: 0.0;} }
.hlp-wrapper { position: relative; }
.hlp-open .hlp-modal { opacity: 1; visibility: visible; pointer-events: auto; top: 0; }
.hlp-item.hlp-hide .hlp-modal { pointer-events: none; }
.hlp-modal-btn { background: #C02956; border-radius: 5px; cursor: pointer; display: inline-block; font-weight: 600; font-size: 10px; line-height: 14px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; padding: 12px 30px 12px; }
.hlp-background {width: 100%;min-height: 100%;position: fixed;z-index: 800;top: -9999px;bottom: -9999px;left: 0;background: #0b0e15;cursor: default !important;opacity: 0;visibility: hidden;transition: 0.2s;}
.hlp-items-opend .hlp-background {visibility: visible;opacity: 0.6;}
.hlp-items-opend .hlp-item:not(.hlp-open) { pointer-events: none; }
.hlp-item.hlp-hide { opacity: 0; visibility: hidden; transition: 0.2s; pointer-events: none; }
.hlp-wrapper-info { padding: 32px 33px 33px; }
.hlp-img .hlp-wrapper-info { padding-top: 22px; }
.hlp-modal-img { font-size: 0; min-height: 392px; background: #d0d0d0; box-shadow: 0 0 0px 1px rgba(51, 51, 51, 0.2); }
.lightcase-open .hlp-first { display: none !important; }
.hlp-item[data-type="reservation"] .hlp-modal { width: 460px; }
.hlp-modal-body i { display: block; height: 8px; }
.hlp-modal-head i { display: block; height: 3px; }

.error-wrap * { display: block; text-align: left; padding-left: 2px; }

@media (max-width: 780px) {
    /* INSTRUCTION */
    .main-panel-top { display: none; }
    .main-panel > :not(.main-panel-top):not(.panel-main-close) { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
    .main-panel-third,
    .main-panel-second { display: none !important; }

    .hlp-modal {width: calc(100% - 12px) !important;max-width: 493px !important;left: 6px !important;top: 6px !important;right: 6px !important;margin: auto;position: fixed !important;max-height: calc(100% - 12px);overflow: auto;-webkit-overflow-scrolling: touch;}
    .hlp-modal-img { min-height: auto; }
    .hlp-wrapper-info { padding: 24px 28px 33px !important; }
}

@media (max-width: 580px) {
    #logo { max-width: 280px; }
}

@media (max-width: 420px) {
    .main-form { padding: 34px 15px 43px; }
    .grid-form { width: calc(100% - 20px); }
}

@media (max-width: 340px) {
    .form-line-policy .switch label span.lever-mark + span,
    .form-line-policy .switch label span.lever-mark + span a { font-size: 10px; }
}