@font-face {
    font-family: Rouble;
    src: url('/assets/f/RUBSN.otf') format("opentype");
}

.notifications {
    position: fixed;
    bottom: 0px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    z-index: 200;
}

.notifications .notification {
    width: 100%;
    padding: 20px;
    opacity: 0;
    position: relative;
    bottom: -50px;
    transition: all 0.2s linear 0s;
    margin-bottom: 12px;
}

.notifications .notification._show {
    opacity: 1;
    bottom: 0px;
}

.notifications .notification._good {
    background-color: #4ed04e;
}

.notifications .notification._bad {
    background-color: #c43a3a;
}

.notifications .notification .notification__text {
    color: #FFF;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 40%);
}

.input_block {
    margin-bottom: 24px;
}

.input_block .title {
    margin-bottom: 10px;
}

.input_block .input {
    position: relative;
    width: 350px;
}

.input_block .input input {
    height: 44px;
    width: 100%;
    padding: 0px 12px;
    border: 1px solid rgba(80, 80, 80, 0.6);
}

.input_block .textarea textarea{
    width: 600px;
    border: 1px solid rgba(80, 80, 80, 0.6);
    height: 200px;
    padding: 12px;
}

.input_block .input input:focus,
.input_block .textarea textarea:focus {
    border: 1px solid rgba(80, 80, 80, 0.9);
}

.input_block .input._invalid input,
.input_block .textarea._invalid textarea{
    border: 1px solid #AA1111;
}

.input_block .input .input__hint,
.input_block .textarea .input__hint{
    position: absolute;
    bottom: -19px;
    font-size: 12px;
    right: 0px;
    color: #AA1111;
}


.input_block.buttons_block {
    margin-top: 40px;
}

.input_block.buttons_block .button {
    width: 200px;
    justify-content: center;
}

._rub {
    font-family: 'Rouble';
}

.icon {
    background-repeat: no-repeat;
    background-position: center center;
}

.icon._mail {
    background-image: url('/assets/i/mail.svg');
}

.icon._phone {
    background-image: url('/assets/i/phone.svg');
}

.icon._search_icon {
    background-image: url('/assets/i/search.svg');
}

.icon._store {
    background-image: url('/assets/i/store.svg');
}

.icon._user {
    background-image: url('/assets/i/user.svg');
}

.icon._basket {
    background-image: url('/assets/i/basket.svg');
}

.icon._world {
    background-image: url('/assets/i/world.svg');
}

.icon._check_list {
    background-image: url('/assets/i/checklist.svg');
}

.icon._calendar {
    background-image: url('/assets/i/calendar.svg');
}

.icon._question {
    background-image: url('/assets/i/question.svg');
}

.icon._thumbup {
    background-image: url('/assets/i/thumbup.svg');
}

.icon._burger {
    background-image: url('/assets/i/burger.svg');
}
.icon._close {
    background-image: url('/assets/i/close.svg');
}
.icon._catalog {
    background-image: url('/assets/i/catalog.svg');
}
.icon._orders {
    background-image: url('/assets/i/orders.svg');
}
.icon._help {
    background-image: url('/assets/i/contact_us.svg');
}
.icon._settings {
    background-image: url('/assets/i/settings.svg');
}
.icon._logout {
    background-image: url('/assets/i/logout.svg');
}
.icon._delivery {
    background-image: url('/assets/i/delivery.svg');
}
.icon._price {
    background-image: url('/assets/i/price.svg');
}
.icon._time {
    background-image: url(/assets/i/time.svg);
    background-size: 60px !important;
    opacity: 0.7;
}
.icon._zoom {
    background-image: url('/assets/i/zoom.svg');
}

._red_text {
    color: #db3b26 !important;
}
a._red_text {
    border-bottom: 1px solid #db3b26 !important;
}

@media (max-width: 910px) {
    .input_block .textarea textarea {
        width: 100%
    }
}

@media (max-width: 430px) {
    .input_block .input {
        width: 100%;
    }
}