.main .pagetitle {
    position: relative;
    font-weight: 700;
    font-size: 36px;
    color: #2e3447
}

.main .pagetitle span {
    position: absolute;
    font-weight: 400;
    font-size: 14px;
    color: #8d919d;
    margin-left: 4px;
    margin-top: 1px
}

.main h1.pagetitle {
    margin-top: 32px;
    margin-bottom: 16px
}

.breadcrumbs ul {
    display: flex;
    margin: 0;
    padding: 0;
    margin-top: 32px;
    list-style: none
}

.breadcrumbs ul li {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 27px
}

.breadcrumbs ul li a {
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #2e3447
}

.breadcrumbs ul li span {
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b
}

.breadcrumbs ul li:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #d6dbe3;
    right: -12px
}

.breadcrumbs ul li:last-child:after {
    content: unset
}

.breadcrumbs .container {
  padding-inline: inherit;
}

.js-catalog-collection {
    position: relative
}

.js-catalog-collection.loading:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: 0;
    bottom: 0;
    background: #fff 50% 50% no-repeat;
    background: rgba(255, 255, 255, .7) 50% 50% no-repeat;
    width: 100%;
    height: 100%;
    z-index: 100000;
    padding: 10px
}

.noUi-horizontal {
    height: 4px;
    width: 208px;
    margin-left: 8px
}

.noUi-target {
    background: #d6dbe3;
    border-radius: 2px;
    border: 0;
    /*! box-shadow:unset; */
}

.noUi-connect {
    background: #0997ed
}

.noUi-handle {
    width: 16px !important;
    height: 16px !important;
    border: 0;
    border-radius: 50%;
    background: #0997ed;
    cursor: pointer;
    box-shadow: unset
}

.noUi-handle:after,
.noUi-handle:before {
    content: unset;
}

.noUi-horizontal .noUi-handle {
    right: -8px;
    top: -6px
}


.block-filter {
    background: #f6f6f6;
    border-radius: 4px;
    padding: 26px 26px 25px 32px
}

.block-filter>.filter-item {
    margin-bottom: 24px
}

.block-filter>.filter-item:last-child {
    margin-bottom: 0
}

.block-filter>.filter-item.open .filter-body {
    display: block
}

.block-filter>.filter-item.open .filter-body .input-search-ui {
    display: flex;
    align-items: center;
    position: relative
}

.block-filter>.filter-item.open .filter-body .input-search-ui svg {
    position: absolute;
    left: 10px
}

.block-filter>.filter-item.open .filter-body .input-search-ui>input {
    width: 100%;
    height: 18px;
    padding-left: 33px;
    padding-right: 9px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.block-filter>.filter-item.open .filter-body .input-search-ui>input:active,
.block-filter>.filter-item.open .filter-body .input-search-ui>input:focus,
.block-filter>.filter-item.open .filter-body .input-search-ui>input:hover {
    border-color: #0997ed
}

.block-filter>.filter-item.open .filter-body .input-search-ui input::-webkit-input-placeholder,
.block-filter>.filter-item.open .filter-body .input-search-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item.open .filter-body .input-search-ui input::-ms-input-placeholder,
.block-filter>.filter-item.open .filter-body .input-search-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item.open .filter-body .input-search-ui input::-moz-placeholder,
.block-filter>.filter-item.open .filter-body .input-search-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item.open .filter-body .input-search-ui input:-moz-placeholder,
.block-filter>.filter-item.open .filter-body .input-search-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item.open .filter-body input {
    min-height: 34px;
    box-sizing: border-box
}

.block-filter>.filter-item.open .filter-body .input-search-ui {
    margin-bottom: 10px
}

.block-filter>.filter-item.open>.filter-header>.filter-arrow>svg {
    transform: rotate(180deg)
}

.block-filter>.filter-item>.filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    cursor: pointer
}

.block-filter>.filter-item>.filter-header>.filter-title {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px
}

.block-filter>.filter-item>.filter-header>.filter-arrow {
    display: flex;
    align-items: center
}

.block-filter>.filter-item>.filter-body {
    display: none
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise ul {
    list-style: none
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul {
    padding: 0
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li {
    margin-bottom: 16px
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li.active>a {
    display: flex;
    align-items: flex-start;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    padding-left: 14px;
    color: #0072dc
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li.active>a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0997ed;
    left: 0;
    top: 6px
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li:last-child {
    margin-bottom: 0
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>a {
    font-weight: 500;
    font-size: 16px;
    color: #2e3447
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>a:hover {
    color: #0072dc !important
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>ul {
    margin-top: 9px;
    padding: 0;
    padding-left: 20px
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>ul>li {
    margin-bottom: 9px
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>ul>li:last-child {
    margin-bottom: 0
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>ul>li>a {
    font-weight: 400;
    font-size: 16px;
    color: #2e3447
}

.block-filter>.filter-item>.filter-body>.filter-type-categorise>ul>li>ul>li>a:hover {
    color: #0072dc !important
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui {
    display: flex;
    width: 220px
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui:hover>.left input,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui:hover>.right input {
    border-color: #0997ed
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right {
    display: flex;
    align-items: center;
    position: relative
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left>input,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right>input {
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    width: 109px
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left>input.input-focus,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right>input.input-focus {
    border-color: #0997ed
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left input::-webkit-inner-spin-button,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left input::-webkit-outer-spin-button,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right input::-webkit-inner-spin-button,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left>span,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right>span {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #5b5c68;
    left: 12px
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left input::-webkit-input-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left textarea::-webkit-input-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right input::-webkit-input-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left input::-ms-input-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left textarea::-ms-input-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right input::-ms-input-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left input::-moz-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left textarea::-moz-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right input::-moz-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left input:-moz-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left textarea:-moz-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right input:-moz-placeholder,
.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.left>input {
    padding: 11px 12px 9px 38px;
    border-radius: 4px 0 0 4px
}

.block-filter>.filter-item>.filter-body>.filter-type-peice .input-number-double-ui>.right>input {
    border-left: 0;
    padding: 11px 12px 9px 38px;
    border-radius: 0 4px 4px 0
}

.block-filter>.filter-item>.filter-body>.filter-type-peice #sliderAcsessorise {
    margin-top: 32px;
    margin-bottom: 32px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes.over-flow-auto {
    overflow: auto;
    max-height: 212px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes.over-flow-auto::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #d6dbe3
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes.over-flow-auto::-webkit-scrollbar {
    width: 8px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes.over-flow-auto::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #89c2e3
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes.over-flow-auto:hover::-webkit-scrollbar-thumb {
    background: #89c2e3
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item {
    margin-bottom: 12px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item:last-child {
    margin-bottom: 0
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>input:checked+label>.text {
    font-weight: 500;
    font-size: 16px;
    color: #0072dc
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>input {
    display: none
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>input:checked+label>.checkbox {
    border: 2px solid #0997ed;
    background: #f2faff;
    width: 16px;
    height: 16px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>input:checked+label>.checkbox>svg {
    display: block
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>input:disabled+label .checkbox {
    background: #f0f0f2;
    border: 2px solid #d6dbe3;
    width: 16px;
    height: 16px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>input:disabled+label .checkbox svg path {
    stroke: #d6dbe3
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>label>.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>label>.checkbox>svg {
    display: none
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>label>.icon {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 16px;
    color: #5b5c68
}

.block-filter>.filter-item>.filter-body .filter-type-checkboxes .item .checkbox-ui>label:hover>.checkbox {
    border: 2px solid #0997ed;
    width: 16px !important;
    height: 16px !important
}

.block-filter>.filter-item>.filter-body .filter-type-form.over-flow-auto {
    overflow: auto;
    max-height: 212px
}

.block-filter>.filter-item>.filter-body .filter-type-form.over-flow-auto::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #d6dbe3
}

.block-filter>.filter-item>.filter-body .filter-type-form.over-flow-auto::-webkit-scrollbar {
    width: 8px
}

.block-filter>.filter-item>.filter-body .filter-type-form.over-flow-auto::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #89c2e3
}

.block-filter>.filter-item>.filter-body .filter-type-form.over-flow-auto:hover::-webkit-scrollbar-thumb {
    background: #89c2e3
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui {
    margin-bottom: 12px
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui:last-child {
    margin-bottom: 0
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>input:checked+label>.text {
    font-weight: 500;
    font-size: 16px;
    color: #0072dc
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>input {
    display: none
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>input:checked+label>.checkbox {
    border: 2px solid #0997ed;
    background: #f2faff;
    width: 16px;
    height: 16px
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>input:checked+label>.checkbox>svg {
    display: block
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>input:disabled+label .checkbox {
    background: #f0f0f2;
    border: 2px solid #d6dbe3;
    width: 16px;
    height: 16px
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>input:disabled+label .checkbox svg path {
    stroke: #d6dbe3
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>label>.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>label>.checkbox>svg {
    display: none
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>label>.icon {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 8px;
    color: #2e3447
}

.block-filter>.filter-item>.filter-body .filter-type-form .checkbox-ui>label:hover>.checkbox {
    border: 2px solid #0997ed;
    width: 16px !important;
    height: 16px !important
}

.block-filter>.filter-item>.filter-body>.filter-type-colors {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2px;
    margin-right: -2px
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui {
    position: relative
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui>input {
    display: none
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui .toltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #2e3447;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(66, 79, 85, .04), 6px 10px 50px rgba(50, 71, 83, .12);
    border-radius: 2px;
    padding: 4px 11px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    z-index: 1;
    left: 90%;
    bottom: -21px
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui:hover .toltip {
    display: block
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui label div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #fff;
    margin: 2px
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui label div:hover:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui.selected label>div:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.block-filter>.filter-item>.filter-body>.filter-type-colors .color-item-ui {
    margin: 2px
}

.block-filter>.filter-item>.filter-body>.filter-frame-size>.filter-frame-size-item {
    margin-bottom: 15px
}

.block-filter>.filter-item>.filter-body>.filter-frame-size>.filter-frame-size-item .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul {
    padding: 0;
    list-style: none
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul li {
    margin-bottom: 12px
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul li:last-child {
    margin-bottom: 0
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul li a:hover {
    color: #0072dc
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul li.active>a {
    display: flex;
    align-items: flex-start;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    padding-left: 14px;
    color: #0072dc
}

.block-filter>.filter-item>.filter-body>.filter-type-links ul li.active>a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0997ed;
    left: 0;
    top: 6px
}

.block-filter>.filter-item>.filter-item-switch {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.block-filter>.filter-item>.filter-item-switch>.filter-title {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui.grey>label>.switch-checkbox {
    background: #d6dbe3
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>input {
    display: none
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>label>.switch-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 15px;
    background: #f0f0f2
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>label>.switch-checkbox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    box-shadow: 0 1px 7px rgba(44, 39, 56, .17)
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>input:checked+label>.switch-checkbox {
    background: #0997ed
}

.block-filter>.filter-item>.filter-item-switch>.filter-switch .switch-checkbox-ui>input:checked+label>.switch-checkbox:before {
    left: unset;
    right: 3px;
    transition: .2s
}

@media (max-width:1280px) {
    .block-filter {
        padding: 24px
    }
}

.catalog-tile-view {
    display: flex;
    align-items: center
}

.catalog-tile-view>div {
    display: flex;
    align-items: center
}

.catalog-tile-view .basic-3-card {
    cursor: pointer;
    margin-right: 24px
}

.catalog-tile-view .basic-3-card svg.active {
    display: none
}

.catalog-tile-view .basic-3-card.active svg.no-active,
.catalog-tile-view .basic-3-card:hover svg.no-active {
    display: none
}

.catalog-tile-view .basic-3-card.active svg.active,
.catalog-tile-view .basic-3-card:hover svg.active {
    display: block
}

.catalog-tile-view .basic-4-card {
    cursor: pointer
}

.catalog-tile-view .basic-4-card svg.active {
    display: none
}

.catalog-tile-view .basic-4-card.active svg.no-active,
.catalog-tile-view .basic-4-card:hover svg.no-active {
    display: none
}

.catalog-tile-view .basic-4-card.active svg.active,
.catalog-tile-view .basic-4-card:hover svg.active {
    display: block
}

.pagination {
    display: flex;
    margin: 0;
    padding: 0
}

.pagination li {
    list-style: none
}

.pagination li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #6e6f7b;
    width: 33px;
    height: 34px;
    border-top: 1px solid #d6dbe3;
    border-right: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    box-sizing: border-box
}

.pagination li span {
    width: 33px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #6e6f7b;
    width: 34px;
    height: 34px;
    border-top: 1px solid #d6dbe3;
    border-right: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    box-sizing: border-box
}

.pagination li:first-child a {
    border-left: 1px solid #d6dbe3;
    border-radius: 2px 0 0 2px
}

.pagination li:last-child a {
    border-radius: 0 2px 2px 0
}

.pagination li.prev-rotate {
    transform: rotate(180deg)
}

.pagination li.active a {
    background: #f2faff;
    color: #0072dc;
    border-color: #0997ed;
    border: 1px solid
}

.pagination li.active span {
    background: #f2faff;
    color: #0072dc;
    border-color: #0997ed;
    border: 1px solid
}

.pagination li:hover a {
    background: #f2faff;
    transition: .2s
}

.nameplate {
    padding: 5px 12px;
    border-radius: 16px;
    font-weight: 500;
    font-size: 14px;
    width: -moz-max-content;
    width: max-content
}

.nameplate.present {
    background: #ffdfe5;
    color: #f46413
}

.nameplate.present-sale {
    background: #e6e9ff;
    color: #4552d0
}

.nameplate.stock {
    background: #ffdfe5;
    color: #ed3254
}

.nameplate:last-child {
    margin-bottom: 0
}

.button-svg {
    cursor: pointer
}

.button-svg svg.active {
    display: none
}

.button-svg.active svg.no-active,
.button-svg:hover svg.no-active {
    display: none
}

.button-svg.active svg.active,
.button-svg:hover svg.active {
    display: block
}

.product-card .favorites.in_favorites svg.active,
.product-item .favorites.in_favorites svg.active {
    display: block
}

.product-card .favorites.in_favorites svg.no-active,
.product-item .favorites.in_favorites svg.no-active {
    display: none
}

.product-tile {
    position: relative;
    width: 240px;
    min-height: 376px
}

.product-tile .nameplates {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.product-tile .nameplates .nameplate {
    margin-bottom: 4px
}

.product-tile .nameplates .nameplate:last-child {
    margin-bottom: 0
}

.product-tile .favorites {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.product-tile .favorites.in_favorites svg.active {
    display: block
}

.product-tile .favorites.in_favorites svg.no-active {
    display: none
}

.product-tile .image-block {
    display: inline-block;
    position: relative;
    background-color: #f5f5f5;
    width: 240px;
    height: 240px
}

.product-tile .image-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-tile .image-block_bg {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat
}

.product-tile .image-block .button-group-block {
    display: none;
    position: absolute;
    bottom: 0
}

.product-tile .image-block .button-group-block.glasses>.zoom svg {
    margin-right: 4px
}

.product-tile .image-block .button-group-block.glasses>.zoom:hover>svg path {
    stroke: #fff
}

.product-tile .image-block .button-group-block button {
    box-sizing: border-box
}

.product-tile .image-block .button-group-block button:first-child,
.product-tile .image-block .button-group-block>.zoom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 120px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s;
    border-radius: 4px 0 0 4px !important;
    box-sizing: border-box
}

.product-tile .image-block .button-group-block button:first-child:visited,
.product-tile .image-block .button-group-block>.zoom:visited {
    background: #0072dc;
    border-color: #0072dc
}

.product-tile .image-block .button-group-block button:first-child:hover,
.product-tile .image-block .button-group-block>.zoom:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.product-tile .image-block .button-group-block button:first-child:active,
.product-tile .image-block .button-group-block>.zoom:active {
    background: #0072dc;
    border-color: #0072dc
}

.product-tile .image-block .button-group-block button:first-child:disabled,
.product-tile .image-block .button-group-block>.zoom:disabled {
    background: #d6dbe3;
    cursor: default
}

.product-tile .image-block .button-group-block .basket-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 120px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    border-radius: 0 4px 4px 0
}

.product-tile .image-block .button-group-block .basket-btn:not(.basket-btn):visited {
    background: #0072dc
}

.product-tile .image-block .button-group-block .basket-btn:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.product-tile .image-block .button-group-block .basket-btn:has(.basket-btn):active {
    background: #0072dc
}

.product-tile .image-block .button-group-block .basket-btn:not(.basket-btn):active {
    background: #0072dc
}

.product-tile .image-block .button-group-block .basket-btn:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.product-tile .color-wrap {
    display: flex;
    margin-bottom: 10px
}

.product-tile .color-wrap .color-item-ui {
    position: relative
}

.product-tile .color-wrap .color-item-ui>input {
    display: none
}

.product-tile .color-wrap .color-item-ui .toltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #2e3447;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(66, 79, 85, .04), 6px 10px 50px rgba(50, 71, 83, .12);
    border-radius: 2px;
    padding: 4px 11px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    z-index: 1;
    left: 90%;
    bottom: -21px
}

.product-tile .color-wrap .color-item-ui:hover .toltip {
    display: block
}

.product-tile .color-wrap .color-item-ui label div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #fff;
    margin: 2px
}

.product-tile .color-wrap .color-item-ui label div:hover:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.product-tile .color-wrap .color-item-ui.selected label>div:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.product-tile .color-wrap .color-item-ui {
    margin-right: 9px
}

.product-tile .color-wrap .color-item-ui:last-child {
    margin-right: 0
}

.product-tile:hover .image-block .button-group-block {
    display: flex !important
}

.product-tile .product-information-block {
    padding: 8px 0
}

.product-tile .product-information-block.with-checkbox {
    padding: 22px 24px 14px 24px
}

.product-tile .product-information-block.with-checkbox .product-price-wrap {
    justify-content: space-between
}

.product-tile .product-information-block.glasses {
    padding: 8px 0
}

.product-tile .product-information-block .product-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px
}

.product-tile .product-information-block .product-categorise {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    margin-bottom: 8px
}

.product-tile .product-information-block .product-price-wrap {
    display: flex;
    align-items: center
}

.product-tile .product-information-block .product-price-wrap .price {
    font-style: normal;
    font-weight: 700;
    font-size: 22px
}

.product-tile .product-information-block .product-price-wrap .price.new-price {
    font-weight: 700;
    font-size: 22px;
    color: #ed3254
}

.product-tile .product-information-block .product-price-wrap .old-price {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    color: #8d919d;
    margin-left: 16px
}

.product-tile .product-information-block .product-price-wrap .old-price:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 1px;
    background: #8d919d
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>input {
    display: none
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>input:checked+label>.checkbox {
    border: 2px solid #0997ed;
    background: #f2faff;
    width: 16px;
    height: 16px
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>input:checked+label>.checkbox>svg {
    display: block
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>input:disabled+label .checkbox {
    background: #f0f0f2;
    border: 2px solid #d6dbe3;
    width: 16px;
    height: 16px
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>input:disabled+label .checkbox svg path {
    stroke: #d6dbe3
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>label>.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>label>.checkbox>svg {
    display: none
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>label>.icon {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px;
    color: #2e3447
}

.product-tile .product-information-block .product-price-wrap .checkbox-wrap .checkbox-ui>label:hover>.checkbox {
    border: 2px solid #0997ed;
    width: 16px !important;
    height: 16px !important
}

.glasses-fiting-tab {
    display: flex;
    position: relative;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    height: 32px;
    width: 297px
}

.glasses-fiting-tab>div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    cursor: pointer
}

.glasses-fiting-tab>div:nth-child(1).active,
.glasses-fiting-tab>div:nth-child(1):hover {
    background: #f2faff
}

.glasses-fiting-tab>div:nth-child(1).active>svg path,
.glasses-fiting-tab>div:nth-child(1):hover>svg path {
    stroke: #0997ed
}

.glasses-fiting-tab>div:nth-child(1).active:after,
.glasses-fiting-tab>div:nth-child(1):hover:after {
    content: "";
    position: absolute;
    height: 34px;
    width: 58px;
    border: 1px solid #0997ed;
    box-sizing: border-box;
    border-radius: 4px;
    left: -1px;
    top: -1px
}

.glasses-fiting-tab>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    cursor: pointer
}

.glasses-fiting-tab>div:nth-child(2).active,
.glasses-fiting-tab>div:nth-child(2):hover {
    background: #f2faff
}

.glasses-fiting-tab>div:nth-child(2).active>svg path,
.glasses-fiting-tab>div:nth-child(2):hover>svg path {
    stroke: #0997ed
}

.glasses-fiting-tab>div:nth-child(2).active:after,
.glasses-fiting-tab>div:nth-child(2):hover:after {
    content: "";
    position: absolute;
    height: 34px;
    width: 58px;
    border: 1px solid #0997ed;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: -1px
}

.glasses-fiting-tab>div:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 182px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    cursor: pointer;
    border-radius: 4px
}

.glasses-fiting-tab>div:nth-child(3).active,
.glasses-fiting-tab>div:nth-child(3):hover {
    background: #f2faff
}

.glasses-fiting-tab>div:nth-child(3).active:after,
.glasses-fiting-tab>div:nth-child(3):hover:after {
    content: "";
    position: absolute;
    height: 34px;
    width: 184px;
    border: 1px solid #0997ed;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 0
}

.glasses-fiting-tab>div:nth-child(3)>svg {
    margin-right: 8px
}

.glasses-fiting-tab>div:nth-child(3) svg.active {
    display: none
}

.glasses-fiting-tab>div:nth-child(3).active svg.no-active,
.glasses-fiting-tab>div:nth-child(3):hover svg.no-active {
    display: none
}

.glasses-fiting-tab>div:nth-child(3).active svg.active,
.glasses-fiting-tab>div:nth-child(3):hover svg.active {
    display: block
}

.glasses-fiting-tab>div:nth-child(3).active,
.glasses-fiting-tab>div:nth-child(3):hover {
    color: #0072dc
}

.product-slider .product-tile {
    margin-right: 50px
}

.product-slider .slick-next {
    right: 0;
    top: 38.5%;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    transition: .2s
}

.product-slider .slick-next:hover {
    background: #0997ed;
    transition: .2s
}

.product-slider .slick-next:hover svg path {
    stroke: #fff
}

.product-slider .slick-next:active {
    background: #0072dc
}

.you-watched .slick-next {
    right: 0;
    top: 38.5%;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    transition: .2s
}

.you-watched .slick-next:hover {
    background: #0997ed;
    transition: .2s
}

.you-watched .slick-next:hover svg path {
    stroke: #fff
}

.you-watched .slick-next:active {
    background: #0072dc
}

.glasses-fitting-wrap {
    display: flex
}

.glasses-fitting-wrap>.left {
    position: relative;
    margin-right: 28px;
    padding-top: 4px
}

.glasses-fitting-wrap>.left>.title-block {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 42px
}

.glasses-fitting-wrap>.left>.arrow {
    position: absolute;
    top: 27px;
    right: 5px
}

.glasses-fitting-wrap>.left>.text-block {
    font-weight: 500;
    font-size: 16px;
    width: 340px;
    line-height: 140%;
    margin-bottom: 10px
}

.glasses-fitting-wrap>.left>.podtext-block {
    display: flex;
    position: relative;
    width: 289px
}

.glasses-fitting-wrap>.left>.podtext-block>.text {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b;
    margin-right: 2px
}

.glasses-fitting-wrap>.left>.podtext-block>.question-icon {
    position: absolute;
    right: 0;
    top: -9px
}

.glasses-fitting-wrap>.right {
    display: flex
}

.glasses-fitting-wrap>.right>.upload-photo-block>.uopload-photo-button {
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    width: 162px;
    height: 164px;
    border-radius: 4px;
    border: 1px dashed #0997ed;
    padding-top: 38px;
    margin-right: 16px
}

.glasses-fitting-wrap>.right>.upload-photo-block>.uopload-photo-button>.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 20px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #f5f5f5
}

.glasses-fitting-wrap>.right>.upload-photo-block>.uopload-photo-button>.icon svg {
    position: absolute;
    top: 15px
}

.glasses-fitting-wrap>.right>.upload-photo-block>.uopload-photo-button>.text {
    font-weight: 500;
    font-size: 16px;
    color: #0072dc
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider {
    width: 524px
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-next {
    top: 102px;
    right: -16px;
    z-index: 2;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .2s
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-next:hover {
    background: #0997ed;
    transition: .2s
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-next:hover svg path {
    stroke: #fff
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-next:active {
    background: #0072dc
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item {
    position: relative;
    width: 164px;
    height: 204px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item>.delete {
    position: absolute;
    cursor: pointer;
    top: 7px;
    right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%;
    border: 0
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item>.delete:hover {
    background: #0997ed;
    transition: .2s
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item>.delete:hover svg path {
    stroke: #fff
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item>.delete:active {
    background: #0072dc;
    transition: .2s
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item>.delete:active svg path {
    stroke: #fff
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item>.delete svg {
    top: 5px;
    position: absolute
}

.glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider .fitting-photogallery-slider-item.active {
    width: 160px;
    height: 200px;
    border: 2px solid #0997ed
}

.specifications-items .specifications-item {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px
}

.specifications-items .specifications-item>div:nth-child(1) {
    width: 135px;
    margin-right: 24px;
    color: #6e6f7b
}

.specifications-items .specifications-item>div:nth-child(2) {
    width: 141px
}

.glasses-specifications-items-wrap {
    width: 600px
}

.glasses-specifications-items-wrap .glasses-specifications-items {
    display: flex;
    margin-bottom: 36px
}

.glasses-specifications-items-wrap .glasses-specifications-items:last-child {
    margin-bottom: 0
}

.glasses-specifications-items-wrap .glasses-specifications-items>.item {
    display: flex
}

.glasses-specifications-items-wrap .glasses-specifications-items>.item>.img {
    display: flex;
    align-items: center;
    margin-right: 16px
}

.glasses-specifications-items-wrap .glasses-specifications-items>.item>.parametr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    width: 146px
}

.glasses-specifications-items-wrap .glasses-specifications-items>.item>.parametr>.title-parametr-block {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 2px
}

.glasses-specifications-items-wrap .glasses-specifications-items>.item>.parametr>.value-block {
    font-size: 16px;
    font-weight: 400;
    color: #6e6f7b
}

.uikit-form-elements {
    display: flex;
    padding: 10px
}

.uikit-form-elements .title-block {
    font-style: normal;
    font-weight: 700;
    font-size: 26px
}

.uikit-form-elements>div {
    margin: 10px;
    margin-right: 300px
}

.uikit-form-elements .radio-buttons {
    margin-bottom: 50px
}

.uikit-form-elements .radio-buttons>div {
    margin-bottom: 20px
}

.uikit-form-elements .radio-buttons .radio-button-ui>input {
    display: none
}

.uikit-form-elements .radio-buttons .radio-button-ui>input:checked+label .radio {
    border: 2px solid #0997ed;
    padding: 0
}

.uikit-form-elements .radio-buttons .radio-button-ui>input:checked+label .radio:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0997ed
}

.uikit-form-elements .radio-buttons .radio-button-ui>input:disabled:checked+label .radio {
    border-color: #d6dbe3
}

.uikit-form-elements .radio-buttons .radio-button-ui>input:disabled:checked+label .radio:before {
    background: #d6dbe3
}

.uikit-form-elements .radio-buttons .radio-button-ui>input:disabled+label .radio {
    background: #f0f0f2
}

.uikit-form-elements .radio-buttons .radio-button-ui>input:disabled+label:hover .radio {
    border-color: #d6dbe3 !important
}

.uikit-form-elements .radio-buttons .radio-button-ui label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.uikit-form-elements .radio-buttons .radio-button-ui label .radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #d6dbe3;
    padding: 1px
}

.uikit-form-elements .radio-buttons .radio-button-ui label:hover>.radio {
    border-color: #0997ed
}

.uikit-form-elements .radio-buttons .radio-button-ui label .text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px
}

.uikit-form-elements .checkboxes {
    margin-bottom: 50px
}

.uikit-form-elements .checkboxes>div {
    margin-bottom: 20px
}

.uikit-form-elements .checkboxes .checkbox-ui>input {
    display: none
}

.uikit-form-elements .checkboxes .checkbox-ui>input:checked+label>.checkbox {
    border: 2px solid #0997ed;
    background: #f2faff;
    width: 16px;
    height: 16px
}

.uikit-form-elements .checkboxes .checkbox-ui>input:checked+label>.checkbox>svg {
    display: block
}

.uikit-form-elements .checkboxes .checkbox-ui>input:disabled+label .checkbox {
    background: #f0f0f2;
    border: 2px solid #d6dbe3;
    width: 16px;
    height: 16px
}

.uikit-form-elements .checkboxes .checkbox-ui>input:disabled+label .checkbox svg path {
    stroke: #d6dbe3
}

.uikit-form-elements .checkboxes .checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.uikit-form-elements .checkboxes .checkbox-ui>label>.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px
}

.uikit-form-elements .checkboxes .checkbox-ui>label>.checkbox>svg {
    display: none
}

.uikit-form-elements .checkboxes .checkbox-ui>label>.icon {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.uikit-form-elements .checkboxes .checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px;
    color: #2e3447
}

.uikit-form-elements .checkboxes .checkbox-ui>label:hover>.checkbox {
    border: 2px solid #0997ed;
    width: 16px !important;
    height: 16px !important
}

.uikit-form-elements .switch-checkboxes {
    margin-bottom: 50px
}

.uikit-form-elements .switch-checkboxes>div {
    margin-bottom: 20px
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui.grey>label>.switch-checkbox {
    background: #d6dbe3
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>input {
    display: none
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>label>.switch-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 15px;
    background: #f0f0f2
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>label>.switch-checkbox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    box-shadow: 0 1px 7px rgba(44, 39, 56, .17)
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>input:checked+label>.switch-checkbox {
    background: #0997ed
}

.uikit-form-elements .switch-checkboxes .switch-checkbox-ui>input:checked+label>.switch-checkbox:before {
    left: unset;
    right: 3px;
    transition: .2s
}

.uikit-form-elements .inputs-classic {
    margin-bottom: 50px
}

.uikit-form-elements .inputs-classic>div {
    margin-bottom: 20px
}

.uikit-form-elements .inputs-classic .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.uikit-form-elements .inputs-classic .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.uikit-form-elements .inputs-classic .input-ui input::-webkit-input-placeholder,
.uikit-form-elements .inputs-classic .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-classic .input-ui input::-ms-input-placeholder,
.uikit-form-elements .inputs-classic .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-classic .input-ui input::-moz-placeholder,
.uikit-form-elements .inputs-classic .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-classic .input-ui input:-moz-placeholder,
.uikit-form-elements .inputs-classic .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-classic .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.uikit-form-elements .inputs-classic .input-ui input:active,
.uikit-form-elements .inputs-classic .input-ui input:focus,
.uikit-form-elements .inputs-classic .input-ui input:hover {
    border-color: #0997ed
}

.uikit-form-elements .inputs-classic .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.uikit-form-elements .inputs-classic .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.uikit-form-elements .inputs-classic .input-ui.phone input:active,
.uikit-form-elements .inputs-classic .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.uikit-form-elements .inputs-classic .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.uikit-form-elements .inputs-classic .input-ui.password>div input {
    width: 100%
}

.uikit-form-elements .inputs-classic .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.uikit-form-elements .inputs-classic .input-ui.password>div svg.svg-not-see {
    display: block
}

.uikit-form-elements .inputs-classic .input-ui.password>div svg.svg-see {
    display: none
}

.uikit-form-elements .inputs-classic .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.uikit-form-elements .inputs-classic .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.uikit-form-elements .inputs-classic .input-ui .error-block {
    display: none;
    color: #ed3254
}

.uikit-form-elements .inputs-classic .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.uikit-form-elements .inputs-classic .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.uikit-form-elements .inputs-classic .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.uikit-form-elements .inputs-phone {
    margin-bottom: 50px
}

.uikit-form-elements .inputs-phone>div {
    margin-bottom: 20px
}

.uikit-form-elements .inputs-phone .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.uikit-form-elements .inputs-phone .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.uikit-form-elements .inputs-phone .input-ui input::-webkit-input-placeholder,
.uikit-form-elements .inputs-phone .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-phone .input-ui input::-ms-input-placeholder,
.uikit-form-elements .inputs-phone .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-phone .input-ui input::-moz-placeholder,
.uikit-form-elements .inputs-phone .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-phone .input-ui input:-moz-placeholder,
.uikit-form-elements .inputs-phone .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-phone .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.uikit-form-elements .inputs-phone .input-ui input:active,
.uikit-form-elements .inputs-phone .input-ui input:focus,
.uikit-form-elements .inputs-phone .input-ui input:hover {
    border-color: #0997ed
}

.uikit-form-elements .inputs-phone .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.uikit-form-elements .inputs-phone .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.uikit-form-elements .inputs-phone .input-ui.phone input:active,
.uikit-form-elements .inputs-phone .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.uikit-form-elements .inputs-phone .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.uikit-form-elements .inputs-phone .input-ui.password>div input {
    width: 100%
}

.uikit-form-elements .inputs-phone .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.uikit-form-elements .inputs-phone .input-ui.password>div svg.svg-not-see {
    display: block
}

.uikit-form-elements .inputs-phone .input-ui.password>div svg.svg-see {
    display: none
}

.uikit-form-elements .inputs-phone .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.uikit-form-elements .inputs-phone .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.uikit-form-elements .inputs-phone .input-ui .error-block {
    display: none;
    color: #ed3254
}

.uikit-form-elements .inputs-phone .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.uikit-form-elements .inputs-phone .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.uikit-form-elements .inputs-phone .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.uikit-form-elements .inputs-password {
    margin-bottom: 50px
}

.uikit-form-elements .inputs-password>div {
    margin-bottom: 20px
}

.uikit-form-elements .inputs-password .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.uikit-form-elements .inputs-password .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.uikit-form-elements .inputs-password .input-ui input::-webkit-input-placeholder,
.uikit-form-elements .inputs-password .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-password .input-ui input::-ms-input-placeholder,
.uikit-form-elements .inputs-password .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-password .input-ui input::-moz-placeholder,
.uikit-form-elements .inputs-password .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-password .input-ui input:-moz-placeholder,
.uikit-form-elements .inputs-password .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.uikit-form-elements .inputs-password .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.uikit-form-elements .inputs-password .input-ui input:active,
.uikit-form-elements .inputs-password .input-ui input:focus,
.uikit-form-elements .inputs-password .input-ui input:hover {
    border-color: #0997ed
}

.uikit-form-elements .inputs-password .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.uikit-form-elements .inputs-password .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.uikit-form-elements .inputs-password .input-ui.phone input:active,
.uikit-form-elements .inputs-password .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.uikit-form-elements .inputs-password .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.uikit-form-elements .inputs-password .input-ui.password>div input {
    width: 100%
}

.uikit-form-elements .inputs-password .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.uikit-form-elements .inputs-password .input-ui.password>div svg.svg-not-see {
    display: block
}

.uikit-form-elements .inputs-password .input-ui.password>div svg.svg-see {
    display: none
}

.uikit-form-elements .inputs-password .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.uikit-form-elements .inputs-password .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.uikit-form-elements .inputs-password .input-ui .error-block {
    display: none;
    color: #ed3254
}

.uikit-form-elements .inputs-password .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.uikit-form-elements .inputs-password .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.uikit-form-elements .inputs-password .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.uikit-form-elements .social-network-items {
    margin-bottom: 50px
}

.uikit-form-elements .social-network-items .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .social-network-items>.items {
    display: flex
}

.uikit-form-elements .social-network-items>.items .social-network-item {
    margin-right: 10px
}

.uikit-form-elements .social-network-items>.items .social-network-item:last-child {
    margin-right: 0
}

.uikit-form-elements .input-search {
    margin-bottom: 50px
}

.uikit-form-elements .input-search .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .input-search .input-search-ui {
    display: flex;
    align-items: center;
    position: relative
}

.uikit-form-elements .input-search .input-search-ui svg {
    position: absolute;
    left: 10px
}

.uikit-form-elements .input-search .input-search-ui>input {
    width: 218px;
    height: 18px;
    padding-left: 33px;
    padding-right: 9px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.uikit-form-elements .input-search .input-search-ui>input:active,
.uikit-form-elements .input-search .input-search-ui>input:focus,
.uikit-form-elements .input-search .input-search-ui>input:hover {
    border-color: #0997ed
}

.uikit-form-elements .input-search .input-search-ui input::-webkit-input-placeholder,
.uikit-form-elements .input-search .input-search-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-search .input-search-ui input::-ms-input-placeholder,
.uikit-form-elements .input-search .input-search-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-search .input-search-ui input::-moz-placeholder,
.uikit-form-elements .input-search .input-search-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-search .input-search-ui input:-moz-placeholder,
.uikit-form-elements .input-search .input-search-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-number-double {
    margin-bottom: 50px
}

.uikit-form-elements .input-number-double .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .input-number-double #range-input {
    margin-top: 23px
}

.uikit-form-elements .input-number-double .input-number-double-ui {
    display: flex;
    width: 220px
}

.uikit-form-elements .input-number-double .input-number-double-ui:hover>.left input,
.uikit-form-elements .input-number-double .input-number-double-ui:hover>.right input {
    border-color: #0997ed
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left,
.uikit-form-elements .input-number-double .input-number-double-ui>.right {
    display: flex;
    align-items: center;
    position: relative
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left>input,
.uikit-form-elements .input-number-double .input-number-double-ui>.right>input {
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    width: 109px
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left>input.input-focus,
.uikit-form-elements .input-number-double .input-number-double-ui>.right>input.input-focus {
    border-color: #0997ed
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left input::-webkit-inner-spin-button,
.uikit-form-elements .input-number-double .input-number-double-ui>.left input::-webkit-outer-spin-button,
.uikit-form-elements .input-number-double .input-number-double-ui>.right input::-webkit-inner-spin-button,
.uikit-form-elements .input-number-double .input-number-double-ui>.right input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left>span,
.uikit-form-elements .input-number-double .input-number-double-ui>.right>span {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #5b5c68;
    left: 12px
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left input::-webkit-input-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.left textarea::-webkit-input-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right input::-webkit-input-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left input::-ms-input-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.left textarea::-ms-input-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right input::-ms-input-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left input::-moz-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.left textarea::-moz-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right input::-moz-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left input:-moz-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.left textarea:-moz-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right input:-moz-placeholder,
.uikit-form-elements .input-number-double .input-number-double-ui>.right textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 14px;
    font-weight: 500
}

.uikit-form-elements .input-number-double .input-number-double-ui>.left>input {
    padding: 11px 12px 9px 38px;
    border-radius: 4px 0 0 4px
}

.uikit-form-elements .input-number-double .input-number-double-ui>.right>input {
    border-left: 0;
    padding: 11px 12px 9px 38px;
    border-radius: 0 4px 4px 0
}

.uikit-form-elements .colors-items {
    margin-bottom: 50px
}

.uikit-form-elements .colors-items .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .colors-items .items {
    display: flex;
    margin-right: 10px
}

.uikit-form-elements .colors-items .items .color-item-ui {
    position: relative
}

.uikit-form-elements .colors-items .items .color-item-ui>input {
    display: none
}

.uikit-form-elements .colors-items .items .color-item-ui .toltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #2e3447;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(66, 79, 85, .04), 6px 10px 50px rgba(50, 71, 83, .12);
    border-radius: 2px;
    padding: 4px 11px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    z-index: 1;
    left: 90%;
    bottom: -21px
}

.uikit-form-elements .colors-items .items .color-item-ui:hover .toltip {
    display: block
}

.uikit-form-elements .colors-items .items .color-item-ui label div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #fff;
    margin: 2px
}

.uikit-form-elements .colors-items .items .color-item-ui label div:hover:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.uikit-form-elements .colors-items .items .color-item-ui.selected label>div:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.uikit-form-elements .selects {
    margin-bottom: 50px
}

.uikit-form-elements .selects .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .selects .select-ui {
    position: relative;
    width: 142px
}

.uikit-form-elements .selects .select-ui.disabled {
    background-color: #6e6f7b
}

.uikit-form-elements .selects .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 142px;
    height: 48px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 23px 8px 17px;
    font-weight: 400;
    font-size: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.uikit-form-elements .selects .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.uikit-form-elements .selects .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.uikit-form-elements .selects .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.uikit-form-elements .selects .select-ui .value:hover svg path {
    stroke: #0997ed
}

.uikit-form-elements .selects .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.uikit-form-elements .selects .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.uikit-form-elements .selects .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.uikit-form-elements .selects .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.uikit-form-elements .selects .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.uikit-form-elements .selects-for-catalog {
    margin-bottom: 50px
}

.uikit-form-elements .selects-for-catalog .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .selects-for-catalog .select-ui {
    position: relative;
    width: 184px
}

.uikit-form-elements .selects-for-catalog .select-ui.disabled {
    background-color: #6e6f7b
}

.uikit-form-elements .selects-for-catalog .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 184px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 30px 6px 12px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.uikit-form-elements .selects-for-catalog .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.uikit-form-elements .selects-for-catalog .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.uikit-form-elements .selects-for-catalog .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.uikit-form-elements .selects-for-catalog .select-ui .value:hover svg path {
    stroke: #0997ed
}

.uikit-form-elements .selects-for-catalog .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.uikit-form-elements .selects-for-catalog .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.uikit-form-elements .selects-for-catalog .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.uikit-form-elements .selects-for-catalog .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.uikit-form-elements .selects-for-catalog .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.uikit-form-elements .catalog-tile-viwes {
    margin-bottom: 50px
}

.uikit-form-elements .catalog-tile-viwes .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .catalog-tile-viwes .select-ui {
    position: relative;
    width: 184px
}

.uikit-form-elements .catalog-tile-viwes .select-ui.disabled {
    background-color: #6e6f7b
}

.uikit-form-elements .catalog-tile-viwes .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 184px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 30px 6px 12px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.uikit-form-elements .catalog-tile-viwes .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.uikit-form-elements .catalog-tile-viwes .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.uikit-form-elements .catalog-tile-viwes .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.uikit-form-elements .catalog-tile-viwes .select-ui .value:hover svg path {
    stroke: #0997ed
}

.uikit-form-elements .catalog-tile-viwes .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.uikit-form-elements .catalog-tile-viwes .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.uikit-form-elements .catalog-tile-viwes .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.uikit-form-elements .catalog-tile-viwes .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.uikit-form-elements .catalog-tile-viwes .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.uikit-form-elements .paginations {
    margin-bottom: 50px
}

.uikit-form-elements .paginations .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .product-nameplates {
    margin-bottom: 50px
}

.uikit-form-elements .product-nameplates .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .product-nameplates .nameplate {
    margin-bottom: 4px
}

.uikit-form-elements .buttons-svg {
    margin-bottom: 50px
}

.uikit-form-elements .buttons-svg .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .buttons-svg .button-svg {
    margin: 5px
}

.uikit-form-elements .product-tiles {
    margin-bottom: 50px
}

.uikit-form-elements .product-tiles .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .glasses-fiting-tabs {
    margin-bottom: 50px
}

.uikit-form-elements .glasses-fiting-tabs .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .catalog-filters-block .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .specifications-items-wrap .title-block {
    margin-bottom: 20px
}

.uikit-form-elements .glasses-specifications-items .title-block {
    margin-bottom: 20px
}

img,
svg {
    vertical-align: initial
}

.checkbox {
    display: none
}

.checkbox:checked+label {
    border: 2px solid #0997ed;
    background: #f2faff
}

.checkbox:checked+label svg {
    opacity: 1;
    transition: .2s
}

.checkbox:checked+label svg path {
    stroke: #0997ed;
    transition: .2s
}

.checkbox:disabled+label {
    border: 1.5px solid #d6dbe3;
    background: #f0f0f2
}

.checkbox:disabled+label svg {
    opacity: 0
}

.checkbox:disabled+label svg path {
    stroke: #d6dbe3
}

.checkbox:disabled:checked+label {
    border: 1.5px solid #d6dbe3;
    background: #f0f0f2
}

.checkbox:disabled:checked+label svg {
    opacity: 1
}

.checkbox:disabled:checked+label svg path {
    stroke: #d6dbe3
}

.checkbox-label {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border: 1px solid #d6dbe3;
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.checkbox-label svg {
    position: absolute;
    opacity: 0
}

.checkbox-label:hover {
    border: 2px solid #0997ed
}

.f-checkbox input[type=checkbox] {
    display: none
}

.f-checkbox>label {
    display: flex;
    cursor: pointer
}

.f-checkbox>label .f-checkbox-view {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 2px
}

.f-checkbox>label .f-checkbox-view svg {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 0;
    transition: .2s
}

.f-checkbox>label .text {
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    width: 180px;
    line-height: 140%
}

.f-checkbox>label .text svg {
    margin-right: 8px
}

.f-checkbox input[type=checkbox]:checked+label .f-checkbox-view {
    background: #f2faff;
    border: 2px solid #0997ed
}

.f-checkbox input[type=checkbox]:checked+label .f-checkbox-view svg {
    clip-path: unset;
    opacity: 1;
    transition: .2s
}

.f-checkbox input[type=checkbox]:checked+label .text {
    color: #0072dc;
    font-weight: 500
}

.f-checkbox input[type=checkbox]:checked+label .text svg path {
    stroke: #0072dc
}

div.input-wrap {
    display: flex;
    align-items: center;
    position: relative
}

div.input-wrap svg {
    position: absolute
}

div.input-wrap input[type=email],
div.input-wrap input[type=text] {
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px
}

div.input-wrap input[type=email]:active,
div.input-wrap input[type=email]:focus,
div.input-wrap input[type=email]:hover,
div.input-wrap input[type=text]:active,
div.input-wrap input[type=text]:focus,
div.input-wrap input[type=text]:hover {
    border: 1px solid #0997ed;
    transition: .2s
}

div.input-wrap input[type=email]:disabled,
div.input-wrap input[type=text]:disabled {
    border: 1px solid #d6dbe3;
    background: #f0f0f2
}

div.input-wrap label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px
}

div.input-wrap .error-text {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0;
    transform: translateY(-20px);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute;
    background: #ffdfe5;
    border-radius: 4px;
    width: 139px;
    height: 36px;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    right: 0;
    top: -29px;
    transition: .2s
}

div.input-wrap .error-text:after {
    content: "";
    position: absolute;
    bottom: -12px;
    border: 9px solid transparent;
    border-top: 7px solid #ffdfe5
}

div.input-wrap.error input {
    border-color: #ed3254;
    color: #ed3254
}

div.input-wrap.error .error-text {
    transform: translateY(0);
    opacity: 1;
    clip-path: unset;
    z-index: 5;
    transition: .2s
}

.tag-link {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2e3447;
    text-decoration: none;
    padding: 4px 11px;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 16px;
    width: -moz-fit-content;
    width: fit-content
}

.tag-link.active,
.tag-link:hover {
    font-weight: 500;
    background: #f0f0f2;
    border-color: #f0f0f2;
    color: #0072dc;
    transition: .2s
}

.tags2 {
    display: flex;
    margin-left: -6px;
    margin-right: -6px
}

.tags2 .tag2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 12px 5px 12px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.tags2 .tag2:hover {
    color: #0072dc
}

.tags2 .tag2:active {
    border-color: #f0f0f2;
    background-color: #f0f0f2;
    color: #0072dc
}

.tags2 .tag2 .icon {
    position: absolute;
    right: 4px;
    display: none;
    margin-left: 6px
}

.tags2 .tag2.active {
    border-color: #f0f0f2;
    background-color: #f0f0f2;
    color: #0072dc;
    padding-right: 26px
}

.tags2 .tag2.active .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%
}

.tags2 .tag2.active .icon:hover {
    background: #0997ed;
    transition: .2s
}

.tags2 .tag2.active .icon:hover svg path {
    stroke: #fff
}

.tags2 .tag2.active .icon:active {
    background: #0072dc;
    transition: .2s
}

.tags2 .tag2.active .icon:active svg path {
    stroke: #fff
}

.blog-item-w-100 {
    display: flex;
    width: 100%;
    padding-top: 72px;
    padding-bottom: 72px;
    margin-bottom: 72px;
    border-top: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3
}

.blog-item-w-100 .img {
    display: inline-block;
    position: relative;
    width: 560px;
    margin-right: 56px;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;

}

.blog-item-w-100 .img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #121a59;
    opacity: .15;
    border-radius: 4px;
    transition: .2s
}

.blog-item-w-100 .content {
    max-width: 544px
}

.blog-item-w-100 .content .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8d919d;
    margin-bottom: 12px
}

.blog-item-w-100 .content .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    color: #2e3447;
    margin-bottom: 21px;
    width: 416px
}

.blog-item-w-100 .content .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #2e3447;
    margin-bottom: 24px
}

.blog-item-w-100 .content .tags {
    display: flex
}

.blog-item-w-100 .content .tags .tag-link {
    margin-right: 6px
}

.blog-item-w-100:hover .title {
    color: #0072dc;
    transition: .2s
}

.blog-item-w-100:hover .img:after {
    opacity: 0;
    transition: .2s
}


.related-articles {
    background: #f5f5f5;
    padding: 100px
}

.related-articles .pagetitle {
    margin-bottom: 42px
}

.related-articles .related-articles-slider {
    margin-left: -26px;
    margin-right: -26px
}

.related-articles .related-articles-slider .slick-track {
    margin-left: 0
}

.related-articles .related-articles-slider .slick-slide {
    margin-right: 26px;
    margin-left: 26px
}

.related-articles .related-articles-next,
.related-articles .related-articles-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    transition: .2s;
    z-index: 10;
    top: 32%
}

.related-articles .related-articles-next:hover,
.related-articles .related-articles-prev:hover {
    background: #0997ed;
    transition: .2s
}

.related-articles .related-articles-next:hover svg path,
.related-articles .related-articles-prev:hover svg path {
    stroke: #fff
}

.related-articles .related-articles-next:active,
.related-articles .related-articles-prev:active {
    background: #0072dc
}

.related-articles .related-articles-prev {
    left: 0
}

.related-articles .related-articles-prev svg {
    transform: rotate(180deg)
}

.related-articles .related-articles-next {
    right: 0
}

.related-articles .blog-item {
    width: 100%;
    margin-right: 52px;
    color: #2e3447;
    font-weight: 400
}

.related-articles .blog-item .description {
    margin-top: 12px;
    font-size: 16px
}

.related-articles .blog-item .description p {
    margin: 0
}

.related-articles .blog-item .title {
    margin-top: 12px;
    font-weight: 700;
    font-size: 16px
}

.related-articles .blog-item .date {
    margin-top: 12px;
    color: #6e6f7b;
    font-size: 14px
}

.related-articles .blog-item .tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: -6px
}

.related-articles .blog-item .tags .tag-link {
    margin-right: 12px;
    margin-bottom: 6px
}

.related-articles .blog-item .tags .tag-link:last-child {
    margin-right: 0
}

.related-articles .blog-item .img {
    width: 100%;
    background-color: #e0e0e0
}

.related-articles .blog-item .img img {
    width: 100%;
    height: 100%;
    min-height: 270px
}

.accardion {
    border: 1px solid #d6dbe3;
    border-radius: 4px
}

.accardion .accardion-item {
    display: flex;
    padding: 24px 32px 24px 32px;
    border-bottom: 1px solid #d6dbe3
}

.accardion .accardion-item .col:nth-child(1) {
    width: 40px;
    margin-right: 32px;
    padding-top: 4px
}

.accardion .accardion-item .col:nth-child(2) {
    width: 748px;
    margin-right: 40px
}

.accardion .accardion-item .col:nth-child(2) .title {
    font-weight: 700;
    font-size: 18px;
    color: #2e3447;
    margin-bottom: 4px
}

.accardion .accardion-item .col:nth-child(2) .podtitle {
    font-weight: 400;
    font-size: 16px;
    color: #2e3447
}

.accardion .accardion-item .col:nth-child(2) .content {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #d6dbe3;
    font-weight: 400;
    font-size: 16px;
    color: #2e3447;
    opacity: 0;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute;
    transform: translateY(-20px);
    transition: .2s
}

.accardion .accardion-item .col:nth-child(2) .content>div {
    margin-bottom: 12px;
    line-height: 150%
}

.accardion .accardion-item .col:nth-child(2) .content>div:last-child {
    margin-bottom: 0
}

.accardion .accardion-item .col:nth-child(2) .content.active {
    position: relative;
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.accardion .accardion-item .col:nth-child(3) {
    width: 40px;
    padding-top: 3px
}

.accardion .accardion-item .col:nth-child(3) button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #f0f0f2;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    box-sizing: border-box
}

.accardion .accardion-item .col:nth-child(3) button svg {
    transform: rotate(0);
    transition: .2s
}

.accardion .accardion-item .col:nth-child(3) button:hover {
    background: #d6dbe3
}

.accardion .accardion-item .col:nth-child(3) button:hover svg path {
    stroke: #0997ed
}

.accardion .accardion-item .col:nth-child(3) button:active {
    background: #d6dbe3
}

.accardion .accardion-item .col:nth-child(3) button:active svg path {
    stroke: #0997ed
}

.accardion .accardion-item .col:nth-child(3) button.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.accardion .accardion-item .number-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: #89c2e3;
    border-radius: 50%;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-top: 6px
}

.accardion .accardion-item:last-child {
    border-bottom: 0
}

.toltip-text {
    display: flex;
    justify-content: center;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 1px #b2b7cb, 6px 5px 21px rgba(93, 120, 145, .11);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #2e3447;
    padding: 8px 16px;
    width: 147px;
    z-index: 999;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-10px)
}

.toltip-text svg {
    position: absolute;
    bottom: -5px
}

.points-list {
    width: 560px;
    max-height: 460px;
    border: 1px solid #f0f0f2;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: auto
}

.points-list::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #f0f0f2
}

.points-list::-webkit-scrollbar {
    width: 8px
}

.points-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #89c2e3
}

.points-list:hover::-webkit-scrollbar-thumb {
    background: #89c2e3
}

.points-list .point-item {
    display: flex;
    border-bottom: 1px solid #f0f0f2;
    width: 548px
}

.points-list .point-item .left {
    width: 440px;
    padding: 21px 20px 20px 24px;
    margin-right: 12px
}

.points-list .point-item .left .title-wrap {
    display: flex;
    margin-bottom: 4px
}

.points-list .point-item .left .title-wrap .title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2e3447;
    margin-right: 18px
}

.points-list .point-item .left .title-wrap .icons {
    display: flex
}

.points-list .point-item .left .title-wrap .icons .icon {
    display: flex;
    justify-content: center;
    position: relative;
    margin-right: 8px;
    cursor: pointer
}

.points-list .point-item .left .title-wrap .icons .icon:hover .toltip-text {
    clip-path: unset;
    top: -56px;
    transform: translateY(0);
    transition: .2s
}

.points-list .point-item .left .podtitle-wrap {
    display: flex
}

.points-list .point-item .left .podtitle-wrap .icon {
    display: flex;
    align-items: center;
    margin-right: 7px;
    height: 24px
}

.points-list .point-item .left .podtitle-wrap .podtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6e6f7b;
    margin-bottom: 21px
}

.points-list .point-item .left .point-info {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 0;
    position: absolute;
    transform: translateY(-20px)
}

.points-list .point-item .right {
    padding: 26px 0 27px 0
}

.points-list .point-item .right button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #f0f0f2;
    border-radius: 50%;
    border: 0;
    cursor: pointer
}

.points-list .point-item .right button svg {
    transform: rotate(0);
    transition: .2s
}

.points-list .point-item .right button:hover {
    background: #d6dbe3
}

.points-list .point-item .right button:hover svg path {
    stroke: #0997ed
}

.points-list .point-item .right button:active {
    background: #d6dbe3
}

.points-list .point-item .right button:active svg path {
    stroke: #0997ed
}

.points-list .point-item .right button.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.points-list .point-item.active {
    background: #f2faff;
    border: 1px solid #0997ed;
    border-right: 0
}

.points-list .point-item.active button {
    background: #d8f1ff
}

.points-list .point-item.active button svg {
    transition: .2s
}

.points-list .point-item.active button svg path {
    stroke: #0997ed;
    transition: .2s
}

.points-list .point-item.active .point-info {
    clip-path: unset;
    position: unset;
    opacity: 1;
    transform: translateY(0);
    transition: .2s
}

.points-list .point-item.active .point-info .contact-info {
    display: flex
}

.points-list .point-item.active .point-info .contact-info .contacts,
.points-list .point-item.active .point-info .contact-info .time-work {
    margin-right: 20px;
    width: 189px;
    margin-bottom: 21px
}

.points-list .point-item.active .point-info .contact-info .contacts .title-block,
.points-list .point-item.active .point-info .contact-info .time-work .title-block {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #6e6f7b
}

.points-list .point-item.active .point-info .contact-info .contacts .info,
.points-list .point-item.active .point-info .contact-info .time-work .info {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    color: #2e3447
}

.points-list .point-item.active .point-info .contact-info .contacts .info .item-info span,
.points-list .point-item.active .point-info .contact-info .time-work .info .item-info span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2e3447
}

.points-list .point-item.active .point-info .button-group {
    display: flex
}

.points-list .point-item.active .point-info .button-group button:nth-child(1) {
    margin-right: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 222px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.points-list .point-item.active .point-info .button-group button:nth-child(1):not(.basket-btn):visited {
    background: #0072dc
}

.points-list .point-item.active .point-info .button-group button:nth-child(1):hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.points-list .point-item.active .point-info .button-group button:nth-child(1):has(.basket-btn):active {
    background: #0072dc
}

.points-list .point-item.active .point-info .button-group button:nth-child(1):not(.basket-btn):active {
    background: #0072dc
}

.points-list .point-item.active .point-info .button-group button:nth-child(1):disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.points-list .point-item.active .point-info .button-group button:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 222px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.points-list .point-item.active .point-info .button-group button:nth-child(2):visited {
    background: #0072dc;
    border-color: #0072dc
}

.points-list .point-item.active .point-info .button-group button:nth-child(2):hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.points-list .point-item.active .point-info .button-group button:nth-child(2):active {
    background: #0072dc;
    border-color: #0072dc
}

.points-list .point-item.active .point-info .button-group button:nth-child(2):disabled {
    background: #d6dbe3;
    cursor: default
}

.points-list .point-item:first-child .left .title-wrap .icon {
    position: unset
}

.points-list .point-item:first-child .left .title-wrap .icon:hover .toltip-text {
    clip-path: unset;
    position: absolute;
    top: 29px;
    transform: translateY(0);
    transition: .2s
}

.points-list .point-item:last-child {
    border-bottom: 0
}

.tabs {
    display: flex;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.tabs .item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px 16px 6px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2e3447;
    cursor: pointer
}

.tabs .item:hover {
    color: #0072dc;
    transition: .2s
}

.tabs .item.active {
    background: #f2faff;
    color: #0072dc;
    font-weight: 500;
    border-radius: 4px;
    transition: .2s
}

.tabs .item.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    border-radius: 4px;
    border: 1px solid #0997ed
}

.social-nwtwork-tabs {
    display: flex;
    width: 288px;
    height: 48px;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px
}

.social-nwtwork-tabs .item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 50%;
    padding: 12px;
    cursor: pointer;
    font-size: 18px;
    line-height: 150%;
    border-radius: 4px
}

.social-nwtwork-tabs .item svg {
    margin-right: 8px
}

.social-nwtwork-tabs .item svg:last-child {
    display: none
}

.social-nwtwork-tabs .item:hover {
    color: #0072dc;
    font-weight: 500
}

.social-nwtwork-tabs .item:hover svg:first-child {
    display: none
}

.social-nwtwork-tabs .item:hover svg:last-child {
    display: block
}

.social-nwtwork-tabs .item.active {
    background: #f2faff;
    font-weight: 500
}

.social-nwtwork-tabs .item.active svg:first-child {
    display: none
}

.social-nwtwork-tabs .item.active svg:last-child {
    display: block
}

.social-nwtwork-tabs .item.active:after {
    content: "";
    position: absolute;
    height: 46px;
    width: 100%;
    border: 1px solid #0997ed;
    border-radius: 4px
}

.social-nwtwork-tabs .item.active:hover {
    color: #2e3447
}

.order-right-block {
    background: #f5f5f5;
    border-radius: 4px;
    /* width: 232px; */
    padding: 36px 44px 30px 44px
}

.order-right-block>.title-block {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #2e3447;
    margin-bottom: 16px
}

.order-right-block>.order-info {
    margin-bottom: 16px
}

.order-right-block>.order-info>.item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.order-right-block>.order-info>.item>.left {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6e6f7b
}

.order-right-block>.order-info>.item>.right {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447
}

.order-right-block>.order-info>.item:last-child {
    margin-bottom: 0
}

.order-right-block>.total-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.order-right-block>.total-block>.left {
    display: flex;
    align-items: flex-end;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.order-right-block>.total-block>.right {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 33px
}

.order-right-block>.bonus-block {
    display: flex;
    margin-top: -10px;
    margin-bottom: 25px
}

.order-right-block>.bonus-block .icon {
    margin-right: 8px
}

.order-right-block>.bonus-block .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.order-right-block>button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.order-right-block>button:not(.basket-btn):visited {
    background: #0072dc
}

.order-right-block>button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.order-right-block>button:has(.basket-btn):active {
    background: #0072dc
}

.order-right-block>button:not(.basket-btn):active {
    background: #0072dc
}

.order-right-block>button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.order-right-block .dop-info {
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #8d919d
}

.delivery-info-block .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 16px;
    padding-left: 3px
}

.delivery-info-block .item {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.delivery-info-block .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #f5f5f5;
    margin-right: 10px;
    border-radius: 50%
}

.delivery-info-block .item .info .title-info {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    margin-bottom: 6px
}

.delivery-info-block .item .info .podtitle-info {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #6e6f7b
}

.color-items-wrap {
    display: flex;
    flex-wrap: wrap
}

.color-items-wrap .color-item {
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    border: 1px;
    margin: 5px
}

.color-items-wrap .color-item.active:before,
.color-items-wrap .color-item:hover:before {
    content: "";
    left: -1px;
    top: -1px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #fff
}

.color-items-wrap .color-item.active:after,
.color-items-wrap .color-item:hover:after {
    content: "";
    left: -3px;
    top: -3px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.tile-product-item {
    position: relative;
    width: 240px;
    min-height: 376px
}

.tile-product-item .nameplates {
    position: absolute;
    top: 12px;
    left: 12px
}

.tile-product-item .nameplates .nameplate {
    padding: 5px 12px;
    border-radius: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    width: -moz-max-content;
    width: max-content
}

.tile-product-item .nameplates .nameplate.present {
    background: #ffdfe5;
    color: #f46413
}

.tile-product-item .nameplates .nameplate.present-sale {
    background: #e6e9ff;
    color: #4552d0
}

.tile-product-item .nameplates .nameplate.stock {
    background: #ffdfe5;
    color: #ed3254
}

.tile-product-item .nameplates .nameplate:last-child {
    margin-bottom: 0
}

.tile-product-item .favorite {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

.tile-product-item .image {
    margin-bottom: 22px
}

.tile-product-item .button-group {
    display: flex;
    position: absolute;
    width: 100%;
    background: #fff;
    top: 200px;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    transition: .2s
}

.tile-product-item .button-group button:first-child {
    background: #fff;
    border-radius: 4px 0 0 4px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 120px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.tile-product-item .button-group button:first-child:visited {
    background: #0072dc;
    border-color: #0072dc
}

.tile-product-item .button-group button:first-child:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.tile-product-item .button-group button:first-child:active {
    background: #0072dc;
    border-color: #0072dc
}

.tile-product-item .button-group button:first-child:disabled {
    background: #d6dbe3;
    cursor: default
}

.tile-product-item .button-group button:last-child {
    border-radius: 0 4px 4px 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 120px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.tile-product-item .button-group button:last-child:not(.basket-btn):visited {
    background: #0072dc
}

.tile-product-item .button-group button:last-child:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.tile-product-item .button-group button:last-child:has(.basket-btn):active {
    background: #0072dc
}

.tile-product-item .button-group button:last-child:not(.basket-btn):active {
    background: #0072dc
}

.tile-product-item .button-group button:last-child:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.tile-product-item:hover .button-group {
    clip-path: unset;
    opacity: 1;
    transform: translateY(0);
    transition: .2s
}

.tile-product-item .product-item-info {
    padding-left: 24px;
    padding-right: 24px
}

.tile-product-item .product-item-info .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
    line-height: 20px
}

.tile-product-item .product-item-info .podtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
    color: #6e6f7b
}

.tile-product-item .product-item-info .price {
    font-style: normal;
    font-weight: 700;
    font-size: 26px
}

.tile-product-item .product-item-info .bottom-block {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tile-product-item .product-item-info .bottom-block .checkboc-block .checkbox-label {
    width: 20px;
    height: 20px
}

.buy-together .block-title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    color: #2e3447;
    margin-bottom: 42px
}

.buy-together .buy-together-content {
    display: flex
}

.buy-together .buy-together-content>div {
    display: flex;
    width: 1032px;
    margin-right: 48px
}

.buy-together .buy-together-content>div .tile-product-item {
    margin-right: 24px
}

.buy-together .buy-together-content>div:last-child {
    width: 320px
}

.buy-together .buy-together-content>div:last-child .price-block {
    background: #f5f5f5;
    padding: 32px 44px 42px 44px
}

.buy-together .buy-together-content>div:last-child .price-block>.order-info {
    margin-bottom: 16px
}

.buy-together .buy-together-content>div:last-child .price-block>.order-info>.item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.buy-together .buy-together-content>div:last-child .price-block>.order-info>.item>.left {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6e6f7b
}

.buy-together .buy-together-content>div:last-child .price-block>.order-info>.item>.right {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447
}

.buy-together .buy-together-content>div:last-child .price-block>.order-info>.item:last-child {
    margin-bottom: 0
}

.buy-together .buy-together-content>div:last-child .price-block>.total-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.buy-together .buy-together-content>div:last-child .price-block>.total-block>.left {
    display: flex;
    align-items: flex-end;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.buy-together .buy-together-content>div:last-child .price-block>.total-block>.right {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 33px
}

.buy-together .buy-together-content>div:last-child .price-block>.bonus-block {
    display: flex;
    margin-top: -10px;
    margin-bottom: 32px
}

.buy-together .buy-together-content>div:last-child .price-block>.bonus-block .icon {
    margin-right: 8px
}

.buy-together .buy-together-content>div:last-child .price-block>.bonus-block .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.buy-together .buy-together-content>div:last-child .price-block .add-to-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    margin-bottom: 12px
}

.buy-together .buy-together-content>div:last-child .price-block .add-to-cart:not(.basket-btn):visited {
    background: #0072dc
}

.buy-together .buy-together-content>div:last-child .price-block .add-to-cart:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.buy-together .buy-together-content>div:last-child .price-block .add-to-cart:has(.basket-btn):active {
    background: #0072dc
}

.buy-together .buy-together-content>div:last-child .price-block .add-to-cart:not(.basket-btn):active {
    background: #0072dc
}

.buy-together .buy-together-content>div:last-child .price-block .add-to-cart:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.buy-together .buy-together-content>div:last-child .price-block .buy-one-click {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.buy-together .buy-together-content>div:last-child .price-block .buy-one-click:visited {
    background: #0072dc;
    border-color: #0072dc
}

.buy-together .buy-together-content>div:last-child .price-block .buy-one-click:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.buy-together .buy-together-content>div:last-child .price-block .buy-one-click:active {
    background: #0072dc;
    border-color: #0072dc
}

.buy-together .buy-together-content>div:last-child .price-block .buy-one-click:disabled {
    background: #d6dbe3;
    cursor: default
}

.you-watched .title-block-2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 44px
}

.you-watched .you-watched-items {
    display: flex
}

.you-watched .you-watched-items .product-tile {
    margin-right: 50px
}

.you-watched .you-watched-items .product-tile:last-child {
    margin-right: 0
}

.description-block-wrap .container {
    display: flex
}

.description-block-wrap .container .left {
    width: 695px;
    margin-right: 145px
}

.description-block-wrap .container .left .block-title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px
}

.description-block-wrap .container .left .description-content {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6e6f7b;
    margin-bottom: 16px;
    height: 238px;
    overflow: hidden
}

.description-block-wrap .container .left .description-content.active {
    height: auto
}

.description-block-wrap .container .left .description-content.active::after {
    content: unset
}

.description-block-wrap .container .left .description-content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 94.27%);
    bottom: 0
}

.description-block-wrap .container .left .description-content .content-title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447;
    margin-top: 16px;
    margin-bottom: 12px
}

.description-block-wrap .container .left .description-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 18px
}

.description-block-wrap .container .left .description-content ul li {
    display: flex;
    position: relative;
    align-items: flex-start;
    margin-bottom: 10px
}

.description-block-wrap .container .left .description-content ul li:last-child {
    margin-bottom: 0
}

.description-block-wrap .container .left .description-content ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #89c2e3;
    left: -13px;
    margin-top: 10px
}

.description-block-wrap .container .left .open-all-description a {
    display: flex;
    align-items: center
}

.description-block-wrap .container .left .open-all-description a svg {
    margin-left: 4px
}

.description-block-wrap .container .left .open-all-description a:hover svg {
    transition: .2s
}

.description-block-wrap .container .left .open-all-description a:hover svg path {
    fill: #4552d0;
    transition: .2s
}

.description-block-wrap .container .left .open-all-description a.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.description-block-wrap .container .left .open-all-description a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.description-block-wrap .container .left .open-all-description a:hover {
    color: #4552d0;
    transition: .2s
}

.description-block-wrap .container .left .open-all-description a:active {
    color: #4552d0;
    transition: .2s
}

.description-block-wrap .container .right {
    width: 560px
}

.description-block-wrap .container .right .slick-dots {
    position: absolute;
    bottom: 16px
}

.description-block-wrap .container .right .slick-dots li {
    height: 8px;
    width: 8px;
    margin: 0 8px
}

.description-block-wrap .container .right .slick-dots li button {
    height: 8px;
    width: 8px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%
}

.description-block-wrap .container .right .slick-dots li button:before {
    content: unset
}

.description-block-wrap .container .right .slick-dots li.slick-active button {
    background: #fff
}

.bestseller-block .title-block {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 16px
}

.bestseller-block .title-block a {
    margin-left: 24px
}

.bestseller-block .title-block a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.bestseller-block .title-block a:hover {
    color: #4552d0;
    transition: .2s
}

.bestseller-block .title-block a:active {
    color: #4552d0;
    transition: .2s
}

.bestseller-block .tags {
    display: flex;
    margin-bottom: 42px
}

.bestseller-block .tags .tag-link {
    margin-right: 12px
}

.bestseller-block .tags .tag-link:last-child {
    margin-right: 0
}

.tabs-choose {
    display: flex;
    width: 414px;
    height: 44px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px
}

.tabs-choose .left {
    position: relative;
    padding: 11px 30px 11px 41px
}

.tabs-choose .left.active:before {
    content: "";
    position: absolute;
    border: 1px solid #0997ed;
    box-sizing: border-box;
    border-radius: 4px;
    width: 196px;
    height: 44px;
    left: -1px;
    top: -1px
}

.tabs-choose .right {
    position: relative;
    padding: 11px 21px 11px 20px
}

.tabs-choose .right.active:before {
    content: "";
    position: absolute;
    border: 1px solid #0997ed;
    box-sizing: border-box;
    border-radius: 4px;
    right: -2px;
    top: -1px;
    height: 44px;
    width: 220px
}

.tabs-choose .left:hover,
.tabs-choose .right:hover {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #0072dc;
    cursor: pointer
}

.tabs-choose .left.active,
.tabs-choose .right.active {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    background: #f2faff
}

.page404 .container {
    display: flex
}

.page404 .left {
    width: 529px;
    padding-top: 115px;
    padding-bottom: 160px
}

.page404 .left .title {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin-bottom: 16px
}

.page404 .left .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #6e6f7b;
    margin-bottom: 32px
}

.page404 .left .btn {
    display: block;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 234px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    margin-bottom: 56px;
    max-height: 48px;
    box-sizing: border-box
}

.page404 .left .btn:not(.basket-btn):visited {
    background: #0072dc
}

.page404 .left .btn:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.page404 .left .btn:has(.basket-btn):active {
    background: #0072dc
}

.page404 .left .btn:not(.basket-btn):active {
    background: #0072dc
}

.page404 .left .btn:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.page404 .left .categorise-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2e3447;
    margin-bottom: 14px
}

.page404 .left .categorise-links {
    display: flex;
    flex-wrap: wrap
}

.page404 .left .categorise-links a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.page404 .left .categorise-links a:hover {
    color: #4552d0;
    transition: .2s
}

.page404 .left .categorise-links a:active {
    color: #4552d0;
    transition: .2s
}

.page404 .left .categorise-links a {
    display: block;
    margin-bottom: 12px;
    margin-right: 25px
}

.page404 .right {
    width: 871px;
    display: flex;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    font-size: 500px;
    line-height: 92%;
    padding-top: 67px;
    color: #f5f5f5
}

.gift-card-product {
    padding-bottom: 99px
}

.gift-card-product .pagetitle {
    margin-bottom: 16px
}

.gift-card-product .favorites a {
    display: flex;
    align-items: center
}

.gift-card-product .favorites a svg {
    margin-right: 8px
}

.gift-card-product .favorites a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.gift-card-product .favorites a:hover {
    color: #4552d0;
    transition: .2s
}

.gift-card-product .favorites a:active {
    color: #4552d0;
    transition: .2s
}

.gift-card-product .cols {
    display: flex;
    margin-top: 36px
}

.gift-card-product .cols .col:nth-child(1) {
    width: 344px;
    margin-right: 96px
}

.gift-card-product .cols .col:nth-child(1) img {
    width: 100%
}

.gift-card-product .cols .col:nth-child(2) {
    width: 521px;
    margin-right: 119px
}

.gift-card-product .cols .col:nth-child(2) .option-block .count,
.gift-card-product .cols .col:nth-child(2) .option-block .nominal {
    display: flex;
    align-items: center
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal {
    margin-bottom: 24px
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui {
    position: relative;
    width: 120px
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui.disabled {
    background-color: #6e6f7b
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 120px;
    height: 40px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 23px 8px 17px;
    font-weight: 400;
    font-size: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .value:hover svg path {
    stroke: #0997ed
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .count {
    margin-bottom: 36px
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter {
    display: flex;
    height: 40px
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter .minus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-top: 1px solid #d6dbe3;
    border-left: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    border-radius: 4px 0 0 4px;
    cursor: pointer
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter .plus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-top: 1px solid #d6dbe3;
    border-right: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter .minus:hover svg path,
.gift-card-product .cols .col:nth-child(2) .option-block .count .counter .plus:hover svg path {
    stroke: #0997ed;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter .counter-result {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    border-top: 1px solid #d6dbe3;
    border-right: 0;
    border-bottom: 1px solid #d6dbe3;
    border-left: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    box-sizing: border-box;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter .counter-result span {
    margin-right: 5px
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter input {
    width: 48px;
    max-width: 48px;
    padding: 0;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 400
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter input::-webkit-inner-spin-button,
.gift-card-product .cols .col:nth-child(2) .option-block .count .counter input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .counter:hover .counter-result,
.gift-card-product .cols .col:nth-child(2) .option-block .count .counter:hover .minus,
.gift-card-product .cols .col:nth-child(2) .option-block .count .counter:hover .plus {
    border-color: #0997ed;
    transition: .2s
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .present {
    display: flex;
    font-size: 15px;
    line-height: 19px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #ed3254
}

.gift-card-product .cols .col:nth-child(2) .option-block .count .present svg {
    margin-right: 4px
}

.gift-card-product .cols .col:nth-child(2) .option-block .count-title,
.gift-card-product .cols .col:nth-child(2) .option-block .nominal-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #2e3447
}

.gift-card-product .cols .col:nth-child(2) .option-block .nominal-title {
    margin-right: 36px
}

.gift-card-product .cols .col:nth-child(2) .option-block .count-title {
    margin-right: 68px
}

.gift-card-product .cols .col:nth-child(2) .text-block {
    margin-bottom: 36px
}

.gift-card-product .cols .col:nth-child(2) .text-block>.text-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #2e3447;
    margin-bottom: 12px
}

.gift-card-product .cols .col:nth-child(2) .text-block .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    line-height: 1.6
}

.gift-card-product .cols .col:nth-child(2) .text-block .text p {
    margin-top: 0;
    margin-bottom: 10px
}

.gift-card-product .cols .col:nth-child(3) {
    width: 320px
}

.gift-card-product .cols .col:nth-child(3) .price-block {
    padding: 32px 44px 32px 44px;
    margin-bottom: 32px
}

.gift-card-product .cols .col:nth-child(3) .price-block .price {
    margin-bottom: 24px
}

.blog .pagetitle {
    margin-top: 32px;
    margin-bottom: 36px
}

.blog .pagetitle span {
    position: absolute;
    font-weight: 400;
    font-size: 14px;
    color: #8d919d;
    margin-left: 4px;
    margin-top: 1px
}

.blog .blog-wrap {
    display: flex
}

.blog .blog-wrap .mb36 {
    padding-bottom: 36px !important
}

.blog .blog-wrap .tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -6px
}

.blog .blog-wrap .tags .tag-link {
    margin-right: 6px;
    margin-bottom: 6px
}

.blog .blog-wrap .left {
    max-width: 273px;
    margin-right: 23px
}

.blog .blog-wrap .left .title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 166%;
    color: #6e6f7b;
    margin-bottom: 12px
}

.blog .blog-wrap .left .blog-categorise-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.blog .blog-wrap .left .blog-categorise-wrap .tag-link {
    margin-bottom: 12px;
    margin-right: 12px
}

.blog .blog-wrap .right {
    max-width: 1104px
}

.blog .blog-wrap .right .blog-items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
    padding-bottom: 68px
}

.blog .blog-wrap .right .blog-items .blog-item {
    position: relative;
    display: block;
    margin-left: 18px;
    margin-right: 18px;
    width: 344px
}

.blog .blog-wrap .right .blog-items .blog-item .img {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    min-height: 215px;
    max-height: 215px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
}

.blog .blog-wrap .right .blog-items .blog-item .img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #121a59;
    opacity: .15;
    border-radius: 4px;
    transition: .2s
}

.blog .blog-wrap .right .blog-items .blog-item .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b;
    margin-bottom: 12px
}

.blog .blog-wrap .right .blog-items .blog-item .title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: #2e3447;
    margin-bottom: 12px
}

.blog .blog-wrap .right .blog-items .blog-item .description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    margin-bottom: 16px
}

.blog .blog-wrap .right .blog-items .blog-item:hover .title {
    color: #0072dc;
    transition: .2s
}

.blog .blog-wrap .right .blog-items .blog-item:hover .img:after {
    opacity: 0;
    transition: .2s
}

.blog .blog-wrap .right .blog-item .content {
    min-height: 280px
}

.blog .blog-wrap .right .blog-item-w-100 {
    margin-top: 68px
}

.blog .blog-wrap .right .blog-item-w-100 .card {
    display: flex
}

.blog .blog-wrap .right .pagination-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 120px
}

.blog-inner .container-blog-item {
    position: relative;
    max-width: 680px;
    padding-bottom: 40px
}

.blog-inner .container-blog-item .top-info {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 32px
}

.blog-inner .container-blog-item .top-info .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #6e6f7b
}

.blog-inner .container-blog-item .top-info .social-network {
    display: flex
}

.blog-inner .container-blog-item .top-info .social-network div {
    margin-left: 12px
}

.blog-inner .container-blog-item .pagetitle {
    margin-bottom: 42px
}

.blog-inner .container-blog-item .tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 42px;
    margin-bottom: -6px
}

.blog-inner .container-blog-item .tags a {
    margin-bottom: 6px;
    margin-right: 12px
}

.blog-inner .container-blog-item .img {
    margin-bottom: 42px
}

.blog-inner .container-blog-item .img img {
    width: 100%
}

.blog-inner .container-blog-item .important-txt {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #2e3447;
    margin: 0;
    margin-bottom: 16px
}

.blog-inner .container-blog-item .content-txt {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #2e3447;
    margin-top: 8px
}

.blog-inner .container-blog-item .content-txt span {
    background: #d8f1ff
}

.blog-inner .container-blog-item blockquote {
    border-left: 8px solid #89c2e3;
    margin: 0;
    margin-top: 39px;
    margin-bottom: 36px;
    padding-left: 24px
}

.blog-inner .container-blog-item blockquote .title {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 166%;
    color: #2e3447;
    margin-left: 17px
}

.blog-inner .container-blog-item blockquote .podtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 166%;
    margin-left: 34px;
    color: #6e6f7b
}

.blog-inner .container-blog-item .title-h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 166%;
    color: #2e3447;
    margin-top: 42px;
    margin-bottom: 12px
}

.blog-inner .container-blog-item .title-h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 166%;
    color: #2e3447;
    margin-top: 36px;
    margin-bottom: 14px
}

.blog-inner .container-blog-item .title-h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 166%;
    color: #2e3447;
    margin-top: 32px;
    margin-bottom: 16px
}

.blog-inner .container-blog-item .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 190px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    box-sizing: border-box;
    max-width: -moz-max-content;
    max-width: max-content;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 14px
}

.blog-inner .container-blog-item .btn:not(.basket-btn):visited {
    background: #0072dc
}

.blog-inner .container-blog-item .btn:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.blog-inner .container-blog-item .btn:has(.basket-btn):active {
    background: #0072dc
}

.blog-inner .container-blog-item .btn:not(.basket-btn):active {
    background: #0072dc
}

.blog-inner .container-blog-item .btn:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.blog-inner .container-blog-item img {
    float: none
}

.blog-inner .container-blog-item .quote {
    margin-top: 42px;
    margin-bottom: 42px;
    background: #d8f1ff;
    padding: 42px 80px
}

.blog-inner .container-blog-item .quote p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 166%;
    color: #2e3447;
    margin: 0;
    margin-bottom: 16px
}

.blog-inner .container-blog-item .quote p:last-child {
    margin: 0
}

.blog-inner .container-blog-item .img-with-txt {
    margin-top: 42px;
    margin-bottom: 42px
}

.blog-inner .container-blog-item .img-with-txt img {
    width: 100%;
    margin-bottom: 16px
}

.blog-inner .container-blog-item .img-with-txt span {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #6e6f7b
}

.blog-inner .container-blog-item ul {
    margin: 0;
    padding-left: 22px;
    list-style: none;
    margin-bottom: 32px
}

.blog-inner .container-blog-item ul li {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #2e3447;
    margin-bottom: 15px
}

.blog-inner .container-blog-item ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #89c2e3;
    position: absolute;
    margin-left: -16px;
    top: 10px
}

.blog-inner .container-blog-item ol {
    counter-reset: myCounter;
    margin: 0;
    padding: 0;
    margin-top: 32px;
    margin-bottom: 32px
}

.blog-inner .container-blog-item li {
    display: flex;
    list-style: none;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 166%;
    margin-bottom: 15px
}

.blog-inner .container-blog-item li:before {
    display: block;
    counter-increment: myCounter;
    content: counter(myCounter) ". ";
    color: #89c2e3;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 166%;
    font-feature-settings: "tnum" on, "lnum" on;
    width: 18px
}

.blog-inner .table-1 {
    position: relative;
    width: 100%
}

.blog-inner .table-1 thead {
    position: relative
}

.blog-inner .table-1 thead tr th {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 166%;
    color: #2e3447;
    text-align: left;
    padding-bottom: 12px
}

.blog-inner .table-1 thead tr th:first-child {
    width: 239px
}

.blog-inner .table-1 thead:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6dbe3;
    left: 0
}

.blog-inner .table-1 tr td {
    vertical-align: top;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    padding-top: 24px;
    padding-bottom: 32px
}

.blog-inner .table-1 tr td:first-child {
    width: 239px
}

.blog-inner .table-1 tfoot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6dbe3;
    left: 0
}

.blog-inner .mt24 {
    margin-top: 24px
}

.blog-inner .mb24 {
    margin-bottom: 24px
}

.warranty h1.pagetitle {
    margin-bottom: 12px
}

.warranty .longtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 118%;
    color: #2e3447;
    margin-bottom: 32px
}

.warranty .accardion {
    width: 962px;
    margin-bottom: 72px
}

.warranty .how-to-use-it .how-to-use-it-title {
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 700
}

.warranty .how-to-use-it>.podtitle {
    width: 712px;
    margin-bottom: 32px
}

.warranty .how-to-use-it>.podtitle>div {
    margin-bottom: 10px
}

.warranty .how-to-use-it .title-h4 {
    margin-bottom: 32px
}

.warranty .how-to-use-it .accardion {
    margin-bottom: 24px;
    margin-right: 42px
}

.warranty .how-to-use-it .col-wrap {
    display: flex
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 194px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button svg {
    margin-right: 8px
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button:visited {
    background: #0072dc;
    border-color: #0072dc
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button:active {
    background: #0072dc;
    border-color: #0072dc
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button:disabled {
    background: #d6dbe3;
    cursor: default
}

.warranty .how-to-use-it .col-wrap>.col:nth-child(2) button:hover svg path {
    fill: #fff
}

.warranty .how-to-use-it .txt {
    width: 838px;
    margin-bottom: 120px;
    line-height: 150%
}

.delivery h1.pagetitle {
    margin-bottom: 36px
}

.delivery .pagetitle a {
    color: #0072dc;
    text-decoration: none;
    font-size: 36px;
    font-weight: 700;
    transition: .2s
}

.delivery .pagetitle a:hover {
    color: #4552d0;
    transition: .2s
}

.delivery .pagetitle a:active {
    color: #4552d0;
    transition: .2s
}

.delivery .payment-block {
    margin-bottom: 42px
}

.delivery .delivery-block {
    margin-bottom: 120px
}

.delivery .delivery-block .title-block,
.delivery .payment-block .title-block {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #2e3447;
    margin-bottom: 12px
}

.delivery .delivery-block .podtitle-block,
.delivery .payment-block .podtitle-block {
    margin-bottom: 32px
}

.delivery .accardion {
    width: 840px
}

.delivery .payment-block .accardion .content-flex {
    display: flex
}

.delivery .payment-block .accardion .online-payment-type {
    margin-right: 64px
}

.delivery .payment-block .accardion .online-payment-type .o-payment-titel {
    margin-bottom: 8px
}

.delivery .payment-block .accardion .online-payment-type .types {
    display: flex;
    align-items: center
}

.delivery .payment-block .accardion .online-payment-type .types svg {
    margin-right: 6px
}

.delivery .delivery-block .accardion .podtitle {
    display: flex
}

.delivery .delivery-block .accardion .podtitle div:first-child {
    margin-right: 24px
}

.delivery .points-block .pagetitle {
    margin-bottom: 16px
}

.delivery .points-block .tags {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 36px
}

.delivery .points-block .tags .tag-link {
    margin: 6px
}

.delivery .points-block .change-point-block {
    display: flex
}

.delivery .points-block .change-point-block .map {
    width: 748px;
    height: 784px;
    margin-right: 56px
}

.delivery .points-block .change-point-block .change-point {
    position: relative;
    width: 560px
}

.delivery .points-block .change-point-block .change-point .input-wrap {
    margin-bottom: 16px
}

.delivery .points-block .change-point-block .change-point .input-wrap input {
    font-size: 16px;
    height: 48px;
    width: 100%;
    padding: 14px 14px 14px 52px;
    font-style: normal;
    font-weight: 400
}

.delivery .points-block .change-point-block .change-point .input-wrap svg {
    margin-left: 16px
}

.about-company .top-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 32px
}

.about-company .top-block .left {
    width: 604px
}

.about-company .top-block .right {
    font-weight: 400;
    font-size: 18px;
    color: #6e6f7b
}

.about-company .banner-photo {
    margin-bottom: 120px
}

.about-company .banner-photo img {
    width: 100%
}

.about-company .our-differences {
    display: flex;
    margin-bottom: 120px;
    max-height: 664px
}

.about-company .our-differences .left {
    width: 360px;
    margin-right: 120px
}

.about-company .our-differences .left img {
    width: 360px
}

.about-company .our-differences .right .title-block {
    font-weight: 700;
    font-size: 32px;
    color: #2e3447;
    margin-bottom: 24px
}

.about-company .our-differences .right .podtitle-block {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 73px
}

.about-company .our-differences .right .differences {
    display: flex;
    flex-wrap: wrap;
    margin-right: -26px;
    margin-left: -26px
}

.about-company .our-differences .right .differences .differenc-item {
    position: relative;
    background: #f5f5f5;
    border-radius: 4px;
    width: 224px;
    height: 127px;
    padding: 39px 24px 26px 24px;
    margin-right: 26px;
    margin-left: 26px;
    margin-bottom: 71px
}

.about-company .our-differences .right .differences .differenc-item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    top: -26px
}

.about-company .our-differences .right .differences .differenc-item .icon.purple {
    background: #e6e9ff
}

.about-company .our-differences .right .differences .differenc-item .icon.blue {
    background: #d8f1ff
}

.about-company .our-differences .right .differences .differenc-item .icon.red {
    background: #ffdfe5
}

.about-company .our-differences .right .differences .differenc-item .icon.orange {
    background: #ffdddc
}

.about-company .our-differences .right .differences .differenc-item .icon.green {
    background: #c9ffe8
}

.about-company .our-differences .right .differences .differenc-item .title {
    font-weight: 700;
    font-size: 18px;
    color: #2e3447;
    margin-bottom: 16px
}

.about-company .our-differences .right .differences .differenc-item .text {
    font-weight: 400;
    font-size: 16px;
    color: #2e3447
}

.about-company .our-in-social {
    margin-bottom: 110px
}

.about-company .our-in-social .title-h3 {
    margin-bottom: 24px
}

.about-company .our-in-social .social-nwtwork-tabs {
    margin-bottom: 45px
}

.about-company .company-requisites-wrap {
    display: flex
}

.about-company .company-requisites-wrap .company-requisites {
    width: 497px;
    margin-right: 307px
}

.about-company .company-requisites-wrap .company-requisites .title-h3 {
    margin-bottom: 24px
}

.about-company .company-requisites-wrap .company-requisites .podtitle {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px
}

.about-company .company-requisites-wrap .company-requisites .item-requisites {
    margin-bottom: 16px
}

.about-company .company-requisites-wrap .company-requisites .item-requisites .attribute {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px
}

.about-company .company-requisites-wrap .company-requisites .item-requisites .value {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left
}

.about-company .company-requisites-wrap .company-requisites .items-requisites-2 {
    display: flex;
    margin-bottom: 120px
}

.about-company .company-requisites-wrap .company-requisites .items-requisites-2 .item {
    display: flex;
    margin-right: 36px
}

.about-company .company-requisites-wrap .company-requisites .items-requisites-2 .item .attribute {
    font-size: 16px;
    font-weight: 700;
    margin-right: 4px
}

.about-company .company-requisites-wrap .company-requisites .items-requisites-2 .item .value {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left
}

.about-company .company-requisites-wrap .contact-block {
    display: flex;
    flex-direction: column;
    padding-top: 106px
}

.about-company .company-requisites-wrap .contact-block .contact-item {
    margin-bottom: 16px
}

.about-company .company-requisites-wrap .contact-block .contact-item .item-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.about-company .company-requisites-wrap .contact-block .contact-item .item-val {
    font-size: 16px;
    font-weight: 400
}

.about-company .company-requisites-wrap .contact-block .contact-item .item-val>div {
    margin-bottom: 9px
}

.about-company .company-requisites-wrap .contact-block .contact-item .item-val>div:last-child {
    margin-bottom: 0
}

.cabinet .pagetitle {
    margin-bottom: 42px
}

.cabinet .left {
    width: 161px;
    margin-right: 171px
}

.cabinet .left .profile-information {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 24px
}

.cabinet .left .profile-information .avatar {
    margin-bottom: 7px
}

.cabinet .left .profile-information .fio-block {
    margin-bottom: 6px
}

.cabinet .left .profile-information .fio-block .name,
.cabinet .left .profile-information .fio-block .patronymic,
.cabinet .left .profile-information .fio-block .surname {
    font-weight: 700;
    font-size: 18px
}

.cabinet .left .profile-information .bonus-wrap {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px
}

.cabinet .left .profile-information .bonus-wrap .attribute {
    margin-right: 8px
}

.cabinet .left .profile-information .bonus-wrap .value {
    display: flex;
    align-items: center
}

.cabinet .left .profile-information .bonus-wrap .value svg {
    margin-right: 4px
}

.cabinet .left .profile-information .profile-settings {
    margin-bottom: 12px
}

.cabinet .left .profile-information .profile-settings a {
    font-weight: 500;
    font-size: 16px
}

.cabinet .left .cabinet-directories {
    margin-bottom: 42px
}

.cabinet .left .cabinet-directories .item {
    margin-bottom: 24px
}

.cabinet .left .cabinet-directories .item a {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    color: #2e3447
}

.cabinet .left .cabinet-directories .item a:hover {
    color: #0072dc
}

.cabinet .left .cabinet-directories .item a svg {
    margin-right: 16px
}

.cabinet .left .cabinet-directories .item.delivery-address.active a,
.cabinet .left .cabinet-directories .item.delivery-address:hover a,
.cabinet .left .cabinet-directories .item.orders.active a,
.cabinet .left .cabinet-directories .item.orders:hover a {
    color: #0072dc
}

.cabinet .left .cabinet-directories .item.delivery-address.active svg path,
.cabinet .left .cabinet-directories .item.delivery-address:hover svg path,
.cabinet .left .cabinet-directories .item.orders.active svg path,
.cabinet .left .cabinet-directories .item.orders:hover svg path {
    stroke: #0997ed;
    transition: .2s
}

.cabinet .left .cabinet-directories .item.favorites.active a,
.cabinet .left .cabinet-directories .item.favorites:hover a {
    color: #0072dc
}

.cabinet .left .cabinet-directories .item.favorites.active svg path,
.cabinet .left .cabinet-directories .item.favorites:hover svg path {
    fill: #0997ed;
    transition: .2s
}

.cabinet .left .logout {
    margin-bottom: 42px
}

.cabinet .left .logout a {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    color: #2e3447
}

.cabinet .left .logout a:hover {
    color: #0072dc
}

.cabinet .left .logout a:hover svg path {
    stroke: #0997ed
}

.cabinet .left .logout a svg {
    margin-right: 17px
}

.cabinet .cabinet-wrap {
    display: flex
}

.cabinet .cabinet-wrap .right {
    width: 1068px
}

.user-orders-items .item-user-order {
    display: flex;
    background: #f5f5f5;
    border-radius: 4px;
    padding: 24px 0 32px 24px;
    margin-bottom: 32px;
    position: relative
}

.user-orders-items .item-user-order .client-information .item-info {
    display: flex;
    margin-bottom: 10px;
    font-size: 16px
}

.user-orders-items .item-user-order .client-information .item-info div {
    letter-spacing: 0
}

.user-orders-items .item-user-order .client-information .item-info div:nth-child(1) {
    font-weight: 700;
    margin-right: 4px
}

.user-orders-items .item-user-order .client-information .item-info div:nth-child(2) {
    font-weight: 400
}

.user-orders-items .item-user-order .client-information .item-info:last-child {
    margin-bottom: 0
}

.user-orders-items .item-user-order .col:nth-child(1) {
    width: 459px;
    padding-top: 8px
}

.user-orders-items .item-user-order .col:nth-child(1) .order-title {
    display: flex
}

.user-orders-items .item-user-order .col:nth-child(1) .order-title div:nth-child(1) {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 24px;
    margin-right: 4px
}

.user-orders-items .item-user-order .col:nth-child(1) .order-title div:nth-child(2) {
    font-weight: 400;
    font-size: 14px;
    padding-top: 2px;
    color: #6e6f7b
}

.user-orders-items .item-user-order .col:nth-child(2) {
    width: 279px;
    padding-top: 10px
}

.user-orders-items .item-user-order .col:nth-child(2) .order-status {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 24px
}

.user-orders-items .item-user-order .col:nth-child(3) {
    width: 348px;
    overflow: hidden
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap {
    display: flex;
    justify-content: flex-end;
    padding-right: 24px;
    margin-bottom: 21px
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap .sale-order-list-repeat-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 139px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap .sale-order-list-repeat-link:not(.basket-btn):visited {
    background: #0072dc
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap .sale-order-list-repeat-link:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap .sale-order-list-repeat-link:has(.basket-btn):active {
    background: #0072dc
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap .sale-order-list-repeat-link:not(.basket-btn):active {
    background: #0072dc
}

.user-orders-items .item-user-order .col:nth-child(3) .repeat-order-wrap .sale-order-list-repeat-link:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.user-orders-items .item-user-order .col:nth-child(3) .cabinet-orders-products-slider {
    display: flex;
    right: -11px
}

.user-orders-items .item-user-order .col:nth-child(3) .cabinet-orders-products-slider .product {
    position: relative;
    width: 86px;
    height: 86px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    cursor: pointer
}

.user-orders-items .item-user-order .col:nth-child(3) .cabinet-orders-products-slider .product__img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.user-orders-items .item-user-order .col:nth-child(3) .cabinet-orders-products-slider .product:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(214, 219, 227, .68);
    border-radius: 4px;
    opacity: 0;
    transition: .2s
}

.user-orders-items .item-user-order .col:nth-child(3) .cabinet-orders-products-slider .product:hover:after {
    opacity: 1;
    transition: .2s
}

.user-orders-items .item-user-order .order-product-arrows .order-product-next {
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .2s;
    z-index: 10;
    bottom: 25%;
    top: 126px;
    right: -22px
}

.user-orders-items .item-user-order .order-product-arrows .order-product-next:hover {
    background: #0997ed;
    transition: .2s
}

.user-orders-items .item-user-order .order-product-arrows .order-product-next:hover svg path {
    stroke: #fff
}

.user-orders-items .item-user-order .order-product-arrows .order-product-next:active {
    background: #0072dc
}

.user-orders-items .item-user-order .order-product-arrows .order-product-prev {
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .2s;
    transform: rotate(180deg);
    z-index: 10;
    top: 105px;
    position: absolute;
    left: 726px
}

.user-orders-items .item-user-order .order-product-arrows .order-product-prev:hover {
    background: #0997ed;
    transition: .2s
}

.user-orders-items .item-user-order .order-product-arrows .order-product-prev:hover svg path {
    stroke: #fff
}

.user-orders-items .item-user-order .order-product-arrows .order-product-prev:active {
    background: #0072dc
}

.user-orders-items .item:last-child {
    margin-bottom: 0
}

.user-orders-items .pay-btn {
    margin-bottom: 24px;
    margin-right: 21px;
    max-width: -moz-max-content;
    max-width: max-content;
    height: 40px;
    font-weight: 700;
    font-size: 13px;
    min-width: 140px
}

.user-orders-items>.empty {
    margin-top: -10px
}

.user-profile-information-item {
    display: flex;
    align-items: center;
    padding: 10px 24px 10px 24px;
    background: #f5f5f5;
    border-radius: 4px
}

.user-profile-information-item .col-1 {
    font-weight: 700;
    font-size: 18px;
    width: 308px
}

.user-profile-information-item .col-2 {
    font-weight: 400;
    width: 250px
}

.user-profile-information-item .col-3 {
    font-weight: 400;
    width: 321px
}

.user-profile-information-item .col-4 {
    display: flex;
    align-items: center;
    font-weight: 400
}

.user-profile-information-item .col-4 button {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.user-profile-information-item .col-4 button:hover {
    background: #0997ed;
    transition: .2s
}

.user-profile-information-item .col-4 button:hover svg path {
    fill: #fff
}

.user-profile-information-item .col-4 button:active {
    background: #0072dc;
    transition: .2s
}

.user-addresses-information-items button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 134px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.user-addresses-information-items button:visited {
    background: #0072dc;
    border-color: #0072dc
}

.user-addresses-information-items button:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.user-addresses-information-items button:active {
    background: #0072dc;
    border-color: #0072dc
}

.user-addresses-information-items button:disabled {
    background: #d6dbe3;
    cursor: default
}

.user-addresses-information-items .user-addresses-information-item {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
    padding: 10px 24px 10px 24px;
    margin-top: 16px
}

.user-addresses-information-items .user-addresses-information-item:first-child {
    margin-top: 0
}

.user-addresses-information-items .user-addresses-information-item .col-1 {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    margin-right: 138px;
    width: 66px
}

.user-addresses-information-items .user-addresses-information-item .col-1 button {
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-1 button:hover {
    background: #0997ed;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-1 button:hover svg path {
    fill: #fff
}

.user-addresses-information-items .user-addresses-information-item .col-1 button:active {
    background: #0072dc;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-2 {
    font-weight: 400;
    margin-right: 221px
}

.user-addresses-information-items .user-addresses-information-item .col-3 {
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-right: 42px
}

.user-addresses-information-items .user-addresses-information-item .col-3 button {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-3 button:hover {
    background: #0997ed;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-3 button:hover svg path {
    fill: #fff
}

.user-addresses-information-items .user-addresses-information-item .col-3 button:active {
    background: #0072dc;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-4 {
    display: flex;
    align-items: center;
    font-weight: 400
}

.user-addresses-information-items .user-addresses-information-item .col-4 button {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-4 button:hover {
    background: #0997ed;
    transition: .2s
}

.user-addresses-information-items .user-addresses-information-item .col-4 button:hover svg path {
    stroke: #fff
}

.user-addresses-information-items .user-addresses-information-item .col-4 button:active {
    background: #0072dc;
    transition: .2s
}

.filter-options {
    display: flex;
    margin-bottom: 32px
}

.filter-options .select-ui {
    position: relative;
    width: 142px
}

.filter-options .select-ui.disabled {
    background-color: #6e6f7b
}

.filter-options .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 142px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 23px 8px 17px;
    font-weight: 400;
    font-size: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.filter-options .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.filter-options .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.filter-options .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.filter-options .select-ui .value:hover svg path {
    stroke: #0997ed
}

.filter-options .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.filter-options .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.filter-options .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.filter-options .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.filter-options .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.filter-options .select-ui {
    margin-right: 29px
}

.filter-options .select-ui-orders {
    width: -moz-max-content;
    width: max-content
}

.filter-options .select-ui-orders #selectedVal {
    margin-right: 10px
}

.cabinet {
    margin-bottom: 120px
}

.cabinet .pagetitle {
    margin-bottom: 42px
}

.cabinet .right .title-block {
    width: 107px;
    position: relative;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 12px
}

.cabinet .right .title-block div {
    position: absolute;
    top: 0;
    right: -204px;
    font-weight: 400;
    font-size: 14px;
    width: 200px;
    color: #8d919d
}

.cabinet .right .tags {
    margin-bottom: 32px
}

.cabinet .right .user-orders-items {
    margin-bottom: 120px
}

.cabinet .right .you-watched {
    margin-bottom: 120px
}

.cabinet.orders-empty .right .title-block {
    margin-bottom: 32px
}

.cabinet.orders-empty .right .empty-orders-message .text {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 16px
}

.cabinet.orders-empty .right .empty-orders-message .categorise-links {
    width: 500px;
    display: flex;
    flex-wrap: wrap
}

.cabinet.orders-empty .right .empty-orders-message .categorise-links a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.cabinet.orders-empty .right .empty-orders-message .categorise-links a:hover {
    color: #4552d0;
    transition: .2s
}

.cabinet.orders-empty .right .empty-orders-message .categorise-links a:active {
    color: #4552d0;
    transition: .2s
}

.cabinet.orders-empty .right .empty-orders-message .categorise-links a {
    display: block;
    margin-bottom: 8px;
    margin-right: 24px
}

.cabinet-orders-products .cabinet-wrap .right .title-block {
    width: 107px;
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 118%;
    margin-bottom: 12px
}

.cabinet-orders-products .cabinet-wrap .right .title-block div {
    position: absolute;
    top: 0;
    right: -204px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    width: 200px;
    color: #8d919d
}

.cabinet-orders-products .cabinet-wrap .right .tags {
    margin-bottom: 32px
}

.cabinet-orders-products .cabinet-wrap .right .filter-options {
    display: flex;
    margin-bottom: 32px
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui {
    position: relative;
    width: 142px
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui.disabled {
    background-color: #6e6f7b
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 142px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 23px 8px 17px;
    font-weight: 400;
    font-size: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .value:hover svg path {
    stroke: #0997ed
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .filter-options .select-ui {
    margin-right: 29px
}

.cabinet-orders-products .cabinet-wrap .right .orders {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 120px;
    margin-left: -18px;
    margin-right: -18px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item {
    margin-left: 18px;
    margin-right: 18px;
    position: relative;
    width: 240px;
    min-height: 320px;
    cursor: pointer
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .img img {
    margin-bottom: 14px;
    width: 100%
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .price {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #2e3447;
    margin-bottom: 10px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .date {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    opacity: .8
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info {
    position: absolute;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    border-radius: 4px;
    top: 0;
    opacity: 0;
    transform: translateY(10px);
    padding: 24px 8px 15px 20px;
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .title-block {
    display: block;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #0072dc;
    margin-bottom: 8px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .podtitle-block {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
    color: #6e6f7b
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .product-options .title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    margin-bottom: 12px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .product-options .optin-item {
    display: flex;
    margin-bottom: 8px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .product-options .optin-item .option-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .product-options .optin-item .option-value {
    margin-left: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .product-options .optin-item:last-child {
    margin-bottom: 45px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .discleymer {
    display: flex;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #ed3254
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item .product-info .discleymer svg {
    margin-right: 5px
}

.cabinet-orders-products .cabinet-wrap .right .orders .order-product-item:hover .product-info {
    clip-path: unset;
    opacity: 1;
    transform: translateY(0);
    transition: .2s
}

.cabinet-orders-products .cabinet-wrap .right .you-watched {
    margin-bottom: 120px
}

.cabinet-delivery-address .right .title-block {
    position: relative;
    width: 248px;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 32px
}

.cabinet-delivery-address .right .title-block div {
    position: absolute;
    top: 0;
    right: -204px;
    font-weight: 400;
    font-size: 14px;
    width: 200px;
    color: #8d919d
}

.cabinet-delivery-address .right .add-address-wrap {
    margin-bottom: 24px
}

.cabinet-delivery-address .right .add-address-wrap button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 134px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.cabinet-delivery-address .right .add-address-wrap button:visited {
    background: #0072dc;
    border-color: #0072dc
}

.cabinet-delivery-address .right .add-address-wrap button:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.cabinet-delivery-address .right .add-address-wrap button:active {
    background: #0072dc;
    border-color: #0072dc
}

.cabinet-delivery-address .right .add-address-wrap button:disabled {
    background: #d6dbe3;
    cursor: default
}

.cabinet-delivery-address .right .address-items .item {
    background: #f5f5f5;
    border-radius: 0 0 4px 4px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 24px
}

.cabinet-delivery-address .right .address-items .item .top {
    display: flex;
    padding: 10px 24px 10px 24px
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(1) {
    display: flex;
    align-items: center;
    width: 205px
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(1) .item-name {
    font-weight: 700;
    font-size: 18px;
    margin-right: 8px
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(1) button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(1) button:hover {
    background: #0997ed;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(1) button:hover svg path {
    fill: #fff
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(1) button:active {
    background: #0072dc;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(2) {
    display: flex;
    align-items: center;
    width: 486px
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) {
    display: flex
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit {
    margin-right: 42px
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-delete,
.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-delete button,
.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit button {
    margin-right: 8px
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit button:hover {
    background: #0997ed;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit button:hover svg path {
    fill: #fff
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit button:active {
    background: #0072dc;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit.disabled {
    cursor: default;
    opacity: .6
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-edit.disabled button.icon {
    cursor: default
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-delete button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-delete button:hover {
    background: #0997ed;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-delete button:hover svg path {
    stroke: #fff
}

.cabinet-delivery-address .right .address-items .item .top .col:nth-child(3) .item-delete button:active {
    background: #0072dc;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .bottom {
    display: none;
    border-top: 1px solid #d6dbe3;
    padding: 24px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap {
    display: flex;
    margin-bottom: 24px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col {
    margin-right: 16px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input::-webkit-input-placeholder,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input::-ms-input-placeholder,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input::-moz-placeholder,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input:-moz-placeholder,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input:active,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input:focus,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input:hover {
    border-color: #0997ed
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.phone input:active,
.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password>div input {
    width: 100%
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password>div svg.svg-not-see {
    display: block
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password>div svg.svg-see {
    display: none
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui .error-block {
    display: none;
    color: #ed3254
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.cabinet-delivery-address .right .address-items .item .bottom .inputs-wrap .col .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap {
    display: flex
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui.grey>label>.switch-checkbox {
    background: #d6dbe3
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>input {
    display: none
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>label>.switch-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 15px;
    background: #f0f0f2
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>label>.switch-checkbox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    box-shadow: 0 1px 7px rgba(44, 39, 56, .17)
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 12px
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>input:checked+label>.switch-checkbox {
    background: #0997ed
}

.cabinet-delivery-address .right .address-items .item .bottom .domofon-check-wrap .switch-checkbox-ui>input:checked+label>.switch-checkbox:before {
    left: unset;
    right: 3px;
    transition: .2s
}

.cabinet-delivery-address .right .address-items .item .bottom.active {
    display: block
}

.cabinet-delivery-address .right .address-items .item:last-child {
    margin-bottom: 120px
}

.order .payment-item {
    display: flex;
    cursor: pointer;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    width: 296px;
    height: 99px;
    padding: 24px 24px 23px 24px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.order .payment-item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    margin-right: 16px;
    border-radius: 12px
}

.order .payment-item .title-block .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 3px
}

.order .payment-item .title-block .podtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.order .payment-item.online-payment {
    margin-right: 16px
}

.order .payment-item.online-payment .icon {
    background: #c9ffe8
}

.order .payment-item.online-payment.active,
.order .payment-item.online-payment:hover {
    background-color: #effff8;
    border-color: #00ad9c;
    transition: .2s
}

.order .payment-item.cash-payment .icon {
    background: #d8f1ff
}

.order .payment-item.cash-payment.active,
.order .payment-item.cash-payment:hover {
    background-color: #f2faff;
    border-color: #0997ed;
    transition: .2s
}

.order .order-form {
    display: flex;
    justify-content: space-between
}

.order .order-form .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.order .order-form .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.order .order-form .input-ui input::-webkit-input-placeholder,
.order .order-form .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.order .order-form .input-ui input::-ms-input-placeholder,
.order .order-form .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.order .order-form .input-ui input::-moz-placeholder,
.order .order-form .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.order .order-form .input-ui input:-moz-placeholder,
.order .order-form .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.order .order-form .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.order .order-form .input-ui input:active,
.order .order-form .input-ui input:focus,
.order .order-form .input-ui input:hover {
    border-color: #0997ed
}

.order .order-form .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.order .order-form .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.order .order-form .input-ui.phone input:active,
.order .order-form .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.order .order-form .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.order .order-form .input-ui.password>div input {
    width: 100%
}

.order .order-form .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.order .order-form .input-ui.password>div svg.svg-not-see {
    display: block
}

.order .order-form .input-ui.password>div svg.svg-see {
    display: none
}

.order .order-form .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.order .order-form .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.order .order-form .input-ui .error-block {
    display: none;
    color: #ed3254
}

.order .order-form .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.order .order-form .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.order .order-form .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.order .choose-city-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px
}

.order .auth-action-block {
    display: flex;
    max-width: 752px;
    justify-content: space-between;
    align-items: center;
    background: #f5f5f5;
    border-radius: 4px;
    padding: 14px;
    margin-bottom: 24px;
    box-sizing: border-box
}

.order .auth-action-block .left {
    font-weight: 400;
    font-size: 16px;
    color: #2e3447
}

.order .auth-action-block .right {
    display: flex;
    align-items: center
}

.order__recipient {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 752px;
    margin-bottom: 72px
}

.order__recipient .input-ui:nth-child(4) {
    width: 100%;
    max-width: 496px
}

.order__recipient .input-ui:first-child {
    margin-bottom: 24px
}

.order__payments {
    margin-bottom: 72px
}

.order__confirmation .confirmation-items {
    display: flex;
    margin-bottom: 21px
}

.order__confirmation .confirmation-items>.radio-button-ui {
    margin-right: 29px
}

.order__confirmation .confirmation-items .radio-button-ui>input {
    display: none
}

.order__confirmation .confirmation-items .radio-button-ui>input:checked+label .radio {
    border: 2px solid #0997ed;
    padding: 0
}

.order__confirmation .confirmation-items .radio-button-ui>input:checked+label .radio:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0997ed
}

.order__confirmation .confirmation-items .radio-button-ui>input:disabled:checked+label .radio {
    border-color: #d6dbe3
}

.order__confirmation .confirmation-items .radio-button-ui>input:disabled:checked+label .radio:before {
    background: #d6dbe3
}

.order__confirmation .confirmation-items .radio-button-ui>input:disabled+label .radio {
    background: #f0f0f2
}

.order__confirmation .confirmation-items .radio-button-ui>input:disabled+label:hover .radio {
    border-color: #d6dbe3 !important
}

.order__confirmation .confirmation-items .radio-button-ui label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.order__confirmation .confirmation-items .radio-button-ui label .radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #d6dbe3;
    padding: 1px
}

.order__confirmation .confirmation-items .radio-button-ui label:hover>.radio {
    border-color: #0997ed
}

.order__confirmation .confirmation-items .radio-button-ui label .text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px
}

.order__settings {
    width: 100%;
    max-width: 920px
}

.order__comment {
    margin-bottom: 72px
}

.order__comment textarea {
    width: 100%;
    max-width: 758px;
    height: 122px;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 16px 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2e3447;
    resize: none
}

.order__adress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 752px
}

.order__adress .input-ui:nth-child(2),
.order__adress .input-ui:nth-child(3) {
    width: 100%;
    max-width: 496px
}

.order__adress .input-ui:nth-child(4),
.order__adress .input-ui:nth-child(5) {
    max-width: 112px
}

.order__adress .input-ui:first-child {
    margin-bottom: 24px
}

.order__delivery {
    margin-bottom: 72px
}

.order__delivery h4 {
    margin-bottom: 24px;
    font-size: 18px
}

.order__delivery #pick-up {
    display: none
}

.order .title-step-block {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.order .title-step-block .number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #89c2e3;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-right: 16px
}

.order .title-step-block h3 {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #2e3447
}

.order .price-block {
    position: relative
}

.order .price-block__wrap {
    position: sticky;
    top: 50px;
    background: #f5f5f5;
    border-radius: 4px;
    width: 232px;
    padding: 36px 44px 30px 44px
}

.order .price-block .order-info {
    margin-bottom: 16px
}

.order .price-block .blue-btn {
    font-weight: 700
}

.order .price-block .item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.order .price-block .item .left {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6e6f7b
}

.order .price-block .item .right {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447
}

.order .price-block .total-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.order .price-block .total-block .left {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.order .price-block .total-block .right {
    font-weight: 700;
    font-size: 26px;
    line-height: 33px
}

.order__privicy {
    margin-bottom: 120px
}

.order__privicy .checkbox-ui>input {
    display: none
}

.order__privicy .checkbox-ui>input:checked+label>.checkbox {
    border: 2px solid #0997ed;
    background: #f2faff;
    width: 16px;
    height: 16px
}

.order__privicy .checkbox-ui>input:checked+label>.checkbox>svg {
    display: block
}

.order__privicy .checkbox-ui>input:disabled+label .checkbox {
    background: #f0f0f2;
    border: 2px solid #d6dbe3;
    width: 16px;
    height: 16px
}

.order__privicy .checkbox-ui>input:disabled+label .checkbox svg path {
    stroke: #d6dbe3
}

.order__privicy .checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.order__privicy .checkbox-ui>label>.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px
}

.order__privicy .checkbox-ui>label>.checkbox>svg {
    display: none
}

.order__privicy .checkbox-ui>label>.icon {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.order__privicy .checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px;
    color: #2e3447
}

.order__privicy .checkbox-ui>label:hover>.checkbox {
    border: 2px solid #0997ed;
    width: 16px !important;
    height: 16px !important
}

.order__location {
    margin-bottom: 72px
}

.order__location label {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px
}

.order__location .choose-city-btn {
    display: flex;
    align-items: center;
    text-align: left;
    width: 240px;
    height: 48px;
    background: 0 0;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    color: #2e3447;
    padding: 14px 16px;
    cursor: pointer;
    font-size: 16px
}

.order .checked-point-info {
    display: none;
    width: 100%;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 24px;
    background: #fff
}

.order .checked-point-info .wrap {
    display: flex;
    justify-content: space-between
}

.order .checked-point-info .left .address {
    max-width: 90%;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 7px
}

.order .checked-point-info .left .company {
    display: flex;
    margin-bottom: 16px
}

.order .checked-point-info .left .company .company-logo {
    margin-right: 7px
}

.order .checked-point-info .left .company .company-name {
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b
}

.order .checked-point-info .left .work-time-wrap .block-title {
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b;
    margin-bottom: 4px
}

.order .checked-point-info .left .work-time-wrap .items .item {
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 16px
}

.order .checked-point-info .left .work-time-wrap .items .item span {
    font-weight: 500
}

.order .checked-point-info .right .button-wrap {
    display: flex
}

.order .checked-point-info .right .button-wrap button:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    width: 160px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s;
    margin-right: 16px
}

.order .checked-point-info .right .button-wrap button:first-child:visited {
    background: #0072dc;
    border-color: #0072dc
}

.order .checked-point-info .right .button-wrap button:first-child:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.order .checked-point-info .right .button-wrap button:first-child:active {
    background: #0072dc;
    border-color: #0072dc
}

.order .checked-point-info .right .button-wrap button:first-child:disabled {
    background: #d6dbe3;
    cursor: default
}

.order .checked-point-info .right .button-wrap button:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    min-width: 160px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.order .checked-point-info .right .button-wrap button:last-child:not(.basket-btn):visited {
    background: #0072dc
}

.order .checked-point-info .right .button-wrap button:last-child:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.order .checked-point-info .right .button-wrap button:last-child:has(.basket-btn):active {
    background: #0072dc
}

.order .checked-point-info .right .button-wrap button:last-child:not(.basket-btn):active {
    background: #0072dc
}

.order .checked-point-info .right .button-wrap button:last-child:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.order .point-popup {
    max-width: 270px;
    top: 25%;
    left: 25%
}

.order .point-popup .point-popup-info {
    position: relative
}

.order .point-popup .point-popup-info .map-information-bg {
    position: absolute;
    z-index: 1
}

.order .point-popup .point-popup-info .point-popup-info-content {
    padding: 10px 10px
}

.order .point-popup .point-popup-info .point-popup-info-content .address {
    font-weight: 500;
    font-size: 16px;
    color: #232323;
    margin-bottom: 7px
}

.order .point-popup .point-popup-info .point-popup-info-content .point-company {
    display: flex;
    margin-bottom: 16px
}

.order .point-popup .point-popup-info .point-popup-info-content .point-company .icon {
    margin-right: 7px
}

.order .point-popup .point-popup-info .point-popup-info-content .point-company .company-name {
    font-size: 14px;
    color: #6e6f7b
}

.order .point-popup .point-popup-info .point-popup-info-content .work-time-wrap .block-title {
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b;
    margin-bottom: 4px
}

.order .point-popup .point-popup-info .point-popup-info-content .work-time-wrap .items {
    margin-bottom: 16px
}

.order .point-popup .point-popup-info .point-popup-info-content .work-time-wrap .items .item {
    font-weight: 400;
    font-size: 16px
}

.order .point-popup .point-popup-info .point-popup-info-content .work-time-wrap .items .item span {
    font-weight: 500;
    size: 16px
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap {
    display: flex
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    width: 144px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s;
    width: 100%
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:first-child:visited {
    background: #0072dc;
    border-color: #0072dc
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:first-child:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:first-child:active {
    background: #0072dc;
    border-color: #0072dc
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:first-child:disabled {
    background: #d6dbe3;
    cursor: default
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    min-width: 144px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:last-child:not(.basket-btn):visited {
    background: #0072dc
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:last-child:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:last-child:has(.basket-btn):active {
    background: #0072dc
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:last-child:not(.basket-btn):active {
    background: #0072dc
}

.order .point-popup .point-popup-info .point-popup-info-content .buttons-wrap button:last-child:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.order-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 28px
}

.order-tabs__item {
    width: 100%;
    max-width: 296px;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    max-height: 152px;
    margin-right: 16px;
    padding: 24px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.order-tabs__item:hover {
    transition: .2s
}

.order-tabs__item .top {
    display: flex;
    align-items: flex-start
}

.order-tabs__item .top>.icon {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    align-items: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    margin-right: 16px
}

.order-tabs__item .top>.title-block {
    display: flex;
    flex-direction: column
}

.order-tabs__item .top>.title-block>.title {
    font-weight: 700;
    font-size: 18px;
    color: #2e3447;
    margin-bottom: 3px
}

.order-tabs__item .top>.title-block>.podtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.order-tabs__item .price-information {
    display: flex
}

.order-tabs__item .price-information>.icon {
    margin-right: 12px
}

.order-tabs__item .price-information>.text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.order-tabs__item.courier-item.active,
.order-tabs__item.courier-item:hover {
    background: #effff8;
    border: 1px solid #00ad9c
}

.order-tabs__item.courier-item .top>.icon {
    background: #c9ffe8
}

.order-tabs__item.local-pick-up-item.active,
.order-tabs__item.local-pick-up-item:hover,
.order-tabs__item.local-pick-up.active,
.order-tabs__item.local-pick-up:hover {
    background: #f2faff;
    border: 1px solid #0997ed
}

.order-tabs__item.local-pick-up-item>.top>.icon,
.order-tabs__item.local-pick-up>.top>.icon {
    background: #d8f1ff
}

.order-tabs__item.local-pick-up-item>.price-information>.icon,
.order-tabs__item.local-pick-up>.price-information>.icon {
    margin-right: 4px
}

.order-tabs__item.boxberry.active,
.order-tabs__item.boxberry:hover {
    background: #f2faff;
    border: 1px solid #ed1651
}

.order-tabs__item.boxberry>.top>.icon {
    background: #d8f1ff
}

.order-tabs__item.boxberry>.price-information>.icon {
    margin-right: 4px
}

.order-tabs__item.sdek.active,
.order-tabs__item.sdek:hover {
    background: #f2faff;
    border: 1px solid #1ab248
}

.order-tabs__item.sdek>.top>.icon {
    background: #d8f1ff
}

.order-tabs__item.sdek>.price-information>.icon {
    margin-right: 4px
}

.order-tabs__item.post.active,
.order-tabs__item.post:hover {
    background: rgba(230, 233, 255, .4);
    border: 1px solid #4552d0
}

.order-tabs__item.post .top {
    margin-bottom: 11px
}

.order-tabs__item.post .top>.icon {
    background: #e6e9ff
}

.order-tabs__item.online-payment {
    margin-right: 16px
}

.order-tabs__item.online-payment .icon {
    background: #c9ffe8
}

.order-tabs__item.online-payment.active,
.order-tabs__item.online-payment:hover {
    background-color: #effff8;
    border-color: #00ad9c;
    transition: .2s
}

.order-tabs__item.cash-payment .icon {
    background: #d8f1ff
}

.order-tabs__item.cash-payment.active,
.order-tabs__item.cash-payment:hover {
    background-color: #f2faff;
    border-color: #0997ed;
    transition: .2s
}

.order-tabs__item:last-child {
    margin-right: 0
}

.order-tabs__item input[type=radio] {
    display: none
}

.order-tabs__item.small-tab {
    padding: 12px 16px
}

.order-tabs__item.small-tab .top img {
    width: 24px;
    height: 24px
}

.order-tabs__item.small-tab .top .title {
    margin-left: 8px;
    font-weight: 400;
    font-size: 18px;
    color: #2e3447
}

.order-tabs__item.small-tab.active .title {
    font-weight: 500
}

.order-tabs.inline-tabs .order-tabs__item {
    max-width: -moz-max-content;
    max-width: max-content;
    margin-right: 12px
}

.order-map {
    max-width: 920px
}

.order-map.loading {
    min-height: 500px;
    background-color: #f5f5f5
}

.cart .pagetitle {
    margin-bottom: 36px
}

.cart .cart-wrap {
    display: flex;
    margin-bottom: 125px
}

.cart .cart-wrap>.left {
    width: 100%;
    margin-right: 40px
}

.cart .cart-wrap>.left .products-wrap .product-item {
    display: flex;
    padding-bottom: 51px;
    border-bottom: 1px solid #f0f0f2;
    padding: 28px 40px 44px 0
}

.cart .cart-wrap>.left .products-wrap .product-item:last-child {
    border-bottom: 0
}

.cart .cart-wrap>.left .products-wrap .product-item .col {
    flex: auto
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(1) {
    position: relative;
    width: 212px;
    margin-right: 28px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(1) .favorites-btn {
    position: absolute;
    top: -12px;
    right: 0
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(1) img {
    max-width: 200px;
    max-height: 125px;
    -o-object-fit: contain;
    object-fit: contain
}

.cart .cart-wrap>.left .products-wrap .product-item .categorise-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #6e6f7b;
    margin-bottom: 8px
}

.cart .cart-wrap>.left .products-wrap .product-item .product-name {
    margin-bottom: 12px;
    font-weight: 700
}

.cart .cart-wrap>.left .products-wrap .product-item .product-name a {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%
}

.cart .cart-wrap>.left .products-wrap .product-item .options {
    font-size: 16px
}

.cart .cart-wrap>.left .products-wrap .product-item .options .option {
    width: 50%;
    display: flex;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left
}

.cart .cart-wrap>.left .products-wrap .product-item .options .option .basket-item-property-name {
    margin-right: 6px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #6e6f7b
}

.cart .cart-wrap>.left .products-wrap .product-item .options {
    display: flex;
    flex-wrap: wrap
}

.cart .cart-wrap>.left .products-wrap .product-item .options.glasses {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.cart .cart-wrap>.left .products-wrap .product-item .options.glasses .option {
    width: 100%
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(2) {
    width: 396px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) {
    max-width: 168px;
    padding-top: 17px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter {
    display: flex;
    height: 40px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter .minus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-top: 1px solid #d6dbe3;
    border-left: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    border-radius: 4px 0 0 4px;
    cursor: pointer
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter .plus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-top: 1px solid #d6dbe3;
    border-right: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter .minus:hover svg path,
.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter .plus:hover svg path {
    stroke: #0997ed;
    transition: .2s
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter .counter-result {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    border-top: 1px solid #d6dbe3;
    border-right: 0;
    border-bottom: 1px solid #d6dbe3;
    border-left: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    box-sizing: border-box;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter .counter-result span {
    margin-right: 5px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter input {
    width: 48px;
    max-width: 48px;
    padding: 0;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 400
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter input::-webkit-inner-spin-button,
.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter:hover .counter-result,
.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter:hover .minus,
.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .counter:hover .plus {
    border-color: #0997ed;
    transition: .2s
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .present {
    display: flex;
    font-size: 15px;
    line-height: 19px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #ed3254
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .present svg {
    margin-right: 4px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(3) .present {
    margin-top: 13px
}

.cart .cart-wrap>.left .products-wrap .product-item .price {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 9px;
    text-align: right
}

.cart .cart-wrap>.left .products-wrap .product-item .old-price {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #8d919d;
    text-align: right
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(4) {
    width: 120px;
    padding-top: 21px;
    margin-right: 24px
}

.cart .cart-wrap>.left .products-wrap .product-item .col:nth-child(5) {
    display: flex;
    justify-content: flex-end;
    width: 40px;
    padding-top: 10px
}

.cart .cart-wrap>.left .products-wrap .product-item button.remove-product {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s;
    box-sizing: border-box
}

.cart .cart-wrap>.left .products-wrap .product-item button.remove-product:hover {
    background: #0997ed;
    transition: .2s
}

.cart .cart-wrap>.left .products-wrap .product-item button.remove-product:hover svg path {
    stroke: #fff
}

.cart .cart-wrap>.left .products-wrap .product-item button.remove-product:active {
    background: #0072dc;
    transition: .2s
}

.cart .cart-wrap>.left .products-wrap .product-item.glasses-lenses .basket-item-block-info {
    display: flex;
    order: 0
}

.cart .cart-wrap>.left .products-wrap .product-item.glasses-lenses .basket-item-block-info .product-name {
    width: 212px;
    margin-right: 28px
}

.cart .cart-wrap>.left .products-wrap .product-item.glasses-lenses .basket-item-block-info .options {
    flex: 1
}

.cart .cart-wrap>.left .products-wrap .product-item.glasses-lenses .price-wrap {
    width: 120px;
    margin-right: 36px
}

.cart .cart-wrap>.right {
    width: 320px
}

.cart .cart-wrap>.right .order-right-block {
    position: relative;
    margin-bottom: 32px;
    padding: 32px 44px 21px 44px
}

.cart .cart-wrap>.right .order-right-block>.bonus-block {
    margin-bottom: 19px
}

.cart .cart-wrap>.right .promocod-wrap,
.cart .cart-wrap>.right .sertificate-wrap {
    padding-left: 44px;
    padding-right: 44px;
    margin-bottom: 24px
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 16px;
    cursor: pointer;
    margin-bottom: 12px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn .left,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn .left {
    display: flex;
    align-items: center
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn .left svg,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn .left svg {
    margin-right: 8px
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn .left .block-title,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn .left .block-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn .right svg,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn .right svg {
    transform: rotate(180deg);
    transition: .2s
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn.active .right svg,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn.active .right svg {
    transform: rotate(0);
    transition: .2s
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-btn.active+.dropdown-block,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-btn.active+.dropdown-block {
    clip-path: unset;
    position: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block {
    position: absolute;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-10px);
    opacity: 0;
    transition: .2s
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block input,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input {
    font-size: 16px;
    height: 48px;
    width: 232px;
    padding: 14px 16px;
    font-style: normal;
    font-weight: 400
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block input,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input {
    font-weight: 500
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block input input::-webkit-input-placeholder,
.cart .cart-wrap>.right .promocod-wrap .dropdown-block input textarea::-webkit-input-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input input::-webkit-input-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: auto;
    font-weight: 400
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block input input::-ms-input-placeholder,
.cart .cart-wrap>.right .promocod-wrap .dropdown-block input textarea::-ms-input-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input input::-ms-input-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: auto;
    font-weight: 400
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block input input::-moz-placeholder,
.cart .cart-wrap>.right .promocod-wrap .dropdown-block input textarea::-moz-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input input::-moz-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input textarea::-moz-placeholder {
    color: #8d919d;
    font-size: auto;
    font-weight: 400
}

.cart .cart-wrap>.right .promocod-wrap .dropdown-block input input:-moz-placeholder,
.cart .cart-wrap>.right .promocod-wrap .dropdown-block input textarea:-moz-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input input:-moz-placeholder,
.cart .cart-wrap>.right .sertificate-wrap .dropdown-block input textarea:-moz-placeholder {
    color: #8d919d;
    font-size: auto;
    font-weight: 400
}

.colors-options {
    margin-bottom: 24px
}

.colors-options .block-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px
}

.colors-options .color-items-wrap {
    list-style: none;
    padding: 0
}

.colors-options .color-items-wrap .color-item-ui:last-child {
    margin-right: 0
}

.colors-options .color-items-wrap .color-item-ui {
    position: relative
}

.colors-options .color-items-wrap .color-item-ui>input {
    display: none
}

.colors-options .color-items-wrap .color-item-ui .toltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #2e3447;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(66, 79, 85, .04), 6px 10px 50px rgba(50, 71, 83, .12);
    border-radius: 2px;
    padding: 4px 11px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    z-index: 1;
    left: 90%;
    bottom: -21px
}

.colors-options .color-items-wrap .color-item-ui:hover .toltip {
    display: block
}

.colors-options .color-items-wrap .color-item-ui label div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #fff;
    margin: 2px
}

.colors-options .color-items-wrap .color-item-ui label div:hover:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.colors-options .color-items-wrap .color-item-ui.selected label>div:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.product-card .price-block {
    padding: 32px 44px 32px 44px;
    background: #f5f5f5;
    border-radius: 4px
}

.product-card .price-block .price {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #2e3447;
    margin-bottom: 20px
}

.product-card .price-block .price .old-price {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #8d919d;
    margin-left: 25px;
    margin-bottom: 2px
}

.product-card .price-block .color-item-ui {
    margin-right: 15px
}

.product-card .price-block .more-information {
    margin-bottom: 29px
}

.product-card .price-block .more-information>div {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.product-card .price-block .more-information>div div:nth-child(1) {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.product-card .price-block .more-information>div:first-child {
    margin-top: 0
}

.product-card .price-block .more-information .bonus-item div:nth-child(2) {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #2e3447
}

.product-card .price-block .more-information .track-price-item a {
    display: flex
}

.product-card .price-block .more-information .track-price-item a:hover svg path {
    stroke: #4552d0;
    transition: .2s
}

.product-card .price-block .more-information .track-price-item a div:nth-child(2) {
    font-style: normal;
    font-weight: 500;
    font-size: 16px
}

.product-card .price-block .buy-one-click {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.product-card .price-block .buy-one-click:visited {
    background: #0072dc;
    border-color: #0072dc
}

.product-card .price-block .buy-one-click:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.product-card .price-block .buy-one-click:active {
    background: #0072dc;
    border-color: #0072dc
}

.product-card .price-block .buy-one-click:disabled {
    background: #d6dbe3;
    cursor: default
}

.add-to-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    margin-bottom: 12px
}

.add-to-cart:not(.basket-btn):visited {
    background: #0072dc
}

.add-to-cart:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.add-to-cart:has(.basket-btn):active {
    background: #0072dc
}

.add-to-cart:not(.basket-btn):active {
    background: #0072dc
}

.add-to-cart:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.availability-block {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 31px 45px 30px 43px;
    margin-bottom: 32px
}

.availability-block .title-block {
    font-weight: 500;
    font-size: 18px;
    color: #2e3447;
    margin-bottom: 12px
}

.availability-block .title-block a {
    color: #0072dc;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: .2s
}

.availability-block .title-block a:hover {
    color: #4552d0;
    transition: .2s
}

.availability-block .title-block a:active {
    color: #4552d0;
    transition: .2s
}

.availability-block .addresses-items {
    margin-bottom: 18px
}

.availability-block .addresses-items .address-item {
    display: flex;
    align-items: center;
    margin-bottom: 9px
}

.availability-block .addresses-items .address-item .icon {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.availability-block .addresses-items .address-item .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.availability-block .addresses-items .address-item:last-child {
    margin-bottom: 0
}

.availability-block button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #00ad9c;
    background: unset;
    border-radius: 4px;
    border: 1px solid #00ad9c;
    cursor: pointer;
    text-decoration: none
}

.availability-block button:visited {
    background: #0072dc;
    border-color: #0072dc
}

.availability-block button:hover {
    background: linear-gradient(92.31deg, #26bfb0 -.93%, #65c5ff 149.36%);
    border-color: #00ad9c;
    color: #fff;
    transition: .2s
}

.availability-block button:active {
    background: #00ad9c;
    border-color: #00ad9c
}

.gift-cards {
    margin-bottom: 120px
}

.gift-cards .pagetitle {
    margin-top: 32px;
    margin-bottom: 36px
}

.gift-cards .cards {
    display: flex
}

.gift-cards .cards .card-item {
    width: 579px
}

.gift-cards .cards .card-item .img {
    margin-bottom: 24px
}

.gift-cards .cards .card-item .title-h4 {
    margin-bottom: 14px
}

.gift-cards .cards .card-item .card-info .text {
    margin-bottom: 12px;
    line-height: 150%
}

.gift-cards .cards .card-item .card-info .cart-option {
    margin-bottom: 24px
}

.gift-cards .cards .card-item .card-info .cart-option ul {
    padding: 0;
    margin: 0
}

.gift-cards .cards .card-item .card-info .cart-option ul li {
    position: relative;
    list-style: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-left: 24px;
    margin-bottom: 12px
}

.gift-cards .cards .card-item .card-info .cart-option ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/tick-small.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: -24px;
    top: 2px
}

.gift-cards .cards .card-item button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.gift-cards .cards .card-item button:not(.basket-btn):visited {
    background: #0072dc
}

.gift-cards .cards .card-item button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.gift-cards .cards .card-item button:has(.basket-btn):active {
    background: #0072dc
}

.gift-cards .cards .card-item button:not(.basket-btn):active {
    background: #0072dc
}

.gift-cards .cards .card-item button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.gift-cards .cards .card-item:nth-child(odd) {
    margin-right: 212px
}

.color-variables {
    margin-bottom: 32px
}

.color-variables .title-block {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.color-variables .title-block div:nth-child(1) {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447;
    margin-right: 12px
}

.color-variables .title-block a {
    display: inline-block;
    margin-left: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.color-variables .color-variables-slider {
    max-width: 435px
}

.color-variables .color-variables-slider .color-var-item {
    margin-right: 9px;
    cursor: pointer
}

.color-variables .color-variables-slider .color-variables-slider-next {
    top: 38px;
    right: -16px;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .2s
}

.color-variables .color-variables-slider .color-variables-slider-next:hover {
    background: #0997ed;
    transition: .2s
}

.color-variables .color-variables-slider .color-variables-slider-next:hover svg path {
    stroke: #fff
}

.color-variables .color-variables-slider .color-variables-slider-next:active {
    background: #0072dc
}

.color-variables .color-variables-slider .slick-track {
    display: flex;
    margin-left: 0
}

.color-variables .color-variables-slider .slick-track .slick-current .radio3 label {
    background: linear-gradient(0deg, rgba(9, 151, 237, .1) 0, rgba(9, 151, 237, .1) 100%);
    border: 1px solid #0997ed
}

.glasses-catalog .products-wrap .product-tile,
.lenses-catalog .products-wrap .product-tile {
    width: calc(25% - 32px);
    min-height: 376px
}

.glasses-catalog .products-wrap .product-tile .image-block,
.lenses-catalog .products-wrap .product-tile .image-block {
    display: inline-block;
    position: relative;
    background-color: #f5f5f5;
    width: 100%;
    height: 200px;
    max-width: 260px
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block {
    display: none;
    position: absolute;
    bottom: 0
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block.glasses>.zoom svg,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block.glasses>.zoom svg {
    margin-right: 4px
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block.glasses>.zoom:hover>svg path,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block.glasses>.zoom:hover>svg path {
    stroke: #fff
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block button,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block button {
    box-sizing: border-box
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child,
.glasses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 50%;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s;
    border-radius: 4px 0 0 4px !important;
    box-sizing: border-box;
    background: #fff
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:visited,
.glasses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:visited,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:visited,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:visited {
    background: #0072dc;
    border-color: #0072dc
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:hover,
.glasses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:hover,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:hover,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:active,
.glasses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:active,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:active,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:active {
    background: #0072dc;
    border-color: #0072dc
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:disabled,
.glasses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:disabled,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block button:first-child:disabled,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block>.zoom:disabled {
    background: #d6dbe3;
    cursor: default
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 50%;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    border-radius: 0 4px 4px 0
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:not(.basket-btn):visited,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:not(.basket-btn):visited {
    background: #0072dc
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:hover,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:has(.basket-btn):active,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:has(.basket-btn):active {
    background: #0072dc
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:not(.basket-btn):active,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:not(.basket-btn):active {
    background: #0072dc
}

.glasses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:disabled,
.lenses-catalog .products-wrap .product-tile .image-block .button-group-block .basket-btn:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.glasses-catalog .products-wrap .button-group-block,
.lenses-catalog .products-wrap .button-group-block {
    width: 100%
}

.glasses-catalog .products-wrap.t2 .product-tile,
.lenses-catalog .products-wrap.t2 .product-tile {
    width: calc(33% - 32px)
}

.glasses-catalog .pagetitle {
    margin-bottom: 12px
}

.glasses-catalog .disclaimer {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px
}

.glasses-catalog .disclaimer svg {
    margin-right: 8px
}

.glasses-catalog .tags2 {
    margin-bottom: 36px
}

.glasses-catalog .filter-result-wrap {
    display: flex;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.left {
    width: 100%;
    max-width: 282px;
    margin-right: 50px
}

@media (max-width:1280px) {
    .glasses-catalog .filter-result-wrap>.left {
        max-width: 264px;
        margin-right: 32px
    }
}

.glasses-catalog .filter-result-wrap>.right {
    width: 100%;
    margin-bottom: 120px
}

.glasses-catalog .filter-result-wrap>.right>.banner {
    margin-bottom: 36px
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left {
    display: flex
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui {
    margin-right: 37px
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui {
    position: relative;
    width: 184px
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui.disabled {
    background-color: #6e6f7b
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 184px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 29px 5px 11px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .value:hover svg path {
    stroke: #0997ed
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.left .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right {
    display: flex
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right>.catalog-tile-view {
    margin-right: 36px
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui {
    position: relative;
    width: 141px
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui.disabled {
    background-color: #6e6f7b
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 141px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 29px 5px 11px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .value:hover svg path {
    stroke: #0997ed
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.right>.sorts-wrap>.right .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.glasses-fitting-wrap {
    margin-bottom: 36px
}

.glasses-catalog .filter-result-wrap>.right>.products-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: -16px;
    margin-bottom: 55px
}

.glasses-catalog .filter-result-wrap>.right>.products-wrap .product-tile {
    margin: 16px
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap {
    display: flex;
    justify-content: space-between
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui {
    position: relative;
    width: 141px
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui.disabled {
    background-color: #6e6f7b
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 141px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 29px 5px 11px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .value:hover svg path {
    stroke: #0997ed
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-catalog .filter-result-wrap>.right>.pagination-wrap .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .title-block {
    width: 162px;
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 118%;
    margin-bottom: 12px
}

.cabinet-favorites .cabinet-wrap .right .title-block div {
    position: absolute;
    top: 0;
    right: -204px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    width: 200px;
    color: #8d919d
}

.cabinet-favorites .cabinet-wrap .right .tags {
    display: flex;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 32px
}

.cabinet-favorites .cabinet-wrap .right .tags a {
    margin-left: 6px;
    margin-right: 6px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    background: #f5f5f5;
    border-radius: 4px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 32px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-1 {
    margin-right: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-1 span {
    font-weight: 700
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-2 {
    margin-right: 81px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-2 span {
    font-weight: 700
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 {
    margin-right: 24px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 160px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 button:not(.basket-btn):visited {
    background: #0072dc
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 button:has(.basket-btn):active {
    background: #0072dc
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 button:not(.basket-btn):active {
    background: #0072dc
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-3 button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-4 {
    margin-right: 88px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-4 button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 130px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-4 button:visited {
    background: #0072dc;
    border-color: #0072dc
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-4 button:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-4 button:active {
    background: #0072dc;
    border-color: #0072dc
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-4 button:disabled {
    background: #d6dbe3;
    cursor: default
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-5 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-5 button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s;
    margin-right: 8px
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-5 button:hover {
    background: #0997ed;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-5 button:hover svg path {
    stroke: #fff
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-5 button:active {
    background: #0072dc;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .favorites-actions-panel .col-5 div {
    display: table
}

.cabinet-favorites .cabinet-wrap .right .favorites-items {
    display: flex;
    min-height: 349px;
    margin-bottom: 120px
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .product-tile {
    margin-right: 36px
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .empty-favorites-message .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    margin-top: 18px;
    margin-bottom: 16px
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .empty-favorites-message .categorise-links {
    width: 500px;
    display: flex;
    flex-wrap: wrap
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .empty-favorites-message .categorise-links a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .empty-favorites-message .categorise-links a:hover {
    color: #4552d0;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .empty-favorites-message .categorise-links a:active {
    color: #4552d0;
    transition: .2s
}

.cabinet-favorites .cabinet-wrap .right .favorites-items .empty-favorites-message .categorise-links a {
    display: block;
    margin-bottom: 8px;
    margin-right: 24px
}

.cabinet-favorites .cabinet-wrap .right .you-watched .title-block-2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 44px
}

.cabinet-favorites .cabinet-wrap .right .you-watched .you-watched-items {
    margin-bottom: 120px;
    display: flex
}

.cabinet-favorites .cabinet-wrap .right .you-watched .you-watched-items .tile-product-item {
    margin-right: 36px
}

.cabinet-settings-profile .right .title-block {
    width: 162px;
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 118%;
    margin-bottom: 32px
}

.cabinet-settings-profile .right .title-block div {
    position: absolute;
    top: 0;
    right: -204px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    width: 200px;
    color: #8d919d
}

.cabinet-settings-profile .settings-profile-block {
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 120px
}

.cabinet-settings-profile .settings-profile-block .top {
    display: flex;
    align-items: center;
    padding: 10px 24px 10px 24px;
    border-bottom: 1px solid #d6dbe3
}

.cabinet-settings-profile .settings-profile-block .top .col-1 {
    font-weight: 700;
    font-size: 18px;
    margin-right: 72px
}

.cabinet-settings-profile .settings-profile-block .top .col-2 {
    font-weight: 400;
    font-size: 16px;
    margin-right: 63px
}

.cabinet-settings-profile .settings-profile-block .top .col-3 {
    font-weight: 400;
    font-size: 16px;
    margin-right: 189px
}

.cabinet-settings-profile .settings-profile-block .top .col-4 {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px
}

.cabinet-settings-profile .settings-profile-block .top .col-4 button {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #d8f1ff;
    border: 0;
    cursor: pointer;
    transition: .2s
}

.cabinet-settings-profile .settings-profile-block .top .col-4 button:hover {
    background: #0997ed;
    transition: .2s
}

.cabinet-settings-profile .settings-profile-block .top .col-4 button:hover svg path {
    fill: #fff
}

.cabinet-settings-profile .settings-profile-block .top .col-4 button:active {
    background: #0072dc;
    transition: .2s
}

.cabinet-settings-profile .settings-profile-block .bottom {
    padding: 24px 52px 24px 24px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input::-webkit-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input::-ms-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input::-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input:-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input:focus,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input:hover {
    border-color: #0997ed
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.phone input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password>div input {
    width: 100%
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password>div svg.svg-not-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password>div svg.svg-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui .error-block {
    display: none;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .fio .col:nth-child(4) {
    width: 227px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password {
    display: flex;
    margin-top: 24px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col {
    margin-right: 16px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input::-webkit-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input::-ms-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input::-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input:-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input:focus,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input:hover {
    border-color: #0997ed
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.phone input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password>div input {
    width: 100%
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password>div svg.svg-not-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password>div svg.svg-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui .error-block {
    display: none;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .password .col:last-child {
    margin-right: 0
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts {
    display: flex;
    justify-content: space-between
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col .input-wrap {
    display: flex;
    flex-direction: column
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col .input-wrap label {
    width: 100%
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 496px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input::-webkit-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input::-ms-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input::-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input:-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input:focus,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input:hover {
    border-color: #0997ed
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.phone input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password>div input {
    width: 100%
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password>div svg.svg-not-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password>div svg.svg-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui .error-block {
    display: none;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(1) .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input::-webkit-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input::-ms-input-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input::-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input:-moz-placeholder,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input:focus,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input:hover {
    border-color: #0997ed
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.phone input:active,
.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password>div input {
    width: 100%
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password>div svg.svg-not-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password>div svg.svg-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui .error-block {
    display: none;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(2) .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) {
    padding-top: 37px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui.grey>label>.switch-checkbox {
    background: #d6dbe3
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>input {
    display: none
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>label>.switch-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 15px;
    background: #f0f0f2
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>label>.switch-checkbox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    box-shadow: 0 1px 7px rgba(44, 39, 56, .17)
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 12px
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>input:checked+label>.switch-checkbox {
    background: #0997ed
}

.cabinet-settings-profile .settings-profile-block .bottom .form-recipient-wrap .contacts .col:nth-child(3) div .switch-checkbox-ui>input:checked+label>.switch-checkbox:before {
    left: unset;
    right: 3px;
    transition: .2s
}

.cabinet-settings-profile .settings-profile-block .bottom .save-btn-container {
    margin-top: 24px;
    max-width: 228px
}

.cabinet-settings-profile .you-watched {
    margin-bottom: 120px
}

.cabinet-cabinet .pagetitle {
    margin-bottom: 42px;
    margin-top: 0
}

.cabinet-cabinet .fs-16 {
    font-size: 16px
}

.cabinet-cabinet .you-watched-items {
    flex-wrap: wrap
}

.cabinet-cabinet .you-watched-items .product-tile:nth-child(4) {
    margin-right: 0
}

.cabinet-cabinet .panel-items {
    margin-bottom: 120px
}

.cabinet-cabinet .panel-items .panel-item {
    margin-bottom: 42px
}

.cabinet-cabinet .panel-items .panel-item .panel-title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 22px
}

.cabinet-cabinet .panel-items .panel-item .panel-body .user-orders-items {
    margin-bottom: 120px
}

.index-page .main-slider {
    position: relative;
    margin-top: 1px;
    margin-bottom: 24px;
    background-color: #f5f5f5
}

.index-page .main-slider .slick-dots {
    position: absolute;
    bottom: 20px
}

.index-page .main-slider .slick-dots li {
    height: 8px;
    width: 8px;
    margin: 0 8px
}

.index-page .main-slider .slick-dots li button {
    height: 8px;
    width: 8px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%
}

.index-page .main-slider .slick-dots li button:before {
    content: unset
}

.index-page .main-slider .slick-dots li.slick-active button {
    background: #fff
}

.index-page .main-slider .index-slider-next {
    z-index: 1;
    top: 236px;
    right: 0;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    transition: .2s
}

.index-page .main-slider .index-slider-next:hover {
    background: #0997ed;
    transition: .2s
}

.index-page .main-slider .index-slider-next:hover svg path {
    stroke: #fff
}

.index-page .main-slider .index-slider-next:active {
    background: #0072dc
}

.index-page .main-slider .index-slider-prev {
    z-index: 1;
    top: 236px;
    left: 0;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    transition: .2s
}

.index-page .main-slider .index-slider-prev:hover {
    background: #0997ed;
    transition: .2s
}

.index-page .main-slider .index-slider-prev:hover svg path {
    stroke: #fff
}

.index-page .main-slider .index-slider-prev:active {
    background: #0072dc
}

.index-page .main-slider .index-slider-prev svg {
    transform: rotate(180deg)
}

.index-page .main-slider .main-slider-item {
    display: flex;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 420px;
    width: 100%;
    padding-top: 108px;
    box-sizing: content-box
}

.index-page .main-slider .main-slider-item .slider-content {
    width: 680px
}

.index-page .main-slider .main-slider-item .slider-content .text-block-1 {
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 150%;
    color: #6e6f7b;
    margin-bottom: 12px
}

.index-page .main-slider .main-slider-item .slider-content .text-block-2 {
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    color: #0997ed;
    margin-bottom: 13px;
    padding-left: 100px;
    padding-right: 100px
}

.index-page .main-slider .main-slider-item .slider-content .text-block-3 {
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #6e6f7b;
    margin-bottom: 48px
}

.index-page .main-slider .main-slider-item .slider-content .button-block {
    display: flex;
    justify-content: center
}

.index-page .main-slider .main-slider-item .slider-content .button-block .blue-btn,
.index-page .main-slider .main-slider-item .slider-content .button-block button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    min-width: 290px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.index-page .main-slider .main-slider-item .slider-content .button-block .blue-btn:not(.basket-btn):visited,
.index-page .main-slider .main-slider-item .slider-content .button-block button:not(.basket-btn):visited {
    background: #0072dc
}

.index-page .main-slider .main-slider-item .slider-content .button-block .blue-btn:hover,
.index-page .main-slider .main-slider-item .slider-content .button-block button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.index-page .main-slider .main-slider-item .slider-content .button-block .blue-btn:has(.basket-btn):active,
.index-page .main-slider .main-slider-item .slider-content .button-block button:has(.basket-btn):active {
    background: #0072dc
}

.index-page .main-slider .main-slider-item .slider-content .button-block .blue-btn:not(.basket-btn):active,
.index-page .main-slider .main-slider-item .slider-content .button-block button:not(.basket-btn):active {
    background: #0072dc
}

.index-page .main-slider .main-slider-item .slider-content .button-block .blue-btn:disabled,
.index-page .main-slider .main-slider-item .slider-content .button-block button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.index-page .index-brand-slider {
    background: #f5f5f5;
    box-shadow: 0 4px 12px rgba(91, 92, 104, .08), 0 1px 1px rgba(66, 67, 85, .14);
    padding-left: 30px;
    padding-right: 30px;
    height: 50px;
    margin-bottom: 100px
}

.index-page .index-brand-slider img {
    -o-object-fit: none;
    object-fit: none
}

.index-page .index-brand-slider .index-brand-slider-next {
    position: absolute;
    top: 26px;
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .2s
}

.index-page .index-brand-slider .index-brand-slider-next:hover {
    background: #0997ed;
    transition: .2s
}

.index-page .index-brand-slider .index-brand-slider-next:hover svg path {
    stroke: #fff
}

.index-page .index-brand-slider .index-brand-slider-next:active {
    background: #0072dc
}

.index-page .index-brand-slider .index-brand-slider-prev {
    position: absolute;
    top: 5px;
    transform: rotate(180deg);
    box-shadow: 0 1px 11px rgba(180, 182, 200, .43) !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .2s
}

.index-page .index-brand-slider .index-brand-slider-prev:hover {
    background: #0997ed;
    transition: .2s
}

.index-page .index-brand-slider .index-brand-slider-prev:hover svg path {
    stroke: #fff
}

.index-page .index-brand-slider .index-brand-slider-prev:active {
    background: #0072dc
}

.index-page .index-brand-slider .index-brand-slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px
}

.index-page .index-categorises {
    margin-bottom: 120px
}

.index-page .index-categorises .block-title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: #2e3447;
    margin-bottom: 16px
}

.index-page .index-categorises .podtitle-block {
    display: flex;
    font-style: normal;
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447
}

.index-page .index-categorises .podtitle-block svg {
    margin-right: 8px
}

.index-page .index-categorises .podtitle-block a {
    margin-left: 8px
}

.index-page .index-categorises .categorise-items-wrap {
    display: flex
}

.index-page .index-categorises .categorise-items-wrap .left {
    width: 49%;
    max-width: 680px
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big {
    position: relative;
    height: 425px;
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    margin-right: 32px
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(188, 188, 188, .2);
    border-radius: 4px;
    transition: .2s
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big:hover:after {
    opacity: 0;
    transition: .2s
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big div {
    position: absolute;
    bottom: 40px;
    left: 35px;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    z-index: 1
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big button {
    position: absolute;
    bottom: 24px;
    right: 28px;
    z-index: 1;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    min-width: 157px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big button:not(.basket-btn):visited {
    background: #0072dc
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big button:has(.basket-btn):active {
    background: #0072dc
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big button:not(.basket-btn):active {
    background: #0072dc
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.index-page .index-categorises .categorise-items-wrap .left .categorise-item-big:hover button {
    clip-path: unset;
    transform: translateY(0);
    transition: .2s
}

.index-page .index-categorises .categorise-items-wrap .right {
    display: flex;
    flex-wrap: wrap;
    width: 51%
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item {
    position: relative;
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    height: 205px;
    width: 328px
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item:nth-child(odd) {
    margin-right: 32px
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item:nth-child(1),
.index-page .index-categorises .categorise-items-wrap .right .categorise-item:nth-child(2) {
    margin-bottom: 15px
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item div {
    position: absolute;
    top: 20px;
    left: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(188, 188, 188, .2);
    border-radius: 4px;
    transition: .2s
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item button {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 1;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    min-width: 157px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none;
    transition: .2s
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item button:not(.basket-btn):visited {
    background: #0072dc
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item button:has(.basket-btn):active {
    background: #0072dc
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item button:not(.basket-btn):active {
    background: #0072dc
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item:hover button {
    clip-path: unset;
    transform: translateY(0);
    transition: .2s
}

.index-page .index-categorises .categorise-items-wrap .right .categorise-item:hover:after {
    opacity: 0;
    transition: .2s
}

@media (max-width:1366px) {
    .index-page .index-categorises .categorise-items-wrap .right .categorise-item {
        width: 310px
    }
}

.index-page .why-choose-us {
    margin-bottom: 120px
}

.index-page .why-choose-us .title-block {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 68px
}

.index-page .why-choose-us .why-choose-items {
    display: flex
}

.index-page .why-choose-us .why-choose-items .item {
    position: relative;
    background: #f5f5f5;
    border-radius: 4px;
    margin-right: 40px;
    width: 248px;
    height: 158px;
    padding: 39px 16px 0 16px
}

.index-page .why-choose-us .why-choose-items .item:last-child {
    margin-right: 0
}

.index-page .why-choose-us .why-choose-items .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 52px;
    width: 52px;
    border-radius: 50%;
    top: -26px
}

.index-page .why-choose-us .why-choose-items .item .icon.blue {
    background: #d8f1ff
}

.index-page .why-choose-us .why-choose-items .item .icon.orange {
    background: #ffdddc
}

.index-page .why-choose-us .why-choose-items .item .icon.green {
    background: #c9ffe8
}

.index-page .why-choose-us .why-choose-items .item .icon.purple {
    background: #e6e9ff
}

.index-page .why-choose-us .why-choose-items .item .icon.red {
    background: #ffdfe5
}

.index-page .why-choose-us .why-choose-items .item .title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447;
    margin-bottom: 10px
}

.index-page .why-choose-us .why-choose-items .item .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #2e3447
}

.index-page .blog-items {
    margin-bottom: 120px
}

.index-page .blog-items .block-title {
    display: flex;
    align-items: flex-end;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 42px
}

.index-page .blog-items .block-title a {
    color: #0072dc;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: .2s
}

.index-page .blog-items .block-title a:hover {
    color: #4552d0;
    transition: .2s
}

.index-page .blog-items .block-title a:active {
    color: #4552d0;
    transition: .2s
}

.index-page .blog-items .block-title a {
    margin-bottom: 5px;
    margin-left: 24px
}

.index-page .blog-items .items-wrap {
    display: flex;
    margin-left: -26px;
    margin-right: -26px
}

.index-page .blog-items .items-wrap .blog-item {
    position: relative;
    display: block;
    margin-left: 26px;
    margin-right: 26px;
    width: 432px
}

.index-page .blog-items .items-wrap .blog-item .img {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    min-height: 270px;
    max-height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px
}

.index-page .blog-items .items-wrap .blog-item .img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #121a59;
    opacity: .15;
    border-radius: 4px;
    transition: .2s
}

.index-page .blog-items .items-wrap .blog-item .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b;
    margin-bottom: 12px
}

.index-page .blog-items .items-wrap .blog-item .title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: #2e3447;
    margin-bottom: 12px
}

.index-page .blog-items .items-wrap .blog-item .description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    margin-bottom: 16px
}

.index-page .blog-items .items-wrap .blog-item:hover .title {
    color: #0072dc;
    transition: .2s
}

.index-page .blog-items .items-wrap .blog-item:hover .img:after {
    opacity: 0;
    transition: .2s
}

.glasses-options {
    min-width: 436px
}

.glasses-options .title-block {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    height: 24px
}

.glasses-options .title-block div:nth-child(1) {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447;
    margin-right: 24px
}

.glasses-options .title-block div:nth-child(2) {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.glasses-options .title-block div:nth-child(2) .checkbox2-wrpa {
    margin-right: 12px
}

.glasses-options .inputs-group-wrap .select-ui {
    position: relative;
    width: 120px
}

.glasses-options .inputs-group-wrap .select-ui.disabled {
    background-color: #6e6f7b
}

.glasses-options .inputs-group-wrap .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 120px;
    height: 40px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 23px 8px 17px;
    font-weight: 400;
    font-size: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-options .inputs-group-wrap .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.glasses-options .inputs-group-wrap .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.glasses-options .inputs-group-wrap .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.glasses-options .inputs-group-wrap .select-ui .value:hover svg path {
    stroke: #0997ed
}

.glasses-options .inputs-group-wrap .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.glasses-options .inputs-group-wrap .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.glasses-options .inputs-group-wrap .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.glasses-options .inputs-group-wrap .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-options .inputs-group-wrap .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.glasses-options .inputs-group-wrap .input-group-count>div:first-child,
.glasses-options .inputs-group-wrap .parametr-item>div:first-child {
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #6e6f7b;
    min-width: 180px
}

.glasses-options .inputs-group-wrap .input-group-count>div:first-child a,
.glasses-options .inputs-group-wrap .parametr-item>div:first-child a {
    margin-left: 8px
}

.glasses-options .inputs-group-wrap .input-group-count>div:first-child a svg,
.glasses-options .inputs-group-wrap .parametr-item>div:first-child a svg {
    position: absolute;
    top: 7px;
    margin-left: 2px
}

.glasses-options .inputs-group-wrap .input-group-count>div:first-child a:hover svg path,
.glasses-options .inputs-group-wrap .parametr-item>div:first-child a:hover svg path {
    stroke: #4552d0;
    transition: .2s
}

.glasses-options .inputs-group-wrap .parametr-item {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 12px
}

.glasses-options .inputs-group-wrap .parametr-item.eye-type {
    font-size: 14px
}

.glasses-options .inputs-group-wrap .parametr-item.eye-type>div:nth-child(2) {
    margin-right: 16px
}

.glasses-options .inputs-group-wrap .parametr-item.eye-type div:nth-child(3),
.glasses-options .inputs-group-wrap .parametr-item.eye-type>div:nth-child(2) {
    min-width: 120px
}

.glasses-options .inputs-group-wrap .parametr-item .set-prop-in {
    flex: 3;
    justify-content: space-between
}

.glasses-options .inputs-group-wrap .parametr-item:last-child {
    margin-bottom: 0
}

.glasses-options .inputs-group-wrap .input-group-count {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 12px
}

.glasses-options .inputs-group-wrap .input-group-count>div:nth-child(2) {
    display: flex
}

.glasses-options .inputs-group-wrap .input-group-count>div:nth-child(2) .count {
    margin-right: 16px
}

.glasses-options .inputs-group-wrap .input-group-count>div:nth-child(2) .count.js-properties-container {
    margin-right: 0
}

.glasses-options .inputs-group-wrap .present-count-wrap {
    display: flex;
    position: absolute;
    width: 324px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    bottom: -32px
}

.glasses-options .inputs-group-wrap .present-count-wrap svg {
    margin-right: 4px
}

.recipe-type {
    display: flex;
    margin-bottom: 16px
}

.inputs-group-wrap .counter {
    display: flex;
    height: 40px
}

.inputs-group-wrap .counter .minus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-top: 1px solid #d6dbe3;
    border-left: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    border-radius: 4px 0 0 4px;
    cursor: pointer
}

.inputs-group-wrap .counter .plus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-top: 1px solid #d6dbe3;
    border-right: 1px solid #d6dbe3;
    border-bottom: 1px solid #d6dbe3;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

.inputs-group-wrap .counter .minus:hover svg path,
.inputs-group-wrap .counter .plus:hover svg path {
    stroke: #0997ed;
    transition: .2s
}

.inputs-group-wrap .counter .counter-result {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    border-top: 1px solid #d6dbe3;
    border-right: 0;
    border-bottom: 1px solid #d6dbe3;
    border-left: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    box-sizing: border-box;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.inputs-group-wrap .counter .counter-result span {
    margin-right: 5px
}

.inputs-group-wrap .counter input {
    width: 58px;
    max-width: 58px;
    padding: 0;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 400
}

.inputs-group-wrap .counter input::-webkit-inner-spin-button,
.inputs-group-wrap .counter input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.inputs-group-wrap .counter:hover .counter-result,
.inputs-group-wrap .counter:hover .minus,
.inputs-group-wrap .counter:hover .plus {
    border-color: #0997ed;
    transition: .2s
}

.inputs-group-wrap .present {
    display: flex;
    font-size: 15px;
    line-height: 19px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #ed3254
}

.inputs-group-wrap .present svg {
    margin-right: 4px
}

.lenses-product .glasses-options {
    margin-bottom: 72px
}

.lenses-product .title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #2e3447;
    margin-bottom: 16px
}

.lenses-product .pagetitle {
    margin-bottom: 16px
}

.lenses-product .tags-favorites-wrap {
    display: flex
}

.lenses-product .tags-favorites-wrap .tags {
    display: flex;
    align-items: center;
    margin-right: 42px
}

.lenses-product .tags-favorites-wrap .tags .tag-link {
    margin-right: 12px
}

.lenses-product .tags-favorites-wrap .tags .tag-link:last-child {
    margin-right: 0
}

.lenses-product .tags-favorites-wrap .favorites {
    display: flex;
    align-items: center
}

.lenses-product .tags-favorites-wrap .favorites a {
    display: flex;
    align-items: center
}

.lenses-product .tags-favorites-wrap .favorites a svg {
    margin-right: 9px
}

.lenses-product .tags-favorites-wrap .favorites a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.lenses-product .tags-favorites-wrap .favorites a:hover {
    color: #4552d0;
    transition: .2s
}

.lenses-product .tags-favorites-wrap .favorites a:active {
    color: #4552d0;
    transition: .2s
}

.lenses-product .cols {
    display: flex;
    margin-top: 36px
}

.lenses-product .cols .col:nth-child(1) {
    width: 384px;
    margin-right: 96px
}

.lenses-product .cols .col:nth-child(1) .slider-for-product-card {
    margin-bottom: 12px
}

.lenses-product .cols .col:nth-child(1) .slider-for-product-card img {
    width: 100%;
    max-height: 250px;
    -o-object-fit: contain;
    object-fit: contain
}

.lenses-product .cols .col:nth-child(1) .slider-nav-product-card img {
    width: 120px
}

.lenses-product .cols .col:nth-child(1) .slider-nav-product-card .slick-slide {
    cursor: pointer
}

.lenses-product .cols .col:nth-child(1) .slider-nav-product-card .slick-current img {
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px
}

.lenses-product .cols .col:nth-child(2) {
    max-width: 435px;
    margin-right: 165px
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap {
    margin-bottom: 120px
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .product-specifications-items {
    padding: 0
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .product-specifications-items .item {
    display: flex;
    margin-bottom: 12px;
    width: 383px
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .product-specifications-items .item:last-child {
    margin-bottom: 0
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .product-specifications-items .item div:first-child {
    font-size: 16px;
    line-height: 20px;
    color: #6e6f7b;
    width: 259px;
    margin-right: 58px
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .product-specifications-items .item div:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    width: 200px
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .go-to-description a {
    display: flex;
    align-items: center;
    line-height: 135%
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .go-to-description a svg {
    margin-left: 4px
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .go-to-description a:hover svg path {
    fill: #4552d0;
    transition: .2s
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .go-to-description a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .go-to-description a:hover {
    color: #4552d0;
    transition: .2s
}

.lenses-product .cols .col:nth-child(2) .product-specifications-wrap .go-to-description a:active {
    color: #4552d0;
    transition: .2s
}

.lenses-product .cols .col:nth-child(3) {
    max-width: 320px
}

.lenses-product .cols .col:nth-child(3) .price-block {
    padding: 32px 44px 42px 44px;
    margin-bottom: 32px
}

.lenses-product .cols .col:nth-child(3) .price-block .price {
    margin-bottom: 20px
}

.packaging-variables {
    margin-bottom: 42px
}

.packaging-variables .radio-buttons-wrap {
    display: flex
}

.packaging-variables .radio-buttons-wrap .radio2 {
    margin-right: 16px
}

.packaging-variables .radio-buttons-wrap .radio2:last-child {
    margin-right: 0
}

.packaging-variables .links-wrap {
    display: flex
}

.packaging-variables .links-wrap_item {
    margin-right: 16px
}

.packaging-variables .links-wrap_item a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2e3447;
    border: 1px solid #d1d3d9;
    box-sizing: border-box;
    border-radius: 4px;
    transition: color .2s
}

.packaging-variables .links-wrap_item a.active,
.packaging-variables .links-wrap_item a:hover {
    border-color: #0997ed;
    font-weight: 500;
    color: #0997ed
}

.packaging-variables .links-wrap_item:last-child {
    margin-right: 0
}

.buy-together {
    margin-bottom: 120px
}

.you-watched {
    margin-bottom: 120px
}

.description-block-wrap {
    margin-bottom: 120px
}

.bestseller-block {
    margin-bottom: 120px
}

.modal-colors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 456px;
    margin-right: -16px
}

.modal-colors__item {
    max-width: 96px;
    position: relative;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

.modal-colors__item:last-child {
    margin-right: 0
}

.modal-colors__item:hover .img-1 {
    opacity: 0;
    visibility: hidden
}

.modal-colors__item:hover .img-2 {
    opacity: 1;
    visibility: visible
}

.modal-colors__item.selected .img-2 {
    opacity: 1;
    visibility: visible
}

.modal-colors__item.selected .modal-colors__name {
    color: #0997ed
}

.modal-colors__img {
    width: 96px;
    height: 96px;
    transition: all .2s ease
}

.modal-colors__img.img-2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.modal-colors__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.modal-colors__name {
    font-size: 14px;
    font-weight: 500;
    margin-top: 16px
}

.glasses-product .product-information-tabs-block-result .you-watched {
    margin-bottom: 0
}

.glasses-product .pagetitle {
    margin-bottom: 12px
}

.glasses-product .tags-and-favorites {
    display: flex;
    margin-bottom: 36px
}

.glasses-product .tags-and-favorites .tags {
    margin-right: 31px
}

.glasses-product .tags-and-favorites .favorites {
    display: flex;
    align-items: center
}

.glasses-product .tags-and-favorites .favorites a {
    color: #0072dc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .2s
}

.glasses-product .tags-and-favorites .favorites a:hover {
    color: #4552d0;
    transition: .2s
}

.glasses-product .tags-and-favorites .favorites a:active {
    color: #4552d0;
    transition: .2s
}

.glasses-product .tags-and-favorites .favorites svg {
    margin-right: 9px
}

.glasses-product .glasses-mini-photo-slider {
    max-height: 278px;
    overflow: hidden
}

.glasses-product .cols {
    display: flex;
    justify-content: space-between;
    margin-bottom: 116px
}

.glasses-product .cols>.left {
    max-width: 936px;
    margin-right: 24px
}

.glasses-product .cols>.left .photogallery-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 90px
}

.glasses-product .cols>.left .photogallery-wrap .left {
    width: 184px;
    margin-right: 16px
}

.glasses-product .cols>.left .photogallery-wrap .left button {
    margin-bottom: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 184px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #0072dc;
    background: unset;
    border-radius: 4px;
    border: 1px solid #0997ed;
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

.glasses-product .cols>.left .photogallery-wrap .left button:visited {
    background: #0072dc;
    border-color: #0072dc
}

.glasses-product .cols>.left .photogallery-wrap .left button:hover {
    background: linear-gradient(91.53deg, #31aefa 9.8%, #0997ed 150.8%);
    border-color: #0997ed;
    color: #fff
}

.glasses-product .cols>.left .photogallery-wrap .left button:active {
    background: #0072dc;
    border-color: #0072dc
}

.glasses-product .cols>.left .photogallery-wrap .left button:disabled {
    background: #d6dbe3;
    cursor: default
}

.glasses-product .cols>.left .photogallery-wrap .left .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 182px !important;
    height: 82px;
    margin-bottom: 16px;
    cursor: pointer
}

.glasses-product .cols>.left .photogallery-wrap .left .slick-slide img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain
}

.glasses-product .cols>.left .photogallery-wrap .left .slick-current {
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px
}

.glasses-product .cols>.left .photogallery-wrap .right .glasses-big-photo-slider {
    width: 100%;
    width: 640px
}

.glasses-product .cols>.left .glasses-fitting-wrap {
    display: flex;
    margin-bottom: 72px
}

.glasses-product .cols>.left .glasses-fitting-wrap>.right {
    display: flex
}

.glasses-product .cols>.left .glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider {
    position: relative;
    width: 414px
}

.glasses-product .cols>.left .glasses-fitting-wrap>.right>.slider-block>.fitting-photogallery-slider:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 204px;
    background: linear-gradient(270deg, rgba(255, 255, 255, .49) 0, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(209, 211, 217, .35), rgba(209, 211, 217, .35)), url(.png)
}

.glasses-product .cols>.right {
    width: 320px
}

.glasses-product .cols>.right .price-block {
    margin-bottom: 24px
}

.glasses-product .product-information-tabs-block-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    width: 960px;
    margin-bottom: 36px
}

.glasses-product .product-information-tabs-block-wrap>.item-information-tab {
    font-weight: 400;
    font-size: 18px;
    padding: 12px 103px 12px 102px;
    position: relative;
    cursor: pointer
}

.glasses-product .product-information-tabs-block-wrap>.item-information-tab.active,
.glasses-product .product-information-tabs-block-wrap>.item-information-tab:hover {
    font-weight: 500;
    background: #f2faff
}

.glasses-product .product-information-tabs-block-wrap>.item-information-tab.active:after,
.glasses-product .product-information-tabs-block-wrap>.item-information-tab:hover:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #0997ed;
    border-radius: 4px
}

.glasses-product .product-information-tabs-block-result#result-tab-1 {
    display: flex
}

.glasses-product .product-information-tabs-block-result#result-tab-1 .specifications-items {
    margin-right: 53px
}

.glasses-product .selction-lenses-block-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px
}

.glasses-product .selction-lenses-block-wrap>.left {
    max-width: 1052px;
    margin-right: 24px
}

.glasses-product .selction-lenses-block-wrap>.left>.title-block {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 71px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap {
    display: flex;
    margin-bottom: 71px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.left,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.left {
    width: 360px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.left>.title-block,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.left>.title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 22px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right {
    padding-top: 8px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.tabs-choose,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.tabs-choose {
    margin-bottom: 36px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item {
    display: flex;
    margin-bottom: 12px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item .select-ui,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item .select-ui {
    margin-right: 30px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div {
    display: flex;
    align-items: center
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui {
    position: relative;
    width: 120px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui.disabled,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui.disabled {
    background-color: #6e6f7b
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .value,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 120px;
    height: 40px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 23px 8px 17px;
    font-weight: 400;
    font-size: 16px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .value svg,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .value span,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .value:hover,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .value:hover svg path,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .value:hover svg path {
    stroke: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .value.active svg,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .values,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .values.active,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .values .item,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .select-ui .values .item:hover,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui.grey>label>.switch-checkbox,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui.grey>label>.switch-checkbox {
    background: #d6dbe3
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>input,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>input {
    display: none
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label>.switch-checkbox,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label>.switch-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 15px;
    background: #f0f0f2
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label>.switch-checkbox:before,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label>.switch-checkbox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    box-shadow: 0 1px 7px rgba(44, 39, 56, .17)
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label>.text,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>label>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 12px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>input:checked+label>.switch-checkbox,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>input:checked+label>.switch-checkbox {
    background: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>input:checked+label>.switch-checkbox:before,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div .switch-checkbox-ui>input:checked+label>.switch-checkbox:before {
    left: unset;
    right: 3px;
    transition: .2s
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div:nth-child(1),
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div:nth-child(1) {
    display: flex;
    width: 144px;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div:nth-child(1)>a,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div:nth-child(1)>a {
    display: flex;
    margin-left: 8px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div:nth-child(1)>a>.button-svg,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div:nth-child(1)>a>.button-svg {
    margin-top: -3px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div:nth-child(2),
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div:nth-child(2) {
    font-size: 16px;
    width: 150px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item>div:nth-child(3),
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item>div:nth-child(3) {
    font-size: 16px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item.mb-16,
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item.mb-16 {
    margin-bottom: 16px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item:last-child>div:nth-child(2),
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item:last-child>div:nth-child(2) {
    width: auto
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right>.parameters-input-groups>.parametr-item:last-child .js-configurator-pd>div:nth-child(2),
.glasses-product .selction-lenses-block-wrap>.left .lens-parameters-wrap>.right>.parameters-input-groups>.parametr-item:last-child .js-configurator-pd>div:nth-child(2) {
    margin-right: 30px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right {
    padding-top: 7px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui {
    margin-bottom: 8px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui:last-child {
    margin-bottom: 0
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input {
    display: none
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input:checked+label .radio {
    border: 2px solid #0997ed;
    padding: 0
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input:checked+label .radio:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input:disabled:checked+label .radio {
    border-color: #d6dbe3
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input:disabled:checked+label .radio:before {
    background: #d6dbe3
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input:disabled+label .radio {
    background: #f0f0f2
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui>input:disabled+label:hover .radio {
    border-color: #d6dbe3 !important
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui label .radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #d6dbe3;
    padding: 1px
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui label:hover>.radio {
    border-color: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .assigning-glasses>.right .radio-button-ui label .text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 12px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap {
    margin-bottom: 72px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 36px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items {
    display: flex
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item {
    position: relative;
    width: 258px;
    min-height: 418px;
    margin-right: 8px;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 24px 17px 24px 17px;
    cursor: pointer
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item:hover {
    border-color: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.active {
    background: #f2faff;
    border-color: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.active .checked {
    display: flex
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .package-type>.left>.icon {
    background: #f0f0f2
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .package-type>.left>.icon svg:first-child {
    display: none
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .package-type>.left>.icon svg:last-child {
    display: block
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .package-type>.right>.top {
    color: #8d919d
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .package-type>.right>.bottom {
    color: #8d919d
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .advantages-wrap>.item>.icon svg path {
    stroke: #d6dbe3
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item.disabled .advantages-wrap>.item>.text {
    color: #8d919d
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item:last-child {
    margin-right: 0
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type {
    display: flex;
    margin-bottom: 17px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type>.left {
    display: flex
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type>.left>.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d8f1ff;
    border-radius: 12px;
    width: 52px;
    height: 52px;
    margin-right: 16px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type>.left>.icon svg:last-child {
    display: none
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type>.right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type>.right .top {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #6e6f7b;
    margin-bottom: 4px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .package-type>.right .bottom {
    font-style: normal;
    font-weight: 700;
    font-size: 18px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .img-block {
    display: flex;
    justify-content: center;
    margin-bottom: 22px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .advantages-wrap {
    margin-bottom: 18px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .advantages-wrap>.item {
    display: flex;
    margin-bottom: 18px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .advantages-wrap>.item:last-child {
    margin-bottom: 0
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .advantages-wrap>.item>.icon {
    display: flex;
    align-items: flex-start;
    margin-right: 3px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .advantages-wrap>.item>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .warnings-wrap>.item {
    display: flex
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .warnings-wrap>.item>.icon {
    display: flex;
    align-items: flex-start;
    margin-right: 6px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .warnings-wrap>.item>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6e6f7b
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .checked {
    display: flex;
    position: absolute;
    bottom: 18px;
    left: 22px;
    display: none
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .checked .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-lenses-wrap .lenses-variables-items>.item .checked .text {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 36px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item {
    display: flex;
    align-items: flex-start;
    height: 108px;
    max-width: 1056px;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 24px;
    margin-bottom: 16px;
    cursor: pointer
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item:hover {
    border: 1px solid #00ad9c
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item:last-child {
    margin-bottom: 0
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item.active {
    background: #effff8;
    border: 1px solid #00ad9c;
    box-sizing: border-box;
    border-radius: 4px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .title-and-icon {
    display: flex;
    align-items: center;
    margin-right: 56px;
    height: 100%;
    width: 192px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .title-and-icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    background: #c9ffe8;
    border-radius: 12px;
    margin-right: 24px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .title-and-icon .pagetitle {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .description {
    width: 275px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding-right: 80px;
    box-sizing: content-box
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors {
    width: 194px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors>.title-block {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 9px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap {
    display: flex
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui {
    position: relative
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui>input {
    display: none
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui .toltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #2e3447;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(66, 79, 85, .04), 6px 10px 50px rgba(50, 71, 83, .12);
    border-radius: 2px;
    padding: 4px 11px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    z-index: 1;
    left: 90%;
    bottom: -21px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui:hover .toltip {
    display: block
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui label div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #fff;
    margin: 2px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui label div:hover:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .choose-colors .color-items-wrap .color-item-ui.selected label>div:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #0997ed
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .price {
    display: flex;
    align-items: center;
    height: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    width: 111px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .checked-block {
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 92px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .checked-block .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item .checked-block .text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px
}

.glasses-product .selction-lenses-block-wrap>.left .choose-coverage>.items-wrap .item.active .checked-block {
    display: flex
}

.glasses-product .selction-lenses-block-wrap>.right {
    width: 320px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block {
    position: sticky;
    top: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    padding: 32px 45px 32px 43px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .title-block {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 13px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .items-wrap .item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .items-wrap .item .left {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .items-wrap .item .right {
    font-style: normal;
    font-weight: 500;
    font-size: 18px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .itog {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 24px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .itog .left {
    font-style: normal;
    font-weight: 500;
    font-size: 18px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block .itog .right {
    font-style: normal;
    font-weight: 700;
    font-size: 32px
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 232px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block button:not(.basket-btn):visited {
    background: #0072dc
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block button:has(.basket-btn):active {
    background: #0072dc
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block button:not(.basket-btn):active {
    background: #0072dc
}

.glasses-product .selction-lenses-block-wrap>.right .selction-lenses-price-block button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.error-params {
    margin-top: 1rem;
    max-width: 500px;
    color: #ed3254
}

.modal-container .error-params {
    max-width: 100%
}

.modals {
    width: 100%;
    height: 100%;
    background: #727a81;
    padding: 100px;
    display: flex
}

.modals .modal {
    margin: 20px
}

.modal {
    background: #fff;
    border-radius: 4px
}

.modal .social-network-wrap {
    display: flex
}

.modal .social-network-wrap>div:nth-child(1) {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    margin-right: 22px
}

.modal .social-network-wrap>div.social-networks {
    display: flex
}

.modal .social-network-wrap>div.social-networks .social-network-item {
    margin-right: 10px
}

.modal .social-network-wrap>div.social-networks .social-network-item:last-child {
    margin-right: 0
}

.modal-alert-with-icon {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal-alert-with-icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #d8f1ff;
    margin-bottom: 26px
}

.modal-alert-with-icon .title {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px
}

.modal-alert-with-icon .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    text-align: center;
    margin-bottom: 25px
}

.modal-alert-with-icon button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 281px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.modal-alert-with-icon button:not(.basket-btn):visited {
    background: #0072dc
}

.modal-alert-with-icon button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.modal-alert-with-icon button:has(.basket-btn):active {
    background: #0072dc
}

.modal-alert-with-icon button:not(.basket-btn):active {
    background: #0072dc
}

.modal-alert-with-icon button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.modal-alert {
    width: 303px;
    padding: 32px 34px 32px 32px
}

.modal-alert .title {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 12px
}

.modal-alert .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    margin-bottom: 32px
}

.modal-alert button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 303px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.modal-alert button:not(.basket-btn):visited {
    background: #0072dc
}

.modal-alert button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.modal-alert button:has(.basket-btn):active {
    background: #0072dc
}

.modal-alert button:not(.basket-btn):active {
    background: #0072dc
}

.modal-alert button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.auth-reg,
.authform,
.modal-classic,
.recovery-form {
    position: relative;
    padding: 32px;
    border-radius: 4px 0 4px 4px
}

.auth-reg .close,
.authform .close,
.modal-classic .close,
.recovery-form .close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: -40px;
    background: #89c2e3;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

.auth-reg .close:hover,
.authform .close:hover,
.modal-classic .close:hover,
.recovery-form .close:hover {
    background: #0997ed;
    transition: .2s
}

.auth-reg .close:active,
.authform .close:active,
.modal-classic .close:active,
.recovery-form .close:active {
    background: #0072dc;
    transition: .2s
}

.auth-reg .recovery-text,
.authform .recovery-text,
.modal-classic .recovery-text,
.recovery-form .recovery-text {
    margin-bottom: 32px
}

.auth-reg .top,
.authform .top,
.modal-classic .top,
.recovery-form .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 32px
}

.auth-reg .top .left .title,
.authform .top .left .title,
.modal-classic .top .left .title,
.recovery-form .top .left .title {
    font-style: normal;
    font-weight: 700;
    font-size: 22px
}

.auth-reg .top .right,
.authform .top .right,
.modal-classic .top .right,
.recovery-form .top .right {
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.auth-reg .middle .text,
.authform .middle .text,
.modal-classic .middle .text,
.recovery-form .middle .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b
}

.auth-tabs {
    display: flex;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-bottom: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px
}

.auth-tabs .tab {
    position: relative;
    padding: 12px 32px;
    cursor: pointer
}

.auth-tabs .tab.active {
    font-weight: 500;
    background: #f2faff
}

.auth-tabs .tab.active:before {
    content: "";
    position: absolute;
    border: 1px solid #0997ed;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.auth-tabs .tab:hover {
    font-weight: 500;
    color: #0072dc;
    cursor: pointer
}

.auth-reg,
.modal-registration-form {
    width: 752px
}

.auth-reg form,
.modal-registration-form form {
    border-bottom: 1px solid #f0f0f2;
    padding-bottom: 35px
}

.auth-reg .submit_block,
.modal-registration-form .submit_block {
    display: flex;
    align-items: center
}

.auth-reg .submit_block .btn-container,
.modal-registration-form .submit_block .btn-container {
    min-width: 240px;
    margin-right: 16px
}

.auth-reg .submit_block .policy,
.modal-registration-form .submit_block .policy {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8d919d;
    line-height: 130%
}

.auth-reg .middle,
.modal-registration-form .middle {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px
}

.auth-reg .middle .input-ui:nth-child(5),
.auth-reg .middle>.input-ui:nth-child(3),
.modal-registration-form .middle .input-ui:nth-child(5),
.modal-registration-form .middle>.input-ui:nth-child(3) {
    margin-right: 0
}

.auth-reg .middle>.input-ui:nth-child(4),
.modal-registration-form .middle>.input-ui:nth-child(4) {
    width: 496px
}

.product-modal .color-variables-slider {
    max-width: 752px
}

.product-modal .user-info {
    display: flex;
    border-bottom: 1px solid #f0f0f2;
    margin-bottom: 35px;
    margin-top: 20px
}

.product-modal .user-info .input-ui {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    margin-right: 16px
}

.product-modal .user-info .input-ui .input-ui {
    margin-right: 16px
}

.product-modal .user-info .input-ui .input-ui:last-child {
    margin-right: 0
}

.product-modal .user-info .input-ui:last-child {
    margin-right: 0
}

.product-modal .user-info .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.product-modal .user-info .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.product-modal .user-info .input-ui input::-webkit-input-placeholder,
.product-modal .user-info .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.product-modal .user-info .input-ui input::-ms-input-placeholder,
.product-modal .user-info .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.product-modal .user-info .input-ui input::-moz-placeholder,
.product-modal .user-info .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.product-modal .user-info .input-ui input:-moz-placeholder,
.product-modal .user-info .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.product-modal .user-info .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px
}

.product-modal .user-info .input-ui input:active,
.product-modal .user-info .input-ui input:focus,
.product-modal .user-info .input-ui input:hover {
    border-color: #0997ed
}

.product-modal .user-info .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.product-modal .user-info .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.product-modal .user-info .input-ui.phone input:active,
.product-modal .user-info .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.product-modal .user-info .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.product-modal .user-info .input-ui.password>div input {
    width: 100%
}

.product-modal .user-info .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.product-modal .user-info .input-ui.password>div svg.svg-not-see {
    display: block
}

.product-modal .user-info .input-ui.password>div svg.svg-see {
    display: none
}

.product-modal .user-info .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.product-modal .user-info .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.product-modal .user-info .input-ui .error-block {
    display: none;
    color: #ed3254
}

.product-modal .user-info .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.product-modal .user-info .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.product-modal .user-info .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.auth-reg,
.authform,
.recovery-form {
    padding: 0
}

.auth-reg .input-ui,
.authform .input-ui,
.recovery-form .input-ui {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    margin-right: 16px
}

.auth-reg .input-ui .input-ui,
.authform .input-ui .input-ui,
.recovery-form .input-ui .input-ui {
    margin-right: 16px
}

.auth-reg .input-ui .input-ui:last-child,
.authform .input-ui .input-ui:last-child,
.recovery-form .input-ui .input-ui:last-child {
    margin-right: 0
}

.auth-reg .input-ui:last-child,
.authform .input-ui:last-child,
.recovery-form .input-ui:last-child {
    margin-right: 0
}

.auth-reg .input-ui,
.authform .input-ui,
.recovery-form .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.auth-reg .input-ui label,
.authform .input-ui label,
.recovery-form .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.auth-reg .input-ui input::-webkit-input-placeholder,
.auth-reg .input-ui textarea::-webkit-input-placeholder,
.authform .input-ui input::-webkit-input-placeholder,
.authform .input-ui textarea::-webkit-input-placeholder,
.recovery-form .input-ui input::-webkit-input-placeholder,
.recovery-form .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.auth-reg .input-ui input::-ms-input-placeholder,
.auth-reg .input-ui textarea::-ms-input-placeholder,
.authform .input-ui input::-ms-input-placeholder,
.authform .input-ui textarea::-ms-input-placeholder,
.recovery-form .input-ui input::-ms-input-placeholder,
.recovery-form .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.auth-reg .input-ui input::-moz-placeholder,
.auth-reg .input-ui textarea::-moz-placeholder,
.authform .input-ui input::-moz-placeholder,
.authform .input-ui textarea::-moz-placeholder,
.recovery-form .input-ui input::-moz-placeholder,
.recovery-form .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.auth-reg .input-ui input:-moz-placeholder,
.auth-reg .input-ui textarea:-moz-placeholder,
.authform .input-ui input:-moz-placeholder,
.authform .input-ui textarea:-moz-placeholder,
.recovery-form .input-ui input:-moz-placeholder,
.recovery-form .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.auth-reg .input-ui input,
.authform .input-ui input,
.recovery-form .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px
}

.auth-reg .input-ui input:active,
.auth-reg .input-ui input:focus,
.auth-reg .input-ui input:hover,
.authform .input-ui input:active,
.authform .input-ui input:focus,
.authform .input-ui input:hover,
.recovery-form .input-ui input:active,
.recovery-form .input-ui input:focus,
.recovery-form .input-ui input:hover {
    border-color: #0997ed
}

.auth-reg .input-ui input:disabled,
.authform .input-ui input:disabled,
.recovery-form .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.auth-reg .input-ui input:disabled:hover,
.authform .input-ui input:disabled:hover,
.recovery-form .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.auth-reg .input-ui.phone input:active,
.auth-reg .input-ui.phone input:focus,
.authform .input-ui.phone input:active,
.authform .input-ui.phone input:focus,
.recovery-form .input-ui.phone input:active,
.recovery-form .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.auth-reg .input-ui.password>div,
.authform .input-ui.password>div,
.recovery-form .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.auth-reg .input-ui.password>div input,
.authform .input-ui.password>div input,
.recovery-form .input-ui.password>div input {
    width: 100%
}

.auth-reg .input-ui.password>div svg,
.authform .input-ui.password>div svg,
.recovery-form .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.auth-reg .input-ui.password>div svg.svg-not-see,
.authform .input-ui.password>div svg.svg-not-see,
.recovery-form .input-ui.password>div svg.svg-not-see {
    display: block
}

.auth-reg .input-ui.password>div svg.svg-see,
.authform .input-ui.password>div svg.svg-see,
.recovery-form .input-ui.password>div svg.svg-see {
    display: none
}

.auth-reg .input-ui.password.open-for-see>div svg.svg-not-see,
.authform .input-ui.password.open-for-see>div svg.svg-not-see,
.recovery-form .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.auth-reg .input-ui.password.open-for-see>div svg.svg-see,
.authform .input-ui.password.open-for-see>div svg.svg-see,
.recovery-form .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.auth-reg .input-ui .error-block,
.authform .input-ui .error-block,
.recovery-form .input-ui .error-block {
    display: none;
    color: #ed3254
}

.auth-reg .input-ui.error .error-block,
.authform .input-ui.error .error-block,
.recovery-form .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.auth-reg .input-ui.error .error-block:after,
.authform .input-ui.error .error-block:after,
.recovery-form .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.auth-reg .input-ui.error input,
.authform .input-ui.error input,
.recovery-form .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.auth-reg,
.authform,
.recovery-form {
    max-width: 816px
}

.auth-reg .btn-container,
.authform .btn-container,
.recovery-form .btn-container {
    max-width: 240px;
    box-sizing: border-box
}

.appointment-modal form {
    padding-bottom: 0;
    border-bottom: none
}

.appointment-modal form input[type=date] {
    height: 48px
}

.appointment-modal .select2-container .selection {
    height: 48px
}

.appointment-modal .select2-container .select2-selection--single {
    height: auto
}

.appointment-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    right: 12px
}

.appointment-modal .select-ui {
    width: 100%;
    margin-bottom: 24px
}

.appointment-modal .select-ui .error {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px
}

.appointment-modal .input-ui {
    max-width: 240px;
    margin-right: 16px
}

.appointment-modal .input-ui:nth-child(3),
.appointment-modal .input-ui:nth-child(5) {
    margin-right: 16px !important
}

.appointment-modal .input-ui:nth-child(4) {
    margin-right: 0
}

.appointment-modal .select-caption {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px
}

.modal-about-price-reduction {
    width: 395px
}

.modal-about-price-reduction .top {
    margin-bottom: 12px
}

.modal-about-price-reduction .middle>div:first-child {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #6e6f7b;
    margin-bottom: 24px
}

.modal-about-price-reduction .middle form>div {
    margin-bottom: 32px
}

.modal-about-price-reduction .middle form>div .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 360px
}

.modal-about-price-reduction .middle form>div .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.modal-about-price-reduction .middle form>div .input-ui input::-webkit-input-placeholder,
.modal-about-price-reduction .middle form>div .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-about-price-reduction .middle form>div .input-ui input::-ms-input-placeholder,
.modal-about-price-reduction .middle form>div .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-about-price-reduction .middle form>div .input-ui input::-moz-placeholder,
.modal-about-price-reduction .middle form>div .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-about-price-reduction .middle form>div .input-ui input:-moz-placeholder,
.modal-about-price-reduction .middle form>div .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-about-price-reduction .middle form>div .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.modal-about-price-reduction .middle form>div .input-ui input:active,
.modal-about-price-reduction .middle form>div .input-ui input:focus,
.modal-about-price-reduction .middle form>div .input-ui input:hover {
    border-color: #0997ed
}

.modal-about-price-reduction .middle form>div .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.modal-about-price-reduction .middle form>div .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.modal-about-price-reduction .middle form>div .input-ui.phone input:active,
.modal-about-price-reduction .middle form>div .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.modal-about-price-reduction .middle form>div .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modal-about-price-reduction .middle form>div .input-ui.password>div input {
    width: 100%
}

.modal-about-price-reduction .middle form>div .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.modal-about-price-reduction .middle form>div .input-ui.password>div svg.svg-not-see {
    display: block
}

.modal-about-price-reduction .middle form>div .input-ui.password>div svg.svg-see {
    display: none
}

.modal-about-price-reduction .middle form>div .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.modal-about-price-reduction .middle form>div .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.modal-about-price-reduction .middle form>div .input-ui .error-block {
    display: none;
    color: #ed3254
}

.modal-about-price-reduction .middle form>div .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.modal-about-price-reduction .middle form>div .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.modal-about-price-reduction .middle form>div .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.modal-about-price-reduction .middle form button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 360px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.modal-about-price-reduction .middle form button:not(.basket-btn):visited {
    background: #0072dc
}

.modal-about-price-reduction .middle form button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.modal-about-price-reduction .middle form button:has(.basket-btn):active {
    background: #0072dc
}

.modal-about-price-reduction .middle form button:not(.basket-btn):active {
    background: #0072dc
}

.modal-about-price-reduction .middle form button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.authform,
.modal-auth {
    width: 496px
}

.authform .middle,
.modal-auth .middle {
    margin-bottom: 35px;
    border-bottom: 1px solid #f0f0f2
}

.authform form,
.modal-auth form {
    margin-bottom: 32px
}

.authform form>div:nth-child(1),
.modal-auth form>div:nth-child(1) {
    margin-bottom: 24px
}

.authform form>div:nth-child(1) .input-ui,
.modal-auth form>div:nth-child(1) .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 496px
}

.authform form>div:nth-child(1) .input-ui label,
.modal-auth form>div:nth-child(1) .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.authform form>div:nth-child(1) .input-ui input::-webkit-input-placeholder,
.authform form>div:nth-child(1) .input-ui textarea::-webkit-input-placeholder,
.modal-auth form>div:nth-child(1) .input-ui input::-webkit-input-placeholder,
.modal-auth form>div:nth-child(1) .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(1) .input-ui input::-ms-input-placeholder,
.authform form>div:nth-child(1) .input-ui textarea::-ms-input-placeholder,
.modal-auth form>div:nth-child(1) .input-ui input::-ms-input-placeholder,
.modal-auth form>div:nth-child(1) .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(1) .input-ui input::-moz-placeholder,
.authform form>div:nth-child(1) .input-ui textarea::-moz-placeholder,
.modal-auth form>div:nth-child(1) .input-ui input::-moz-placeholder,
.modal-auth form>div:nth-child(1) .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(1) .input-ui input:-moz-placeholder,
.authform form>div:nth-child(1) .input-ui textarea:-moz-placeholder,
.modal-auth form>div:nth-child(1) .input-ui input:-moz-placeholder,
.modal-auth form>div:nth-child(1) .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(1) .input-ui input,
.modal-auth form>div:nth-child(1) .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.authform form>div:nth-child(1) .input-ui input:active,
.authform form>div:nth-child(1) .input-ui input:focus,
.authform form>div:nth-child(1) .input-ui input:hover,
.modal-auth form>div:nth-child(1) .input-ui input:active,
.modal-auth form>div:nth-child(1) .input-ui input:focus,
.modal-auth form>div:nth-child(1) .input-ui input:hover {
    border-color: #0997ed
}

.authform form>div:nth-child(1) .input-ui input:disabled,
.modal-auth form>div:nth-child(1) .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.authform form>div:nth-child(1) .input-ui input:disabled:hover,
.modal-auth form>div:nth-child(1) .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.authform form>div:nth-child(1) .input-ui.phone input:active,
.authform form>div:nth-child(1) .input-ui.phone input:focus,
.modal-auth form>div:nth-child(1) .input-ui.phone input:active,
.modal-auth form>div:nth-child(1) .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.authform form>div:nth-child(1) .input-ui.password>div,
.modal-auth form>div:nth-child(1) .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.authform form>div:nth-child(1) .input-ui.password>div input,
.modal-auth form>div:nth-child(1) .input-ui.password>div input {
    width: 100%
}

.authform form>div:nth-child(1) .input-ui.password>div svg,
.modal-auth form>div:nth-child(1) .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.authform form>div:nth-child(1) .input-ui.password>div svg.svg-not-see,
.modal-auth form>div:nth-child(1) .input-ui.password>div svg.svg-not-see {
    display: block
}

.authform form>div:nth-child(1) .input-ui.password>div svg.svg-see,
.modal-auth form>div:nth-child(1) .input-ui.password>div svg.svg-see {
    display: none
}

.authform form>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-not-see,
.modal-auth form>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.authform form>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-see,
.modal-auth form>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.authform form>div:nth-child(1) .input-ui .error-block,
.modal-auth form>div:nth-child(1) .input-ui .error-block {
    display: none;
    color: #ed3254
}

.authform form>div:nth-child(1) .input-ui.error .error-block,
.modal-auth form>div:nth-child(1) .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.authform form>div:nth-child(1) .input-ui.error .error-block:after,
.modal-auth form>div:nth-child(1) .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.authform form>div:nth-child(1) .input-ui.error input,
.modal-auth form>div:nth-child(1) .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.authform form>div:nth-child(2),
.modal-auth form>div:nth-child(2) {
    display: flex
}

.authform form>div:nth-child(2)>div:nth-child(1),
.modal-auth form>div:nth-child(2)>div:nth-child(1) {
    margin-bottom: 32px;
    margin-right: 16px
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui label,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input::-webkit-input-placeholder,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui textarea::-webkit-input-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input::-webkit-input-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input::-ms-input-placeholder,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui textarea::-ms-input-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input::-ms-input-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input::-moz-placeholder,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui textarea::-moz-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input::-moz-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input:-moz-placeholder,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui textarea:-moz-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input:-moz-placeholder,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input:active,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input:focus,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input:hover,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input:active,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input:focus,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input:hover {
    border-color: #0997ed
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input:disabled,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui input:disabled:hover,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.phone input:active,
.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.phone input:focus,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.phone input:active,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div input,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div input {
    width: 100%
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div svg,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div svg.svg-not-see,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div svg.svg-not-see {
    display: block
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div svg.svg-see,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password>div svg.svg-see {
    display: none
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-not-see,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-see,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui .error-block,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui .error-block {
    display: none;
    color: #ed3254
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.error .error-block,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.error .error-block:after,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.authform form>div:nth-child(2)>div:nth-child(1) .input-ui.error input,
.modal-auth form>div:nth-child(2)>div:nth-child(1) .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.authform form>div:nth-child(2)>div:nth-child(2),
.modal-auth form>div:nth-child(2)>div:nth-child(2) {
    display: flex;
    align-items: center
}

.authform form>div:nth-child(2)>div:nth-child(2) a,
.modal-auth form>div:nth-child(2)>div:nth-child(2) a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.authform form>button,
.modal-auth form>button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 240px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.authform form>button:not(.basket-btn):visited,
.modal-auth form>button:not(.basket-btn):visited {
    background: #0072dc
}

.authform form>button:hover,
.modal-auth form>button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.authform form>button:has(.basket-btn):active,
.modal-auth form>button:has(.basket-btn):active {
    background: #0072dc
}

.authform form>button:not(.basket-btn):active,
.modal-auth form>button:not(.basket-btn):active {
    background: #0072dc
}

.authform form>button:disabled,
.modal-auth form>button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.recovery-form .top {
    margin-bottom: 12px
}

.modal-recovery-password,
.recovery-form {
    width: 496px
}

.modal-recovery-password .top,
.recovery-form .top {
    margin-bottom: 12px
}

.modal-recovery-password form,
.recovery-form form {
    border-bottom: 1px solid #f0f0f2;
    padding-bottom: 35px
}

.modal-recovery-password .middle,
.recovery-form .middle {
    margin-bottom: 24px
}

.modal-recovery-password .middle>div,
.recovery-form .middle>div {
    margin-bottom: 32px
}

.modal-recovery-password .middle>div .input-ui,
.recovery-form .middle>div .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 496px
}

.modal-recovery-password .middle>div .input-ui label,
.recovery-form .middle>div .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.modal-recovery-password .middle>div .input-ui input::-webkit-input-placeholder,
.modal-recovery-password .middle>div .input-ui textarea::-webkit-input-placeholder,
.recovery-form .middle>div .input-ui input::-webkit-input-placeholder,
.recovery-form .middle>div .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-recovery-password .middle>div .input-ui input::-ms-input-placeholder,
.modal-recovery-password .middle>div .input-ui textarea::-ms-input-placeholder,
.recovery-form .middle>div .input-ui input::-ms-input-placeholder,
.recovery-form .middle>div .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-recovery-password .middle>div .input-ui input::-moz-placeholder,
.modal-recovery-password .middle>div .input-ui textarea::-moz-placeholder,
.recovery-form .middle>div .input-ui input::-moz-placeholder,
.recovery-form .middle>div .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-recovery-password .middle>div .input-ui input:-moz-placeholder,
.modal-recovery-password .middle>div .input-ui textarea:-moz-placeholder,
.recovery-form .middle>div .input-ui input:-moz-placeholder,
.recovery-form .middle>div .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-recovery-password .middle>div .input-ui input,
.recovery-form .middle>div .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.modal-recovery-password .middle>div .input-ui input:active,
.modal-recovery-password .middle>div .input-ui input:focus,
.modal-recovery-password .middle>div .input-ui input:hover,
.recovery-form .middle>div .input-ui input:active,
.recovery-form .middle>div .input-ui input:focus,
.recovery-form .middle>div .input-ui input:hover {
    border-color: #0997ed
}

.modal-recovery-password .middle>div .input-ui input:disabled,
.recovery-form .middle>div .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.modal-recovery-password .middle>div .input-ui input:disabled:hover,
.recovery-form .middle>div .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.modal-recovery-password .middle>div .input-ui.phone input:active,
.modal-recovery-password .middle>div .input-ui.phone input:focus,
.recovery-form .middle>div .input-ui.phone input:active,
.recovery-form .middle>div .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.modal-recovery-password .middle>div .input-ui.password>div,
.recovery-form .middle>div .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modal-recovery-password .middle>div .input-ui.password>div input,
.recovery-form .middle>div .input-ui.password>div input {
    width: 100%
}

.modal-recovery-password .middle>div .input-ui.password>div svg,
.recovery-form .middle>div .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.modal-recovery-password .middle>div .input-ui.password>div svg.svg-not-see,
.recovery-form .middle>div .input-ui.password>div svg.svg-not-see {
    display: block
}

.modal-recovery-password .middle>div .input-ui.password>div svg.svg-see,
.recovery-form .middle>div .input-ui.password>div svg.svg-see {
    display: none
}

.modal-recovery-password .middle>div .input-ui.password.open-for-see>div svg.svg-not-see,
.recovery-form .middle>div .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.modal-recovery-password .middle>div .input-ui.password.open-for-see>div svg.svg-see,
.recovery-form .middle>div .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.modal-recovery-password .middle>div .input-ui .error-block,
.recovery-form .middle>div .input-ui .error-block {
    display: none;
    color: #ed3254
}

.modal-recovery-password .middle>div .input-ui.error .error-block,
.recovery-form .middle>div .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.modal-recovery-password .middle>div .input-ui.error .error-block:after,
.recovery-form .middle>div .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.modal-recovery-password .middle>div .input-ui.error input,
.recovery-form .middle>div .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.modal-recovery-password .middle button,
.recovery-form .middle button {
    margin-bottom: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 240px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.modal-recovery-password .middle button:not(.basket-btn):visited,
.recovery-form .middle button:not(.basket-btn):visited {
    background: #0072dc
}

.modal-recovery-password .middle button:hover,
.recovery-form .middle button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.modal-recovery-password .middle button:has(.basket-btn):active,
.recovery-form .middle button:has(.basket-btn):active {
    background: #0072dc
}

.modal-recovery-password .middle button:not(.basket-btn):active,
.recovery-form .middle button:not(.basket-btn):active {
    background: #0072dc
}

.modal-recovery-password .middle button:disabled,
.recovery-form .middle button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.modal-recovery-password .bottom,
.recovery-form .bottom {
    color: #81848f
}

.modal-recovery-password .bottom a,
.recovery-form .bottom a {
    font-size: 16px
}

.modal-order-callback {
    max-width: 312px;
    margin: 0 auto;
    margin-top: 10vh
}

.modal-order-callback .top {
    margin-bottom: 12px
}

.modal-order-callback .middle form .input-ui:nth-child(1) {
    margin-bottom: 24px
}

.modal-order-callback .middle form .input-ui:last-child {
    margin-bottom: 31px
}

.modal-order-callback .middle form>div .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.modal-order-callback .middle form>div .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.modal-order-callback .middle form>div .input-ui input::-webkit-input-placeholder,
.modal-order-callback .middle form>div .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-order-callback .middle form>div .input-ui input::-ms-input-placeholder,
.modal-order-callback .middle form>div .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-order-callback .middle form>div .input-ui input::-moz-placeholder,
.modal-order-callback .middle form>div .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-order-callback .middle form>div .input-ui input:-moz-placeholder,
.modal-order-callback .middle form>div .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-order-callback .middle form>div .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.modal-order-callback .middle form>div .input-ui input:active,
.modal-order-callback .middle form>div .input-ui input:focus,
.modal-order-callback .middle form>div .input-ui input:hover {
    border-color: #0997ed
}

.modal-order-callback .middle form>div .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.modal-order-callback .middle form>div .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.modal-order-callback .middle form>div .input-ui.phone input:active,
.modal-order-callback .middle form>div .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.modal-order-callback .middle form>div .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modal-order-callback .middle form>div .input-ui.password>div input {
    width: 100%
}

.modal-order-callback .middle form>div .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.modal-order-callback .middle form>div .input-ui.password>div svg.svg-not-see {
    display: block
}

.modal-order-callback .middle form>div .input-ui.password>div svg.svg-see {
    display: none
}

.modal-order-callback .middle form>div .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.modal-order-callback .middle form>div .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.modal-order-callback .middle form>div .input-ui .error-block {
    display: none;
    color: #ed3254
}

.modal-order-callback .middle form>div .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.modal-order-callback .middle form>div .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.modal-order-callback .middle form>div .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.modal-order-callback .middle form button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 239px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.modal-order-callback .middle form button:not(.basket-btn):visited {
    background: #0072dc
}

.modal-order-callback .middle form button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.modal-order-callback .middle form button:has(.basket-btn):active {
    background: #0072dc
}

.modal-order-callback .middle form button:not(.basket-btn):active {
    background: #0072dc
}

.modal-order-callback .middle form button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.modal-order-callback .middle form .blue-btn {
    box-sizing: border-box
}

.modal-write-to-company {
    width: 752px
}

.modal-write-to-company .top {
    margin-bottom: 12px
}

.modal-write-to-company .middle {
    border-bottom: 1px solid #f0f0f2;
    margin-bottom: 35px
}

.modal-write-to-company .middle .text {
    margin-bottom: 24px
}

.modal-write-to-company .middle form>div:nth-child(1) {
    display: flex;
    margin-bottom: 24px
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui {
    margin-right: 16px
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui:last-child {
    margin-right: 0
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input::-webkit-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input::-ms-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input::-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input:-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input:active,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui input:focus,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui input:hover {
    border-color: #0997ed
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.phone input:active,
.modal-write-to-company .middle form>div:nth-child(1) .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password>div input {
    width: 100%
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password>div svg.svg-not-see {
    display: block
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password>div svg.svg-see {
    display: none
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui .error-block {
    display: none;
    color: #ed3254
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.modal-write-to-company .middle form>div:nth-child(1) .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.modal-write-to-company .middle form>div:nth-child(2) {
    display: flex;
    margin-bottom: 26px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child {
    margin-right: 16px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 496px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input::-webkit-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input::-ms-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input::-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input:-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input:active,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input:focus,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input:hover {
    border-color: #0997ed
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.phone input:active,
.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password>div input {
    width: 100%
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password>div svg.svg-not-see {
    display: block
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password>div svg.svg-see {
    display: none
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui .error-block {
    display: none;
    color: #ed3254
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:first-child .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 240px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: pointer
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input::-webkit-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input::-ms-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input::-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input:-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 400
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input {
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 16px 14px;
    font-size: 16px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input:active,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input:focus,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input:hover {
    border-color: #0997ed
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input:disabled {
    background: #f0f0f2;
    color: #8d919d
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui input:disabled:hover {
    border-color: #d6dbe3
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.phone input:active,
.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.phone input:focus {
    font-feature-settings: "tnum" on, "lnum" on
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password>div input {
    width: 100%
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password>div svg {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password>div svg.svg-not-see {
    display: block
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password>div svg.svg-see {
    display: none
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password.open-for-see>div svg.svg-not-see {
    display: none
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.password.open-for-see>div svg.svg-see {
    display: block
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui .error-block {
    display: none;
    color: #ed3254
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.error .error-block {
    display: block;
    position: absolute;
    right: 0;
    background: #ffdfe5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 15px 8px 15px;
    bottom: 56px;
    max-width: 169px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.error .error-block:after {
    content: "";
    position: absolute;
    border: 9px solid transparent;
    border-top: 12px solid #ffdfe5;
    bottom: -14px;
    right: 68px
}

.modal-write-to-company .middle form>div:nth-child(2)>div:last-child .input-ui.error input {
    border-color: #ed3254;
    color: #ed3254
}

.modal-write-to-company .middle form>div:nth-child(3) {
    margin-bottom: 32px
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui label {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea {
    width: 752px;
    height: 104px;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    padding: 12px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea:active,
.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea:focus,
.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea:hover {
    border: 1px solid #0997ed
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui input::-webkit-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea::-webkit-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 500
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui input::-ms-input-placeholder,
.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea::-ms-input-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 500
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui input::-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea::-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 500
}

.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui input:-moz-placeholder,
.modal-write-to-company .middle form>div:nth-child(3) .textarea-ui textarea:-moz-placeholder {
    color: #8d919d;
    font-size: 16px;
    font-weight: 500
}

.modal-write-to-company .middle form>div:nth-child(4) {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child {
    margin-right: 16px
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 240px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    background: #0997ed;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: none
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child button:not(.basket-btn):visited {
    background: #0072dc
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child button:hover {
    background: linear-gradient(91.53deg, #44b1f3 2.05%, #4552d0 107.88%)
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child button:has(.basket-btn):active {
    background: #0072dc
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child button:not(.basket-btn):active {
    background: #0072dc
}

.modal-write-to-company .middle form>div:nth-child(4)>div:first-child button:disabled {
    transition: .2s;
    background: #d6dbe3;
    cursor: default
}

.modal-write-to-company .middle form>div:nth-child(4)>div:last-child {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8d919d;
    line-height: 130%
}

.cities-list {
    display: none
}

.cities-modal {
    max-width: 800px;
    min-width: 720px;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    margin-top: 10vh;
    background-color: #fff;
    box-sizing: border-box
}

.cities-modal .search-block {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.cities-modal .search-block .city-item {
    background: #f3f3f3;
    padding: 6px 15px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    transition: all .2s ease
}

.cities-modal .search-block .city-item a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.cities-modal .search-block .city-item:hover {
    background: #232323
}

.cities-modal .search-block .city-item:hover a {
    color: #fff
}

.lenses-catalog {
    margin-bottom: 120px
}

.lenses-catalog .pagetitile {
    margin-bottom: 12px
}

.lenses-catalog .disclaimer {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 36px
}

.lenses-catalog .disclaimer svg {
    margin-right: 8px
}

.lenses-catalog .filter-result-wrap {
    display: flex
}

.lenses-catalog .filter-result-wrap>.left {
    width: 100%;
    max-width: 282px;
    margin-right: 50px
}

.lenses-catalog .filter-result-wrap>.right {
    width: 100%
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui {
    position: relative;
    width: 184px
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui.disabled {
    background-color: #6e6f7b
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 184px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 29px 5px 11px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .value:hover svg path {
    stroke: #0997ed
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .left .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right {
    display: flex
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .catalog-tile-view {
    display: flex;
    align-items: center;
    margin-right: 36px
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui {
    position: relative;
    width: 141px
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui.disabled {
    background-color: #6e6f7b
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 141px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 29px 5px 11px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .value:hover svg path {
    stroke: #0997ed
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.lenses-catalog .filter-result-wrap>.right .sorts-wrap .right .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .products-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: -16px;
    margin-bottom: 55px
}

.lenses-catalog .filter-result-wrap>.right .products-wrap .product-tile {
    margin: 16px
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap {
    display: flex;
    justify-content: space-between
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui {
    position: relative;
    width: 141px
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui.disabled {
    background-color: #6e6f7b
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .value {
    display: flex;
    align-items: center;
    position: relative;
    width: 141px;
    height: 34px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 29px 5px 11px;
    font-weight: 400;
    font-size: 14px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .value svg {
    position: absolute;
    right: 4px;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .value span {
    white-space: nowrap;
    overflow: hidden
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .value:hover {
    border-color: #0997ed;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .value:hover svg path {
    stroke: #0997ed
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .value.active svg {
    transform: rotate(180deg);
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .values {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transform: translateY(-20px);
    opacity: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -8px;
    z-index: 10;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .values.active {
    clip-path: unset;
    transform: translateY(0);
    opacity: 1;
    transition: .2s
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .values .item {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #2e3447;
    padding: 6px 11px 6px 11px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.lenses-catalog .filter-result-wrap>.right .pagination-wrap .select-ui .values .item:hover {
    background: #f2faff;
    transition: .2s
}

.js-search-block input[type=search]::-webkit-search-cancel-button,
.js-search-block input[type=search]::-webkit-search-decoration,
.js-search-block input[type=search]::-webkit-search-results-button,
.js-search-block input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.slick-next:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    display: none;
    opacity: 0 !important
}

.slick-slide:active,
.slick-slide:focus,
.ui-slider-handle {
    outline: 0
}

.green {
    color: #00ad9c !important
}

.red {
    color: #ed3254 !important
}

.no-link {
    color: #2e3447
}

.no-link:hover {
    color: #2e3447
}

#svg-gradients {
    position: absolute;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0)
}


.modal-container {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: rgba(114, 122, 129, .9);
    overflow: auto
}

.modal-subtitle {
    font-weight: 500;
    margin-bottom: 12px
}

.modal-product-img {
    text-align: center
}

.modal-product-img img {
    display: inline-block;
    margin-bottom: 1rem;
    max-width: 250px;
    max-height: 300px;
    -o-object-fit: contain;
    object-fit: contain
}

.product-modal {
    max-width: 816px;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    margin-top: 10vh;
    background-color: #fff;
    box-sizing: border-box
}

.modal-total-line {
    margin-top: 1rem;
    color: #6e6f7b
}

.modal-total-line span {
    color: #2e3447;
    font-weight: 500
}

.sub-ul {
    margin: 12px 0;
    margin-left: 12px
}

.mb-0 {
    margin-bottom: 0
}

.color-red {
    color: #ed3254
}

.d-none {
    display: none
}

.discount-price {
    text-decoration: line-through;
    color: #8d919d;
    font-size: 20px;
    font-weight: 500
}

.product-tile .discount-price {
    margin-left: 16px
}

.tooltip {
    position: relative;
    display: inline-block
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    min-height: 100px;
    background-color: #fff;
    border-radius: 6px;
    padding: 16px;
    font-weight: 400;
    border: 1px solid #d6dbe3;
    position: absolute;
    left: 0;
    color: #2e3447;
    bottom: 100%;
    z-index: 1
}

.tooltip .tooltiptext::after {
    position: absolute;
    content: "";
    background: #fff;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border-right: solid 1px #d6dbe3;
    border-bottom: solid 1px #d6dbe3;
    transform: rotate(45deg);
    left: 21px;
    bottom: -4px
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

.blog-inner a {
    color: #0997ED;
    text-decoration: underline;
    text-decoration-color: #0997ED;
    text-underline-offset: 3px;
    transition: all 0.3s ease;
    
    animation: blue-pulse 1.5s ease-in-out infinite alternate;
}

.blog-inner a:hover {
    animation-play-state: paused;
    color: #0073B9;
    text-shadow: 0 0 10px rgba(9, 151, 237, 0.8);
}

@keyframes blue-pulse {
    0% {
        color: #0997ED;
        text-shadow: 0 0 0px rgba(9, 151, 237, 0);
    }
    100% {
        color: #3BB1FF;
        text-shadow: 0 0 8px rgba(9, 151, 237, 0.3);
    }
}