/* Base styles */
* {
    box-sizing: border-box;
}

:not(input)::selection {
    background: #eee;
}

input::selection {
    background: #9c233f;
    color: #fff;
}

body {
    font: 16px/24px 'Proxima Nova Rg', sans-serif;
    /* padding-top: 78px; */
    -webkit-font-smoothing: subpixel-antialiased;
    color: #303030;
}

body.main {
    padding-top: 0;
    margin-top: -80px;
}

body.scroll-block {
    overflow: hidden;
}

main {
    padding-right: 80px;
    min-height: 40vh;
}

h1 {
    margin: 0;
    font: 32px/36px 'Times New Roman', serif;
    text-transform: uppercase;
}

a {
    color: #000;
    outline: none;
}

input, textarea, button {
    outline: none;
    transition: color .5s ease-in-out;
}

body > .overlay,
body > .modal-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
}

body > .modal-overlay {
    z-index: 2;
}

header .menu-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: none;
    bottom: -1px;
    width: 100%;
    background-color: rgba(0,0,0,.5);
}

/* Header */

header {
    position: sticky;
    top: 0px;
    left: 0;
    right: 80px;
    padding: 15px 0 0 35px;
    z-index: 2;
    background: #0000009c;  
}

header .logo span {
    display: inline-block;
    height: 100%;
}

header .logo span.site-logo {
    display: none;
}

header .logo a {
    display: inline-block;
}

header .top nav a,
header .top nav span {
    color: #fff;
}

header .top {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
}

header .top .menu {
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 25px 0 0;
    position: relative;
}

header .top .menu .mobile-social {
    display: none;
}

header .top nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

header .top nav a {
    text-decoration: none;
}

header .top nav .mobile-menu-close {
    display: none;
}

header .top nav span {
    cursor: default;
}

header .top nav > ul > li {
    padding: 0 12px;
}

header .top nav > ul > li span.has-submenu {
    cursor: pointer;
    transition: color .2s ease-in-out;
}

header .top nav > ul > li span.has-submenu:hover {
    color: #9c233f;
}

header .top nav a,
header .top nav span {
    display: inline-block;
    padding: 5px 2px;
    transition: border .2s ease-in-out;
}

header .top nav a:hover,
header .top nav a.select,
header .top nav span.select {
    border-bottom: 2px solid #9c233f;
}

/* Submenu */

header .top nav ul li .submenu {
    display: none;
    padding-left: 15px;
}

.menu-wide {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 2;
}

.menu-wide .logo {
    position: absolute;
    left: 32px;
    top: 11px;
}

.menu-wide .close-button {
    position: absolute;
    background: url('/local/templates/luisa/img/icons/menu-close.png') no-repeat center;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 35px;
    top: 30px;
}

.menu-wide .menu-content {
    display: flex;
    justify-content: center;
    padding-top: 105px;
    padding-left: 25px;
    padding-right: 25px;
}

.menu-wide .menu-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-wide .menu-content .product-announce .products-list {
    justify-content: flex-start;
}

.menu-wide .menu-content .col {
    width: 250px;
}

.menu-wide .menu-content > .col > span {
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    margin-bottom: 25px;
    display: block;
    text-transform: uppercase;
    height: 24px;
}

.menu-wide .menu-content a {
    text-decoration: none;
    font-size: 16px;
    line-height: 2.38;
    transition: border .2s ease-in-out;
    border-bottom: 2px solid transparent;
}

.menu-wide .menu-content a:hover {
    border-bottom: 2px solid #9c233f;
}

/* Side menu */
aside {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 80px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
    min-height: 500px;
    right: 0;
    transition: right .3s ease-in-out;
}

body.main aside {
    right: -80px;
}

body.main.loaded aside {
    right: 0;
}

aside.main {
    background-color: #1a1b1b;
    z-index: 2;
    min-height: 0;
    clip: rect(auto, auto, auto, auto);
}

aside .buttons,
aside .social {
    text-align: center;
}

aside .buttons {
    padding: 38px 30px 0 30px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
}

aside .menu-link {
    display: none;
}

aside .social {
    padding: 0 30px 57px 30px;
    position: fixed;
    bottom: 0;
}

aside a,
header .mobile-social a {
    display: inline-block;
    background: url('/local/templates/luisa/img/icons/icons-sprite.png') no-repeat;
}

aside .buttons a {
    margin-bottom: 45px;
}

aside .buttons a:last-child {
    margin-bottom: 0;
}

aside .buttons .search {
    width: 18px;
    height: 18px;
    background-position: -124px -102px;
}

aside.main .buttons .search {
    background-position: -86px -102px;
}

aside .buttons .basket {
    width: 18px;
    height: 18px;
    background-position: -10px -140px;
    transition: background .2s ease-in-out;
}

aside .buttons .basket.load {
    background: url('/local/templates/luisa/img/icons/basket-load.png') no-repeat center;
}


aside .buttons .basket span {
    position: absolute;
    left: 22px;
    bottom: -5px;
    color: #9c233f;
}

aside.main .buttons .basket {
    background-position: -170px -48px;
}

aside.main .buttons .basket.load {
    background: url('/local/templates/luisa/img/icons/basket-load.png') no-repeat center;
}

aside .buttons .auth {
    width: 18px;
    height: 18px;
    background-position: -170px -86px;
}

aside.main .buttons .auth {
    background-position: -170px -10px;
}

aside .social a {
    margin-top: 45px;
}

aside .social a:first-child {
    margin-top: 0;
}

header .top .menu .mobile-social a[href*="facebook"],
aside .social a[href*="facebook"] {
    width: 10px;
    height: 18px;
    background-position: -136px -57px;
}

aside.main .social a[href*="facebook"] {
    background-position: -102px -57px;
}

header .top .menu .mobile-social a[href*="instagram"],
aside .social a[href*="instagram"] {
    width: 18px;
    height: 18px;
    background-position: -10px -102px;
}

aside.main .social a[href*="instagram"] {
    background-position: -48px -102px;
}

header .top .menu .mobile-social a[href*="twitter"],
aside .social a[href*="twitter"] {
    width: 18px;
    height: 14px;
    background-position: -46px -140px;
}

aside.main .social a[href*="twitter"] {
    background-position: -84px -140px;
}

/* Sections */
section {
    margin: 0 auto;
    width: 1118px;
}

section.wide {
    width: 100%;
}

/* Footer */
footer {
    background-color: #f4f6f8;
    padding: 60px 80px 50px 0;
}

footer .top,
footer .bottom {
    margin: 0 auto;
}

footer .top {
    width: 960px;
    display: flex;
    justify-content: space-between;
}

footer .top ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .top .row {
    display: flex;
    width: 100%;
}

footer .top .col {
    width: 50%;
}

footer .bottom {
    max-width: 1118px;
}

footer .top span {
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
}

footer .top a {
    line-height: 1.86;
    color: #666666;
    font-size: 14px;
    text-decoration: none;
}

footer .top .address {
    margin-bottom: 30px;
}

footer .top .address,
footer .top .address p,
footer .top .address span {
    font-size: 14px;
    line-height: 1.86;
    color: #666666;
}
/* 
.address .address-info {
    font-size: 12px;
} */

footer .bottom {
    display: flex;
    color: #666666;
    justify-content: space-between;
    margin-top: 70px;
}

footer .bottom .copyright {
    font-size: 13px;
    line-height: 22px;
}

footer .bottom .studio {
    font-size: 14px;
    display: flex;
    align-items: center;
}

footer .bottom .studio a {
    text-decoration: none;
}

/* UI, tools */

.btn,
.a-btn,
.a-btn-container a,
.span-btn,
.span-btn-container span {
    height: 40px;
    border: solid 1px #bfbfbf;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #1a1b1b;
    font-size: 11px;
    letter-spacing: 0.8px;
    transition: all .2s ease-in-out;
    line-height: 13px;
    cursor: pointer;
    text-align: center;
}

.btn {
    background-color: transparent;
}

.btn:hover,
.a-btn:hover,
.a-btn-container a:hover,
.span-btn:hover,
.span-btn-container span:hover {
    color: #fff;
    background-color: #9c233f;
    border: 1px solid transparent;
}

.btn:active,
.a-btn:active,
.a-btn-container a:active {
    border: solid 1px #bfbfbf;
}

.action .btn,
.a-btn.action,
.a-btn-container.action a {
    background-color: #1a1b1b;
    border: 1px solid transparent;
    color: #fff;
}

.action .btn:hover,
.a-btn.action:hover,
.a-btn-container.action a:hover{
    background-color: #fff;
    color: #303030;
    border: 1px solid #bfbfbf;
}

.action .btn:active,
.a-btn.action:active,
.a-btn-container.action a:active{
    background-color: #1a1b1b;
    border: 1px solid transparent;
    color: #fff;
}

.action .btn[disabled] {
    background-color: #fff;
    color: #303030;
    border: 1px solid #bfbfbf;
}

input[type="checkbox"] {
    display: none;
}

.checkbox {
    position: relative;
}

.checkbox label {
    padding-left: 25px;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.checkbox a {
    text-decoration: none;
}

.checkbox a:hover {
    text-decoration: underline;
}

.checkbox i {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    border: solid 1px #666666;
    display: block;
}

input[type="checkbox"]:checked ~ i {
    background: url('/local/templates/luisa/img/icons/check.png') no-repeat center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

input.incorrect::placeholder {
    color: #9c233f;
}

.form-row {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.form-error {
    margin-top: -12px;
    color: #9c233f;
}

.form-row input {
    font-size: 16px;
    line-height: 1.38;
    color: #666;
    background: transparent;
    border: none;
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
    padding: 2px 0;
}

.form-row label {
    font-size:16px;
    position:absolute;
    pointer-events:none;
    left: 0;
    top: 0;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

.form-row input:focus ~ label, .form-row input.blur ~ label {
    top:-20px;
    font-size:14px;
    color:#1a1b1b;
}

.bar {
    position: relative;
    display: block;
    width:100%;
}

.bar:before, .bar:after {
    content:'';
    height:2px;
    width:0;
    bottom:1px;
    position:absolute;
    background:#1a1b1b;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.bar:before {
    left:50%;
}
.bar:after {
    right:50%;
}

.form-row input:focus ~ .bar:before, .form-row input:focus ~ .bar:after {
    width:50%;
}

[type="submit"] {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #1a1b1b;
    border: 1px solid transparent;
    margin-top: 20px;
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.8px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

[type="submit"]:hover {
    background-color: #fff;
    color: #303030;
    border: 1px solid #bfbfbf;
}


.object-fit-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
}

.slick-slide {
    outline: none;
}

.slick-slider .slick-prev {
    left: -15px;
}

.slick-slider .slick-next {
    right: -15px;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    content: '';
    width: 25px;
    height: 46px;
    background-color: #1a1b1b;
    z-index: 1;
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus {
    background-color: #1a1b1b;
}

.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
    content: '';
    display: block;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.slick-slider .slick-prev::before {
    background: url('/local/templates/luisa/img/icons/prev.png') no-repeat center;
    width: 14px;
    height: 27px;
}

.slick-slider .slick-next::before {
    background: url('/local/templates/luisa/img/icons/next.png') no-repeat center;
    width: 14px;
    height: 27px;
}

/* Pager */
.pager {
    text-align: center;
}

.pager a {
    text-decoration: none;
}

.pager a,
.pager span {
    display: inline-block;
    border-bottom: 2px solid transparent;
    width: 20px;
    padding-bottom: 5px;
    transition: border .2s ease-in-out;
    font-size: 16px;
}

.pager span.select {
    border-bottom: 2px solid #9c233f;
}

.pager a:hover {
    border-bottom: 2px solid #ccc;
}

a.page-back {
    display: none;
}

/* Breadcrumbs */

.breadcrumbs {
    margin-top: 45px;
}

.breadcrumbs a,
.breadcrumbs span {
    font-size: 12px;
    color: #888;
    border-bottom: 1px solid transparent;
    transition: border .2s ease-in-out;
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs a:hover {
    border-bottom: 1px solid #888;
}

.breadcrumbs .link-page-back {
    float: right;
    line-height: 1;
    margin-top: 7px;
}

/* Preloader */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255, .8);
    background-image: url('/local/templates/luisa/img/icons/preloader.svg');
    background-repeat: no-repeat;
    background-position: center;
    display: none;
    pointer-events: none;
    z-index: 2;
}

/* 404 */

.page-not-found {
    width: 1180px;
    padding-top: 20px;
    height: 60vh;
}

@media screen and (max-width: 1180px){
    .page-not-found {
        width: 100%;
    }
}

/* Static */

.static {
    padding-top: 25px;
}

.static .static-top {
    height: auto;
    max-height: 530px;
    position: relative;
}

.static .static-top > div {
    height: 100%;
}

.static .static-top::before {
    content: '';
    position: absolute;
    top: 58px;
    left: -78px;
    width: 583px;
    height: 571px;
    background-color: #f6f2ee;
    z-index: -1;
}

.static .static-content {
    padding: 50px 130px;
}

.static blockquote {
    padding: 20px 150px 0 30px;
    margin: 0 0 40px 140px ;
    font-family: 'Times New Roman', serif;
    font-size: 30px;
    line-height: 1.17;
    text-align: left;
    color: #303030;
    background: url('/local/templates/luisa/img/icons/blockquote.png') no-repeat top left;
}

section.contacts-map {
    display: flex;
    width: 100%;
    align-items: center;
}

section.contacts-map .map {
    width: 100%;
    max-width: 560px;
}

section.contacts-map .map iframe {
    width: 100%;
}

section.contacts-map .text {
    width: 40%;
    padding-left: 70px;
    flex-shrink: 0;
}

section.contacts-map .text a {
    text-decoration: none;
    transition: border .2s ease-in-out;
    border: 1px solid transparent;
}

section.contacts-map .text a:hover {
    border-bottom: 1px solid #d1d1d1;
}

/* Helper */

.help {
    margin-top: 50px;
    display: flex;
}

.help-container {
    padding: 0 80px 0 150px;
    min-width: 918px;
}

.help-tabs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.help-tabs .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-bottom: 10px;
}

.help-tabs .image + a {
    text-decoration: none;
}

.help-tabs .image + a,
.help-tabs .image + span {
    font-family: 'Times New Roman', serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: border .2s ease-in-out;
    padding-bottom: 12px;
    display: block;
}

.help-tabs .image:hover + a,
.help-tabs .image + a:hover,
.help-tabs .image + span {
    border-bottom: 2px solid #9c233f;
}

.help-content {
    padding: 35px 0 65px 0;
}

.help-notice {
    margin-top: 50px;
    width: 200px;
    flex-shrink: 0;
}

.help-notice .number-text {
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.help-notice .number {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
}

.help-notice .number a {
    color: #9c233f;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border .2s ease-in-out;
}

.help-notice .number a:hover {
    border-bottom: 2px solid #9c233f;
}

.help-notice .date-time {
    font-size: 14px;
    line-height: 1.29;
    color: #666;
}

/* Helpers */
.helpers {
    position: fixed;
    width: 360px;
    height: 100%;
    background-color: #f4f6f8;
    right: -360px;
    top: 0;
    z-index: 2;
    transition: right .2s ease-in-out;
    padding: 30px 35px 30px 55px;
    border-left: 1px solid #eee;
    overflow: hidden;
}

.helpers.active {
    right: 0;
}

.helpers .close-button {
    position: absolute;
    right: 20px;
    top: 20px;
}

.close-button {
    position: absolute;
    background: url('/local/templates/luisa/img/icons/menu-close.png') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    transition: transform .3s ease-in-out;
}

.close-button:hover {
    transform: rotate(90deg);
}

.helpers > div {
    display: none;
}

.helpers > div.active {
    display: block;
}

.helpers .heading {
    font-family: 'Times New Roman', serif;
    font-size: 14px;
    line-height: 0.79;
    letter-spacing: 1.1px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.helpers .form-row {
    margin-bottom: 20px;
}

.helpers .auth .reset-password {
    margin-top: 25px;
    text-align: right;
}

.helpers .auth .reset-password a {
    font-size: 16px;
    line-height: 1.38;
    text-decoration: none;
    border: 1px solid transparent;
    transition: border .2s ease-in-out;
}

.helpers .auth .reset-password a:hover {
    border-bottom: 1px solid #bfbfbf;
}

.helpers .auth .profile-info {
    margin-top: -15px;
    line-height: 22px;
}

.helpers .auth .profile-info .name {
    font-size: 16px;
    font-weight: 600;
}

.helpers .auth .profile-info .email {
    color: #666666;
    font-size: 14px;
}

.helpers .auth .profile-info hr {
    background-color: #dadada;
    margin: 10px 0 24px 0;
    border: none;
    height: 1px;
}

.helpers .auth .cabinet-menu a,
.helpers .auth .cabinet-menu > span {
    display: block;
    text-decoration: none;
    margin-bottom: 25px;
}

.helpers .auth .logout {
    margin-top: 60px;
}

.helpers .auth .logout button {
    width: 212px;
}

.helpers .auth .cabinet-menu a span {
    border-bottom: 2px solid transparent;
    transition: border .2s ease-in-out;
}

.helpers .auth .cabinet-menu span span,
.helpers .auth .cabinet-menu a:hover span {
    border-bottom: 2px solid #9c233f;
}

.helpers .auth .cabinet-menu i,
.helpers .auth .cabinet-menu a span {
    display: inline-block;
    vertical-align: middle;
}

.helpers .auth .cabinet-menu i {
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.helpers .auth .cabinet-menu i.my-data {
    background-image: url('/local/templates/luisa/img/icons/user-big.png');
    width: 22px;
    height: 22px;
}

.helpers .auth .cabinet-menu i.orders-history {
    background-image: url('/local/templates/luisa/img/icons/history.png');
    width: 22px;
    height: 22px;
}

.helpers .auth .cabinet-menu i.bonus {
    background-image: url('/local/templates/luisa/img/icons/bonus.png');
    width: 22px;
    height: 22px;
}

.helpers .reset-password-success .email {
    font-weight: bold;
}

.helpers [type="submit"] {
    display: block;
    width: 78%;
    height: 40px;
    background-color: #1a1b1b;
    border: 1px solid transparent;
    margin-top: 20px;
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.8px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

.helpers [type="submit"]:hover {
    background-color: #fff;
    color: #303030;
    border: 1px solid #bfbfbf;
}

.helpers label.form-remember {
    margin-top: 26px;
    display: block;
}

.helpers .new-member {
    margin-top: 55px;
    font-size: 16px;
    line-height: 1.38;
}

.helpers .new-member .link {
    margin-top: 40px;
}

.helpers .highlight {
    position:absolute;
    height:60%;
    width:100px;
    top:25%;
    left:0;
    pointer-events:none;
    opacity:0.5;
}

.helpers input:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
    to    { width:0; background:transparent; }
}

.helpers .basket .empty-basket {
    margin-top: 40px;
    padding-left: 20px;
}

.helpers .basket .empty-basket .text {
    font-size: 16px;
    line-height: 1.38;
    color: #1a1b1b;
}

.helpers .basket .empty-basket .link {
    margin-top: 35px;
}

.helpers .reset-password .heading {
    margin-bottom: 30px;
}

.helpers .reset-password form {
    margin-top: 35px;
}

.helpers .reset-password input[type="submit"] {
    margin-top: 55px;
}

.helpers .reset-password .text {
    font-size: 16px;
    line-height: 1.38;
}

.helpers .registration {
    position: relative;
}

.helpers .registration .heading {
    margin-bottom: 25px;
}

.helpers .registration .register-information {
    font-size: 16px;
    line-height: 1.38;
    color: #666666;
    margin-bottom: 30px;
}

.helpers .registration .form-row {
    margin-bottom: 35px;
}

.helpers .registration .form-privacy {
    font-size: 14px;
    line-height: 1.43;
    color: #666666;
    border: 1px solid transparent;
}

.helpers .registration div.form-privacy i {
    top: 4px;
    left: 6px;
}

.helpers .registration div.form-privacy label.incorrect {
    border: 1px solid #9c233f;
}

.helpers .registration .form-row,
.helpers .registration [type="submit"] {
    width: 100%;
}

.helpers .registration .form-row .error {
    font-size: 14px;
    line-height: 18px;
    padding-top: 15px;
    color: #9c233f;
    display: none;
}

.helpers .registration .form-row .error.active {
    display: block;
}

.helpers .registration [type="submit"] {
    margin-top: 40px;
}

.helpers .registration .already-registered {
    margin-top: 65px;
}

.helpers .registration .already-registered .link {
    margin-top: 25px;
}

.helpers .registration .already-registered .link a {
    width: 212px;
}

/* 404 */

.new-password {
    width: 1180px;
    padding: 20px 20px 0 20px;
    height: 60vh;
}

.new-password-form {
    margin-top: 20px;
}

.new-password .form-row {
    width: 270px;
}

.new-password [type="submit"] {
    width: 270px;
}


/* Main slider */

.main-slider {
    height: 100vh;
    position: relative;
    margin-bottom: 75px;
}

.main-slider .slick-list,
.main-slider .slick-track {
    height: 100%;
}

.main-slider li:first-child {
    display: block;
}

.main-slider li {
    display: none;
}

.main-slider ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.main-slider ul,
.main-slider ul li {
    height: 100%;
}

.main-slider ul li {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.main-slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.95+0,0.3+25,0.2+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
}

.main-slider .content {
    position: absolute;
    z-index: 1;
    bottom: 20%;
    right: 15%;
}

.main-slider .text {
    font-family: 'Times New Roman', serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
}

.main-slider .slick-prev,
.main-slider .slick-next {
    position: absolute;
    top: auto;
    left: auto;
    z-index: 1;
    content: '';
    background-color: transparent!important;
}

.main-slider .slick-next {
    right: 123px;
    bottom: 16px;
    width: 14px;
    height: 27px;
}

.main-slider .slick-next::before,
.main-slider .slick-prev::before {
    content: '';
    display: block;
}

.main-slider .slick-next::before {
    background: url('/local/templates/luisa/img/icons/slider-next.png') no-repeat;
    width: 14px;
    height: 27px;
}

.main-slider .slick-prev {
    right: 165px;
    bottom: 16px;
    left: auto;
    width: 14px;
    height: 27px;
}

.main-slider .slick-prev::before {
    width: 14px;
    height: 27px;
    background: url('/local/templates/luisa/img/icons/slider-prev.png') no-repeat;
}

/* About brand */
.main-about-brand {
    position: relative;
    width: 1100px;
    margin-bottom: 68px;
}

.main-about-brand ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-about-brand ul li {
    position: relative;
    display: none;
}

.main-about-brand ul li:first-child {
    display: block;
}

.main-about-brand h2 {
    margin-top: 0;
    position: absolute;
    top: 120px;
    font-size: 32px;
    color: #000000;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.main-about-brand .text-container {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: 435px;
    padding: 70px 70px 70px 80px;
    background-color: #fff;
}

.main-about-brand .text-container .text {
    line-height: 1.5;
    max-height: 175px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-about-brand .link {
    margin-top: 40px;
}

.main-about-brand .image {
    height: 550px;
    width: 835px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main-about-brand .image > div {
    height: 100%;
}

/* Main video */

.main-video {
    width: 1100px;
    padding-top: 60px;
    padding-left: 70px;
    position: relative;
}

.main-video .video {
    position: relative;
    z-index: 1;
}

.main-video .back {
    position: absolute;
    top: 0;
    right: 0;
    width: 668px;
    height: 462px;
    z-index: 0;
    background-color: #f4f6f8;
}

/* Main categories */

.main-categories {
    width: 1115px;
    padding-top: 36px;
}

.main-categories h2 {
    font-family: 'Times New Roman', serif;
    font-size: 32px;
    color: #000000;
    text-align: center;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.main-categories .row {
    display: flex;
}

.main-categories .row:nth-child(odd) {
    margin-bottom: 60px;
}

.main-categories .content {
    text-align: center;
}

.main-categories .image {
    background-size: cover;
    background-position: center;
}

.main-categories .name {
    font-size: 16px;
    line-height: 1.5;
        text-transform: uppercase;
    white-space: break-spaces;
    height: 50px;
}

.main-categories .name a {
    text-decoration: none;
}

.main-categories .link {
    white-space: nowrap;
}

.main-categories .row,
.main-categories .row > div {
    position: relative;
    z-index: 1;
}

.main-categories .row > div {
    z-index: 2;
}

.main-categories .row .back,
.main-categories .row .back-next {
    position: absolute;
    z-index: 0;
    background-color: #f4f6f8;
}

.main-categories .row .back {
    top: 86px;
    left: -80px;
    width: 822px;
    height: 536px;
}

.main-categories .row .back-next {
    right: -30px;
    top: 427px;
    height: 710px;
    width: 824px;
}

/* Main hits */

.main-hits {
    padding-top: 156px;
}

.main-hits h2 {
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', serif;
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
}

.main-hits ul.products-list {
    margin: 40px 0 0 0;
    padding: 0;
    list-style: none;
}

.main-hits .slick-slide {
    margin: 0 13px;
}

.main-hits .slick-list {
    margin: 0 -13px;
}

.main-hits .image {
    height: 362px;
    max-height: 362px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.main-hits .name {
    font-size: 16px;
        margin-top: 12px;
}

.main-hits .price {
    font-size: 16px;
        margin-top: 3px;
}

.main-hits .slick-slider .slick-prev,
.main-hits .slick-slider .slick-next {
    top: 181px;
}

/* First */

.main-categories .first {
    width: 270px;
    margin-left: 20px;
}

.main-categories .first .content {
    padding-top: 34px;
}

.main-categories .first .image {
    width: 100%;
    height: 500px;
}

.main-categories .first .link {
    margin-top: 15px;
}

/* Second */

.main-categories .second {
    display: flex;
    height: 513px;
    align-items: center;
}

.main-categories .second .image {
    width: 400px;
    height: 100%;
}

.main-categories .second .content {
    padding-left: 60px;
}

.main-categories .second .link {
    margin-top: 15px;
}

/* Third */

.main-categories .third {
    display: flex;
    align-items: center;
    margin-right: 56px;
    height: 513px;
}

.main-categories .third .content {
    padding-right: 64px;
}

.main-categories .third .image {
    width: 400px;
    height: 100%;
}

.main-categories .third .link {
    margin-top: 15px;
}

/* Fourth */

.main-categories .fourth {
    width: 400px;
}

.main-categories .fourth .content {
    padding-top: 34px;
}

.main-categories .fourth .image {
    width: 100%;
    height: 400px;
}

.main-categories .fourth .link {
    margin-top: 15px;
}

/* Main news, events */
.main-news-events {
    /*background-color: #f4f6f8;*/
    /*margin-top: 108px;*/
}

.main-news-events .container {
    margin: 0 auto;
    width: 1118px;
    display: flex;
    padding-top: 50px;
    padding-bottom: 58px;
}

.main-news-events h2 {
    margin: 0 0 50px 0;
    font-family: 'Times New Roman', serif;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}

.main-news-events ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.main-news-events .image {
    background-size: cover;
    background-repeat: no-repeat;
}

.main-news-events .link {
    margin-top: 20px;
}

.main-news-events .link a {
    padding: 0 43px;
}

/* News */

.main-news-events .news {
    margin-right: 61px;
    position: relative;
}

.main-news-events .news ul {
    width: 576px;
    overflow: hidden;
    position: static;
}

.main-news-events .news ul li {
    width: 268px;
}

.main-news-events .news .slick-slide {
    margin: 0 40px 0 0;
}

.main-news-events .news .slick-list {
    margin: 0 -40px 0 0!important;
}

.main-news-events .news .slick-slider .slick-prev,
.main-news-events .news .slick-slider .slick-next {
    top: 128px;
}

.main-news-events .news .image {
    width: 268px;
    height: 253px;
}

.main-news-events .news .date {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.69;
    color: #666666;
}

.main-news-events .news .name {
    font-family: 'Times New Roman', serif;
    font-size: 24px;
    line-height: 1.25;
    color: #000000;
    text-transform: uppercase;
    margin-top: 5px;
    display: block;
    text-decoration: none;
    min-height: 120px;
}

.main-news-events .news .text {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.38;
        margin-top: 8px;
}

/* Events */

.main-news-events .events li {
    position: relative;
}

.main-news-events .events .content {
    top: 0;
    left: 0;
    width: 356px;
    position: absolute;
    background-color: #fff;
    padding: 23px 20px 24px 36px;
}

.main-news-events .events .image {
    width: 480px;
    height: 550px;
}

.main-news-events .events .date {
    font-size: 13px;
    line-height: 1.69;
    color: #666666;
}

.main-news-events .events .name {
    font-family: 'Times New Roman', serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
}

.main-news-events .events .text {
    font-size: 16px;
    line-height: 1.38;
        margin-top: 13px;
}

.main-news-events .events .link {
    margin-top: 24px;
}


/* Main images */

.main-images {
    width: 900px;
    position: relative;
    z-index: 0;
    margin-top: 150px;
}

.main-images h2 {
    font-family: 'Times New Roman', sans-serif;
    font-weight: normal;
    font-size: 32px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 35px 0;
}

.main-images .container {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: static;
    margin: 0;
}

.main-images .slick-list {
    width: 100%;
    display: flex;
}

.main-images .image {
    height: 310px;
    box-shadow: 0 4px 23.52px 0.48px rgba(0, 0, 0, 0.12);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main-images .name {
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.22;
    }

.main-images .slick-slider .slick-prev {
    left: 0;
}

.main-images .slick-slider .slick-next {
    right: 0;
}

.main-images .text {
    font-size: 14px;
    line-height: 1.1;
    color: #888888;
}

.main-images::before {
    position: absolute;
    content: '';
    left: -76px;
    top: -49px;
    width: 876px;
    height: 396px;
    background-color: #f4f6f8;
    z-index: -1;
}

/* Main instagram */

.main-instagram {
    text-align: center;
    height: 336px;
    margin: 135px 0 55px 0;
    padding-bottom: 80px;
    overflow: hidden;
}

.main-instagram iframe {
    height: 100% !important;
}

.main-instagram .link {
    margin-top: 32px;
}

.main-instagram .link a {
    position: relative;
    white-space: nowrap;
}

.main-instagram .link a::after {
    content: '';
    display: inline-block;
    background: url('/local/templates/luisa/img/icons/instagram.png') no-repeat center;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    transition: background .2s ease-in-out;
}

.main-instagram .link a:hover::after {
    background: url('/local/templates/luisa/img/icons/instagram-white-clear.png') no-repeat center;
}

/* News */

section.publications {
    width: 890px;
    margin-top: 24px;
    margin-bottom: 58px;
}

section.publications h1 {
    text-align: center;
    margin-bottom: 35px;
}

section.publications ul {
    display: flex;
    flex-wrap: wrap;
    width: 890px;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

section.publications ul li {
    width: 417px;
    margin-bottom: 35px;
}

section.publications ul li a {
    text-decoration: none;
    display: block;
}

section.publications .image {
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f4f6f8;
    background-size: cover;
    display: block;
}

section.publications .date {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #666666;
    margin-top: 15px;
}

section.publications .name {
    font-family: 'Times New Roman', serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.25;
    color: #000000;
    text-transform: uppercase;
    margin-top: 12px;
    display: inline-flex;
    border-bottom: 2px solid transparent;
    transition: border .2s ease-in-out;
}

section.publications .name:hover {
    border-bottom: 2px solid #9c233f;
}

section.publications .preview-text {
    font-size: 16px;
    line-height: 1.38;
    margin-top: 10px;
}

section.publications .link {
    text-align: center;
    display: none;
}

/* News item */

section.publications-item {
    margin-top: 25px;
    margin-bottom: 70px;
    width: 900px;
}

section.publications-item .date {
    font-size: 14px;
    line-height: 1.57;
    color: #666666;
    margin-top: 20px;
}

section.publications-item .image {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 30px;
}

section.publications-item .text {
    margin-top: 35px;
}


/* LK */

.lk {
    margin-top: 50px;
    display: flex;
}

.lk-container {
    margin: 0 auto;
    min-width: 890px;
}

.lk-content {
    width: 890px;
}

.lk-tabs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
}

.lk-tabs .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-bottom: 10px;
}

.lk-tabs .image + a {
    text-decoration: none;
}

.lk-tabs .image + a,
.lk-tabs .image + span {
    font-family: 'Times New Roman', serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: border .2s ease-in-out;
    padding-bottom: 12px;
    display: block;
}

.lk-tabs .image:hover + a,
.lk-tabs .image + a:hover,
.lk-tabs .image + span {
    border-bottom: 2px solid #9c233f;
}

.lk-content {
    padding: 60px 0 60px 0;
}

/* LK My data */

.lk .my-data .form-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.lk .my-data fieldset {
    padding: 0;
    border: none;
    width: 395px;
    margin: 0;
}

.lk .my-data legend {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.lk .my-data label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.lk .my-data input {
    width: 294px;
    padding: 7px 15px;
    border: solid 1px #bababa;
    transition: border .2s ease-in-out;
}

.lk .my-data input:focus {
    border-color: #000;
}

.lk .my-data input.incorrect {
    color: #9c233f;
    border-color: #9c233f;
}

.lk .my-data fieldset.change-password {
    margin-top: -160px;
    order: 2;
}

.lk .my-data fieldset.change-password input {
    width: 236px;
}

.lk .my-data .two-labels {
    display: flex;
}

.lk .my-data .two-labels label:first-child {
    margin-right: 30px;
}

.lk .my-data .two-labels input {
    width: 82px;
}

.lk .my-data .required-notice {
    font-size: 14px;
    color: #666666;
}

.lk .my-data [type="submit"] {
    width: auto;
    margin: 30px auto 0 auto;
    padding: 0 60px;
}

.lk .my-data .form-error {
    margin-top: -16px;
    font-size: 14px;
    color: #9c233f;
    line-height: 18px;
    margin-bottom: 12px;
}

.lk .user-update-success {
    color: green;
    margin-top: 0;
}

.lk .user-update-error {
    color: red;
    margin-top: 0;
}

/* My bonuses */

.lk .my-bonus {
    width: 100%;
}

.lk .my-bonus .bonus-announce {
    margin-bottom: 65px;
    width: 100%;
}

.lk .my-bonus .bonus-progress {
    margin-bottom: 65px;
}

.lk .my-bonus .progress-bar {
    border: 1px solid #d1d1d1;
    position: relative;
    width: 72%;
    height: 40px;
    white-space: nowrap;
}

.lk .my-bonus .progress-bar .top {
    position: absolute;
    display: flex;
    width: 100%;
    top: -25px;
}

.lk .my-bonus .progress-bar .bottom {
    position: absolute;
    top: 40px;
    width: 100%;
    display: flex;
}

.lk .my-bonus .progress-bar .item {
    position: absolute;
}

.lk .my-bonus .progress-bar .current-sum {
    position: absolute;
    background-color: #9c233f;
    color: #fff;
    left: 0;
    top: 0;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.lk .my-bonus .bonus-status {
    margin-bottom: 40px;
}

.lk .my-bonus .bonus-status .discount-value {
    font-weight: 600;
    color: #9c233f;
}

.lk .lk-bonus-products h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Times New Roman', serif;
    font-weight: 500;
}

.lk .lk-bonus-products {
    width: 100%;
}

.lk .lk-bonus-products > ul {
    width: 100%;
}

.lk .lk-bonus-products .catalog-prods-item {
    width: 179px;
}

.lk .lk-bonus-products .catalog-prods-item:not(:last-child) {
    margin: 0 30px 0 0;
}

.lk .lk-bonus-products .catalog-prods-item .catalog-prods-item-photo {
    height: 265px;
}

.lk .lk-bonus-products .slick-prev,
.lk .lk-bonus-products .slick-next {
    top: 130px;
}

/* Catalog */

/* Catalog sections */

.catalog-sections {
    margin: 35px auto;
}

.catalog-sections ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.catalog-sections ul li {
    width: 25%;
    height: 50px;
}

.catalog-sections ul li a {
    text-decoration: none;
    transition: border .2s ease-in-out;
    border-bottom: 2px solid transparent;
}

.catalog-sections ul li a:hover {
    border-bottom: 2px solid #9c233f;
}

/* Catalog section */

.catalog-section-top {
    margin-top: 25px;
    width: 1140px;
}

.catalog-section-top .with-picture {
    display: flex;
    height: 382px;
}

.catalog-section-top .with-picture .description {
    margin-top: 37px;
}

.catalog-section-top .image {
    width: 51%;
    background-size: cover;
    background-position: top;
}

.catalog-section-top .content {
    width: 49%;
    padding: 110px 20px 0 50px;
}

.catalog-section-top .description {
    margin-top: 25px;
}

/* Catalog section */

.catalog-section {
    margin: 50px auto 44px auto;
    width: 1140px;
}

.catalog-section.short-head {
    margin: 5px auto 44px auto;
}

/* Catalog section panel */

.catalog-section .section-panel .filters-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.catalog-section .section-panel > span {
    display: none;
    position: relative;
    cursor: pointer;
    transition: font-weight .1s ease-in-out;
}

.catalog-section .section-panel > span::after {
    content: '';
    background: url(/local/templates/luisa/img/icons/down-arrow.png) no-repeat center;
    width: 9px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: transform .1s ease-in-out;
}

.catalog-section .section-panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-section .section-panel ul,
.catalog-section .section-panel ul li {
    display: inline-block;
}

.catalog-section .section-panel ul li {
    cursor: pointer;
}

/* Filters */

.catalog-section .filters > span {
    margin-right: 35px;
}

.catalog-section .filters ul ul {
    display: none;
}

.catalog-section .filters > ul > li {
    margin-right: 30px;
    position: relative;
}

.catalog-section .filters > ul > li:last-child {
    margin-right: 0;
}

.catalog-section .filters > ul > li > span {
    position: relative;
    transition: color 2s ease-in-out;
}

.catalog-section .filters > ul > li > span:hover {
    color: #9c233f;
}

.catalog-section .filters > ul > li > span::after {
    content: '';
    background: url('/local/templates/luisa/img/icons/down-arrow.png') no-repeat center;
    width: 9px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    transition: transform .2s ease-in-out;
}

.catalog-section .filters > ul > li > span.active::after {
    transform: rotate(180deg);
}

.catalog-section .filters > ul > li.active {
    color: transparent;
}

.catalog-section .filters > ul > li.active span::before {
    position: absolute;
    top: -2px;
    left: -1px;
    content: attr(aria-label);
    font-weight: 600;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
}

.catalog-section .filters .irs {
    width: 170px;
    height: 45px;
}

.catalog-section .filters .irs-slider.from,
.catalog-section .filters .irs-slider.to {
    width: 5px;
    height: 20px;
    background: #000;
    border: none;
    border-radius: initial;
    box-shadow: none;
}

.catalog-section .filters .irs-bar {
    border: none;
}

.catalog-section .filters .irs-bar,
.catalog-section .filters .irs-line,
.catalog-section .filters .irs-line-mid {
    height: 2px;
    background: #303030;
}

.catalog-section .filters .irs-from,
.catalog-section .filters .irs-to,
.catalog-section .filters .irs-single {
    color: #000;
    background: transparent;
    bottom: 0;
    top: auto;
}

.catalog-section .filters .irs-max,
.catalog-section .filters .irs-min {
    display: none;
}

.catalog-section .filters .irs-slider {
    top: 0;
}

.catalog-section .filters .irs-bar,
.catalog-section .filters .irs-line {
    top: 9px;
}

.catalog-section .filters .filter-popup {
    position: absolute;
    z-index: 1;
    background: #f4f6f8;
    padding: 45px 45px 25px 35px;
    display: none;
    top: 30px;
    cursor: default;
    border: 1px solid #bcb5b9;
    font-size: 16px;
}

.catalog-section .filters .filter-popup.active {
    display: block;
}

.catalog-section .filters .filter-popup::before {
    position: absolute;
    content: '';
    top: -6px;
    left: 10px;
    width: 10px;
    height: 10px;
    background: #f4f6f8;
    transform: rotate(45deg);
    border-top: 1px solid #bcb5b9;
    border-left: 1px solid #bcb5d9;
}

.catalog-section .filters .filter-popup .close-button {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 10px;
    height: 15px;
    line-height: 1;
    cursor: pointer;
    color: #000;
    background: none;
}

.catalog-section .filters .filter-popup .row {
    display: flex;
}


.catalog-section .filters .price .filter-popup {
    padding: 45px 75px 25px 85px;
}

.catalog-section .filters .color .filter-popup {
    width: 900px;
    padding: 25px 0 15px 35px;
}

.catalog-section .filters .color .filter-popup .row {
    flex-wrap: wrap;
}

.catalog-section .filters .size .filter-popup {
    padding: 25px 45px 15px 35px;
}

.catalog-section .filters .size .filter-popup .row,
.catalog-section .filters .color .filter-popup .row {
    margin-right: 40px;
}

.catalog-section .filters .size .col:last-child,
.catalog-section .filters .color .col:last-child {
    margin-left: 40px;
}

.catalog-section .filters .item {
    margin-bottom: 3px;
    position: relative;
}

.catalog-section .filters .item span {
    transition: color .2s ease-in-out;
}

.catalog-section .filters .item span:hover {
    color: #9c233f
}

.catalog-section .filters .color .item {
    width: 164px;
}

.catalog-section .filters .size label,
.catalog-section .filters .color label {
    border-bottom: 2px solid transparent;
    transition: all .1s ease-in-out;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    padding-left: 25px;
    color: #000;
    cursor: pointer;
}

.catalog-section .filters .size label span,
.catalog-section .filters .color label span {
    position: relative;
    transition: color .1s ease-in-out;
}

.catalog-section .filters .size i,
.catalog-section .filters .color i {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    background: none;
    border: 1px solid #7d7d7d;
    border-radius: 50%;
    transition: all .1s ease-in-out;
}

.catalog-section .filters .size input[disabled] + label,
.catalog-section .filters .color input[disabled] + label{
    opacity: .2;
    cursor: default;
}

.catalog-section .filters .size input:checked + label span,
.catalog-section .filters .color input:checked + label span {
    color: transparent;
    border-bottom: 2px solid #9c233f;
}

.catalog-section .filters .size label span::before,
.catalog-section .filters .color label span::before {
    position: absolute;
    top: -2px;
    left: 0;
    content: attr(aria-label);
    font-weight: 600;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    opacity: 0;
    transition: all .1s ease-in-out;
}

.catalog-section .filters .size input:checked + label span::before,
.catalog-section .filters .color input:checked + label span::before {
    opacity: 1;
}

.catalog-section .filters .size input:checked + label i,
.catalog-section .filters .color input:checked + label i {
    background-color: #9c233f;
    border: 1px solid #9c233f;
}

.catalog-section .filters .color .item {
    margin-bottom: 15px;
}

.catalog-section .checkboxes .item:not(:first-child) {
    margin-left: 25px;
}

.catalog-section .filters .color i {
    width: 20px;
    height: 20px;
    top: 1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.catalog-section .filters .color label {
    padding-left: 35px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.catalog-section .filters .color .col:not(:last-child):not(:first-child) {
    margin-left: 45px;
}

.catalog-section .checkboxes li,
.catalog-section .checkboxes li label {
    cursor: pointer;
}

.catalog-section .checkboxes input {
    position: relative;
}

.catalog-section .checkboxes label {
    transition: opacity .1s ease-in-out;
}

.catalog-section .checkboxes label span {
    color: #000;
    position: relative;
}

.catalog-section .checkboxes label span,
.catalog-section .checkboxes label span::before {
    transition: all .1s ease-in-out;
}

.catalog-section .checkboxes label span::before {
    position: absolute;
    top: -2px;
    left: -2px;
    content: attr(aria-label);
    font-weight: 600;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    opacity: 0;
}

.catalog-section .checkboxes input:checked + label span::before {
    opacity: 1;
}

.catalog-section .checkboxes input:checked + label span {
    color: transparent;
}

.catalog-section .checkboxes input[disabled] + label {
    opacity: .2;
    cursor: default;
}

.catalog-section .checkboxes input.hide + label {
    display: none;
}

/* Catalog section products */

.products-list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.products-list ul {
    padding: 0;
    font-size: 0;
}

.products-list > li {
    width: 270px;
    margin-bottom: 55px;
    margin-right: 20px;
}

.products-list > li:nth-child(4n) {
    margin-right: 0;
}

.products-list li .image {
    height: 423px;
}

.catalog-prods-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
}

.catalog-prods-item.slick-slide .catalog-prods-info {
    padding-bottom: 5px;
}

.catalog-prods-item-photo {
    position: relative;
    display: none;
    height: 423px;
    background-color: #fafafa;
}

.catalog-prods-item-photo a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.catalog-prods-item-photo--select {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.catalog-prods-item-new,
.catalog-prods-item-sale,
.catalog-prods-item-hit {
    height: 40px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.catalog-prods-item-new {
    background-color: #4d9447;
}

.catalog-prods-item-sale {
    background-color: #475694;
}

.catalog-prods-item-hit {
    background-color: #9c233f;
}

.catalog-prods-item-name {
    font-size: 16px;
    display: block;
    color: #000;
    text-decoration: none;
    transition: color .2s ease-in-out;
    margin-bottom: 6px;
    white-space: nowrap;
}

.catalog-prods-item-name:hover {
    color: #9c233f;
}

.catalog-prods-item-colors {
    display: flex;
}

.catalog-prods-item-color {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    border-radius: 50%;
    background-size: cover;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: #e1e1e1;
}

.catalog-prods-item-color--select {
    border-color: #9c233f;
}

.catalog-prods-item-price {
    display: none;
    font-size: 16px;
    line-height: .8;
    color: #000;
}

strike {
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    margin-right: 10px;
}

.no-price,
strike + span {
    color: #9c233f;
}

.catalog-prods-item-price--select {
    display: flex;
    align-items: center;
    line-height: 1.2;
}

/* Empty result */

.catalog-empty-result {
    text-align: center;
}

.catalog-empty-result h2 {
    margin-bottom: 12px;
}

/* Catalog detail */

.catalog-detail {
    display: flex;
    margin-top: 20px;
}

.catalog-detail .catalog-detail-photos {
    width: 690px;
    display: flex;
}

.catalog-detail .catalog-detail-photos ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.catalog-detail .catalog-detail-photos ul.active {
    display: block;
}

.catalog-detail .catalog-detail-photos .side-photos li {
    width: 109px;
    height: 168px;
    box-shadow: 0 3px 15.4px 0.6px rgba(0, 0, 0, 0.12);
    margin-bottom: 22px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fafafa;
    position: relative;
}

.catalog-detail .catalog-detail-photos .side-photos li::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #9c233f;
    opacity: 0;
    transition: opacity .1s ease-in-out;
}

.catalog-detail .catalog-detail-photos .side-photos li.active::before {
    opacity: 1;
}

.catalog-detail .catalog-detail-photos .side-photos li:last-child {
    margin-bottom: 0;
}

.catalog-detail .catalog-detail-photos .main-photo {
    margin-left: 36px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 860px;
    width: 542.4px;
}

.catalog-detail .catalog-detail-photos .main-photo li {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-color: #fafafa;
    background-repeat: no-repeat;
}

.catalog-detail .catalog-detail-photos .main-photo ul,
.catalog-detail .catalog-detail-photos .main-photo ul .slick-list,
.catalog-detail .catalog-detail-photos .main-photo ul .slick-list .slick-track{
    height: 100%;
}

.catalog-detail .catalog-detail-info {
    padding-left: 60px;
}

.catalog-detail .catalog-detail-info .info {
    margin-top: 30px;
}

.catalog-detail .catalog-detail-info .prices {
    margin-top: 50px;
    font-size: 24px;
    color: #030303;
}

.catalog-detail .catalog-detail-info .prices ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.catalog-detail .catalog-detail-info .prices ul li:not(.active) {
    display: none;
}

.catalog-detail .catalog-detail-info .actions {
    margin-top: 60px;
}

.catalog-detail .catalog-detail-info .actions .add-to-basket button:not(.active) {
    display: none;
}

/* Recomendations */

.catalog-detail-recomend > ul > li:nth-child(4n) {
    margin-right: 20px;
}

.catalog-detail-recomend {
    padding: 65px 0 75px 0;
    width: 1138px;
    background-color: #f4f6f8;
    margin-top: 65px;
}

.catalog-detail-recomend .products-list {
    width: 694px;
}

.catalog-detail-recomend h2 {
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', serif;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    color: #303030;
    text-transform: uppercase;
}

.catalog-detail-recomend > ul {
    margin: 40px auto 0 auto;
    padding: 0;
    list-style: none;
}

.catalog-detail-recomend .slick-slide {
    margin: 0 16px;
}

.catalog-detail-recomend .slick-list {
    margin: 0 -13px;
}

.catalog-detail-recomend .slick-slider .slick-prev,
.catalog-detail-recomend .slick-slider .slick-next {
    top: 181px;
}

.catalog-detail-recomend .catalog-prods-item-photo {
    height: 331px;
    background-color: #e1e1e1;
}

/* Catalog detail recently viewed */

.catalog-detail-recently-viewed > ul > li:nth-child(4n) {
    margin-right: 20px;
}

.catalog-detail-recently-viewed {
    width: 1122px;
    margin-top: 75px;
    margin-bottom: 60px;
}

.catalog-detail-recently-viewed .products-list {
    width: 100%
}

.catalog-detail-recently-viewed h2 {
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', serif;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    color: #303030;
    text-transform: uppercase;
}

.catalog-detail-recently-viewed > ul {
    margin: 40px auto 0 auto;
    padding: 0;
    list-style: none;
}

.catalog-detail-recently-viewed .catalog-prods-info {
    flex-direction: column;
    margin-top: 8px;
}

.catalog-detail-recently-viewed .catalog-prods-info .col {
    width: 100%;
}

.catalog-detail-recently-viewed .catalog-prods-info .catalog-prods-item-colors {
    justify-content: flex-start;
    margin-top: 6px;
}

.catalog-detail-recently-viewed .slick-slide {
    margin: 0 5px;
}

.catalog-detail-recently-viewed .slick-list {
    margin: 0 -13px;
}

.catalog-detail-recently-viewed .slick-slider .slick-prev,
.catalog-detail-recently-viewed .slick-slider .slick-next {
    top: 123px;
}

.catalog-detail-recently-viewed .slick-slider .slick-prev {
    left: -8px;
}

.catalog-detail-recently-viewed .slick-slider .slick-next {
    right: -12px;
}

.catalog-detail-recently-viewed .catalog-prods-item-photo {
    height: 245px;
    background-color: #e1e1e1;
}


/* Catalog detail */

.catalog-detail .properties {
    margin-top: 40px;
}

.catalog-detail .properties > div {
    display: flex;
}

.catalog-detail .properties ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.catalog-detail .properties ul li {
    margin-bottom: 3px;
    position: relative;
}

.catalog-detail .properties .name {
    min-width: 90px;
    color: #888;
}

.catalog-detail .properties .size label,
.catalog-detail .properties .color label {
    display: block;
    cursor: pointer;
    padding-bottom: 9px;
    border-bottom: 1px solid transparent;
    transition: all .1s ease-in-out;
}

.catalog-detail .properties .size label i,
.catalog-detail .properties .color label i {
    transition: all .1s ease-in-out;
    position: relative;
    display: block;
    white-space: nowrap;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.catalog-detail .properties .color label i {
    background-color: #e1e1e1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.catalog-detail .properties input {
    display: none;
}

.catalog-detail .properties .size input[disabled] + label,
.catalog-detail .properties .color input[disabled] + label{
    opacity: .2;
    cursor: default;
}

.catalog-detail .properties .size input:checked + label span,
.catalog-detail .properties .color input:checked + label span {
    color: transparent;
    border-bottom: 2px solid #9c233f;
}

.catalog-detail .properties .size input:checked + label,
.catalog-detail .properties .color input:checked + label {
    border-bottom: 1px solid #9c233f;
}

.catalog-detail .properties .size input:checked + label {
    color: #020202;
}

.catalog-detail .properties .color ul {
    margin-top: 16px;
    margin-bottom: 27px;
}

.catalog-detail .properties .color li:not(:last-child) {
    margin-right: 15px;
}

.catalog-detail .properties .size label {
    color: #666666;
}

.catalog-detail .properties .size li:not(:last-child) {
    margin-right: 20px;
}

.catalog-detail .properties .size .size-table-button {
    font-size: 14px;
    font-weight: 300;
    color: #888;
    margin-top: 12px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border .2s ease-in-out;
    line-height: 1.5;
    display: inline-block;
    text-decoration: none;
}

.catalog-detail .properties .size .size-table-button:hover {
    border-bottom: 1px solid #888;
}

.catalog-detail .properties .composition {
    margin-top: 32px;
}

.catalog-detail .properties .datamatrix-wrapper {
        margin-top: 32px;
}

.catalog-detail .properties .composition .values {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.catalog-detail .properties .composition ul li {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalog-detail .properties .composition ul li.active {
    display: block;
}

.catalog-detail .catalog-prods-item-new,
.catalog-detail .catalog-prods-item-sale,
.catalog-detail .catalog-prods-item-hit {
    position: relative;
    z-index: 1;
    width: 100%;
}

/* Modals */

.modals {
    display: none;
}

.modal {
    position: relative;
}

.ui-widget {
    border: none!important;
    padding: 0!important;
    border-radius: 0!important;
    font-family: 'Proxima Nova Rg', sans-serif!important;
}

.ui-dialog-titlebar,
.ui-button-icon-space {
    display: none;
}

.modal .close-button {
    right: 35px;
    top: 25px;
}

/* Table */

table {
    border-collapse: collapse;
    border: none;
    font-size: 16px;
}

table td,
table th {
    border: none;
    line-height: 1.38;
    padding: 5px;
}

table th {
    font-weight: normal;
    vertical-align: top;
}

table tr:nth-child(2n+1):not(:first-child) {
    background-color: #f4f6f8;
}

table tr:first-child th {
    padding-bottom: 20px;
}

/* Catalog detail sizes modal */

.size-table h3 {
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    line-height: 1.25;
    color: #1a1b1b;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    margin: 0;
}

.size-table p {
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
}

.size-table table {
    margin-top: 40px;
    width: 694px;
}

.size-table .modal {
    padding: 40px 134px 68px 127px!important;
}

/* Catalog menu */

.menu-wide .products-list > li {
    margin-right: 0;
    width: 171px;
}

.menu-wide .products-list li a:hover {
    border-bottom: 2px solid transparent;
}

.menu-wide .products-list li .catalog-prods-item-photo {
    height: 266px;
}

.menu-wide .products-list li .catalog-prods-info a {
    white-space: nowrap;
    line-height: 1.5;
}

/* Search */

div.search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f6f8;
    z-index: 2;
    overflow: auto;
}

div.search .heading {
    display: none;
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'Times New Roman', serif;
    font-size: 14px;
    text-transform: uppercase;
}

div.search .close-button {
    position: absolute;
    background: url('/local/templates/luisa/img/icons/menu-close.png') no-repeat center;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 35px;
    top: 30px;
}

div.search .search-content {
    padding-top: 25vh;
    text-align: center;
}

div.search .search-content > label {
    position: relative;
}

div.search .search-content > label input {
    width: 553px;
    border: none;
    border-bottom: 1px solid #959595;
    background: transparent;
    font-size: 16px;
    padding: 5px 50px 5px 17px;
}

div.search .search-content > label input::-webkit-input-placeholder,
div.search .search-content > label input::-webkit-input-placeholder {
    font-size: 16px;
}

div.search .search-content > label input::-moz-placeholder,
div.search .search-content > label input::-moz-placeholder {
    font-size: 16px;
}


div.search .search-content > label input + i {
    position: absolute;
    right: 25px;
    top: 0;
    background: url('/local/templates/luisa/img/icons/search-clear.png') no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 0;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
}

div.search .search-content > label input + i.active {
    opacity: 1;
    cursor: pointer;
}

div.search .search-content > label input + i:hover {
    transform: rotate(90deg);
}

div.search .search-results {
    width: 812px;
    margin: 90px auto 0 auto;
}

div.search .search-results .search-count {
    text-align: left;
}

div.search .search-results .products {
    margin-top: 10px;
}

div.search .search-results .products ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

div.search .search-results .products ul li {
    margin-bottom: 20px;
    position: relative;
    padding-right: 20px;
}

div.search .search-results .products ul li div {
    background-color: #ccc;
    width: 188px;
    height: 207px;
    box-shadow: 0 3px 15.4px 0.6px rgba(0, 0, 0, 0.12);
}

div.search .search-results .products ul li:nth-child(4n) {
    padding-right: 0;
}

div.search .search-results .products ul li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div.search .search-results .search-show-more {
    text-decoration: none;
    text-align: center;
    display: block;
    transition: color .2s ease-in-out;
    margin-top: 10px;
}

div.search .search-results .search-show-more:hover {
    color: #9c233f;
}

.catalog-search-results-heading {
    color: #888;
}

/* Basket informer */

.helpers .basket .item {
    display: flex;
    margin-bottom: 15px;
}

.helpers .basket .item .image {
    width: 82px;
    height: 118px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fafafa;
    flex-shrink: 0;
}

.helpers .basket .item .text-content {
    margin-left: 10px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}

.helpers .basket .item .text-content .name {
    margin-bottom: 3px;
}

.helpers .basket .item .text-content .col > div {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #1a1b1b;
}

.helpers .basket .item .text-content .col > div:not(.name):not(.price) {
    color: #bababa;
}

.helpers .basket .item .text-content .col .price {
    display: flex;
    flex-direction: column;
}

.helpers .basket .item .col {
    position: relative;
}

.helpers .basket .item i.delete-from-basket {
    background: url('/local/templates/luisa/img/icons/garbage.png') no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.helpers .basket  hr {
    height: 1px;
    background-color: #8c8b8b;
    border: none;
    margin: 15px 0;
}

.helpers .basket .action {
    text-align: center;
    margin-top: 55px;
}

.helpers .basket .overall {
    display: flex;
    justify-content: space-between;
    margin-top: -5px;
}

.helpers.basket {
    padding: 45px 30px 0 30px;
    width: 400px;
}

.helpers.basket .heading {
    margin-bottom: 24px;
    font-size: 16px;
    color: #1a1b1b;
    text-transform: none;
    letter-spacing: 0;
    font-family: 'Proxima Nova Rg', sans-serif;
}

/* Корзина */

section.basket {
    padding: 23px 0 0 0;
}

section.basket h1 {
    text-align: center;
    margin-bottom: 34px;
}

section.basket ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

section.basket ul li {
    display: flex;
    padding: 22px 0;
    border-top: 1px solid #c8c7c7;
}

section.basket ul li .all-props-container {
    display: flex;
    width: 100%;
}

section.basket ul li .image a {
    display: block;
    width: 112px;
    height: 176px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fafafa;
}

section.basket ul li .image {
    width: 17%;
    flex-shrink: 0;
}

section.basket ul li .name,
section.basket ul li .properties,
section.basket ul li .quantity,
section.basket ul li .price,
section.basket ul li .delete {
    padding-top: 80px;
    width: 25%;
}

section.basket ul li .name a {
    font-size: 16px;
    border: 2px solid transparent;
    text-decoration: none;
    transition: border .2s ease-in-out;
}

section.basket ul li .name a:hover {
    border-bottom: 2px solid #9c233f;
}

section.basket ul li .properties {
    color: #666666;
}

section.basket ul li .quantity label {
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    position: relative;
}

section.basket ul li .quantity input {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    border: 0;
}

section.basket ul li .quantity i.add,
section.basket ul li .quantity i.remove {
    position: absolute;
    cursor: pointer;
}

section.basket ul li .quantity i.add {
    background: url('/local/templates/luisa/img/icons/up-arrow-small.png') no-repeat center;
    width: 9px;
    height: 5px;
    top: 5px;
    left: 100px;
}

section.basket ul li .quantity i.remove {
    background: url('/local/templates/luisa/img/icons/down-arrow-small.png') no-repeat center;
    width: 9px;
    height: 5px;
    top: 15px;
    left: 100px;
}

section.basket ul li .price {
    white-space: nowrap;
}

section.basket ul li .delete {
    width: 7%;
}

section.basket ul li .delete i {
    background: url('/local/templates/luisa/img/icons/garbage.png') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    margin-left: auto;
}

section.basket .sub-total {
    border-top: 1px solid #c8c7c7;
    display: flex;
    padding-top: 35px;
    justify-content: flex-end;
}

section.basket .sub-total span {
    margin-left: 85px;
}

section.basket .order-empty {
    text-align: center;
}

section.basket .order-empty a {
    margin-top: 15px;
}

/* Order */

.page-form-elem {
    font-size: 0;
}

.page-form-elem input {
    font-size: 16px;
}

.page-form-elem a {
    color: #fff;
}

.page-form-elem a:hover {
    text-decoration: underline;
}

.page-form-label {
    display: inline-block;
    width: 35%;
    height: 20px;
    margin: 10px 5% 0 0;
    line-height: 20px;
    vertical-align: top;
    font-size: 16px;
}

.page-form-label.right {
    width: 40%;
    margin: 10px 0 0 5%;
    line-height: 20px;
    vertical-align: top;
}

.page-form-label2 {
    display: block;
    width: 100%;
    margin: 5px 0;
    line-height: 20px;
    vertical-align: top;
}

.page-form-info {
    margin: 0 0 20px;
    font-size: 14px;
}

.page-form-error {
    margin: -5px 0 20px;
    color: #f3004e;
    text-align: center;
    font-size: 14px;
}

.page-form-error--hidden {
    display: none;
}

.page-form-textbox,
.page-form-textarea,
.page-form-select {
    width: 100%;
    height: 40px;
    margin: 0 0 25px;
    padding: 0 10px;
    border: 1px solid #cacaca;
    color: #000;
    background: transparent;
    transition: .2s ease-in-out;
}

.page-form-textarea {
    height: 95px;
    padding: 5px 10px;
    resize: none;
}

.page-form-textbox:focus,
.page-form-textarea:focus,
.page-form-select:focus {
    border-color: #1a1b1b;
}

.page-form-textbox--pink,
.page-form-textbox--error,
.page-form-textarea--error {
    border-color: #f3004e;
}

.page-form-textbox--error::-webkit-input-placeholder,
.page-form-textarea--error::-webkit-input-placeholder {
    color: #f3004e;
}

.page-form-textbox--error::-moz-placeholder,
.page-form-textarea--error::-moz-placeholder {
    color: #f3004e;
}

.page-form-checkbox,
.page-form-radiobox {
    position: relative;
    display: inline-block;
    padding: 0 0 0 40px;
    margin: 0 0 10px;
    cursor: pointer;
}

.page-form-checkbox [type="checkbox"],
.page-form-radiobox [type="radio"] {
    display: none;
}

.page-form-checkbox [type="checkbox"] + i,
.page-form-radiobox [type="radio"] + i {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 12px;
    height: 12px;
    background: transparent;
    overflow: hidden;
    border: 1px solid #cacaca;
    border-radius: 2px;
    color: #f3004e;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    text-indent: -9999px;
}

.page-form-checkbox [type="checkbox"]:checked + i,
.page-form-radiobox [type="radio"]:checked + i  {
    text-indent: 0;
}

.page-form-radiobox [type="radio"] + i {
    border-radius: 20px;
}

.page-form-radiobox [type="radio"]:checked + i {
    background: #9c233f;
    border: none;
}

.page-form-label + .page-form-textbox,
.page-form-label + .page-form-textarea,
.page-form-label + .page-form-select {
    width: 60%;
}

.page-form-label + .page-form-textbox + .page-form-info,
.page-form-label + .page-form-textarea + .page-form-info {
    width: 60%;
    margin: -15px 0 20px 40%;
    font-size: 14px;
    line-height: 18px;
}

.page-form-label + .page-form-textbox + .page-form-error,
.page-form-label + .page-form-textbox + .page-form-addt,
.page-form-label + .page-form-textarea + .page-form-error  {
    width: 60%;
    margin: -20px 0 10px 40%;
    font-size: 14px;
}

.clearfix {
    display: table;
    clear: both;
    content: "";
}

section.order-address {
    margin-top: 40px;
    background-color: #f6f2ee;
}

section.order-address h2 {
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 30px;
}

section.order-delivery h2 {
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 10px;
}

.order-delivery {
    padding: 30px 0;
}

.order-delivery-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.order-delivery-item {
    position: relative;
    padding: 15px;
}

.order-delivery-item-name,
.order-delivery-item-text {
    float: left;
    width: 42%;
    padding-right: 20px;
}

.order-delivery-item-cost {
    float: right;
    width: 16%;
    font-weight: 700;
}

.order-address {
    padding: 30px 0;
}

.order-address-left {
    float: left;
    width: 47%;
}

.order-address-right {
    float: right;
    width: 47%;
}

.order-address .page-form-label {
    width: 20%;
    line-height: 18px;
}

.order-address .page-form-textbox {
    width: 75%;
}

.order-address .page-form-textbox::-webkit-input-placeholder,
.order-address .page-form-textarea::-webkit-input-placeholder {
    font-size: 0;
}

.order-address .page-form-textbox::-moz-placeholder,
.order-address .page-form-textarea::-moz-placeholder {
    font-size: 0;
}

.order-address .page-form-info,
.order-address .page-form-error {
    width: 75% !important;
    margin-left: 25% !important;
}

.order-address-wrap1 .page-form-elem {
    position: relative;
    width: 33.3333%;
    float: left;
}

.order-address-wrap1 .page-form-label {
    width: 30%;
    margin-left: 20%;
    margin-right: 0;
}

.order-address-wrap1 .page-form-textbox {
    width: 25%;
    margin-left: 25%;
}

.order-address-wrap1 .page-form-elem:first-child .page-form-label {
    margin-left: 0;
    margin-right: 20%;
}

.order-address-wrap2 .page-form-label {
    width: 7%;
}

.order-address-wrap2 .page-form-textarea {
    width: 88%;
    font-size: 16px;
    padding-top: 7px;
}

.order-address-wrap2 .page-form-textarea textarea {
    font-size: 16px;
}

.order-address-wrap1 .page-form-textbox {
    width: 25%;
    margin-left: 25%;
}

/* Order payment */

section.order-payment {
    background: #f6f2ee;
    padding: 30px 0 10px 0;
}

section.order-payment h2 {
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 10px;
}

.order-payment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.order-payment-item {
    position: relative;
    padding: 15px;
}

.order-payment-item-name {
    float: left;
    width: 42%;
    padding-right: 20px;
}

/* Order summary */

.basket-summary {
    padding: 40px 0 60px;
}

.basket-prods-totals {
    float: left;
    width: 25%;
    text-align: right;
    font-size: 0;
}

.basket-prods-totals span {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.basket-prods-totals > div > span:first-child {
    width: 40%;
}

.basket-prods-totals > div > span:last-child {
    text-align: right;
    width: 60%;
}

.basket-prods-totals-sum,
.basket-prods-totals-sum-with-discount,
.basket-prods-totals-sale,
.basket-prods-totals-delivery {
    padding: 0 0 10px;
}

.basket-prods-totals-sum span,
.basket-prods-totals-sum-with-discount span,
.basket-prods-totals-sale span,
.basket-prods-totals-delivery span {
    font-size: 16px;
}

.basket-prods-totals-all span {
    font-size: 20px;
}

.basket-prods-totals-all {
    padding: 10px 0 0;
    border-top: 1px solid #e3e3e3;
}

.basket-checkbox {
    float: right;
    width: 35%;
    margin: 30px 0 0;
}

.basket-checkbox .page-form-checkbox {
    padding: 3px 5px 3px 32px;
    line-height: 0;
    transition: border .2s ease-in-out;
    border: 1px solid transparent;
}

.basket-checkbox .page-form-checkbox input + i {
    width: 20px;
    height: 20px;
    top: 2px;
    left: 3px
}

.basket-checkbox .page-form-checkbox.incorrect {
    border: 1px solid #9c233f;
}

.basket-checkbox .page-form-elem a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
}

.basket-checkbox .page-form-elem a:hover {
    text-decoration: underline;
}

.basket-submit-required {
    visibility: hidden;
    margin: 10px 0 0;
    text-align: center;
    color: #f3004e;
}

.basket-submit button {
    width: auto;
    margin: 40px auto 0 auto;
    padding: 0 50px;
}

/* Order end */

section.order-end {
    margin-top: 20px;
    text-align: center;
}

section.order-end h1 {
    margin-bottom: 34px;
}

/* Order pay */

section.order-pay {
    margin-top: 20px;
    text-align: center;
}

section.order-pay h1 {
    margin-bottom: 34px;
}

section.order-pay input[type="submit"] {
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

/* Order history */

section.orders {
    width: 100%;
}

section.orders ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

section.orders ul li {
    margin-bottom: 60px;
}

section.orders ul li a {
    display: flex;
    text-decoration: none;
}

section.orders div {
    width: 25%;
}

section.orders .id {
    color: #9c233f;
    text-transform: uppercase;
}

section.orders .date,
section.orders .status span {
    color: #888888;
}

section.order {
    width: 100%;
}

section.order .order-content {
    border: 1px solid #fafafa;
}

section.order .row {
    display: flex;
    flex-wrap: wrap;
}

section.order .row .col {
    width: 50%;
}

section.order .order-header {
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

section.order .order-header > .col {
    display: flex;
    align-items: center;
}

section.order .order-header .id {
    font-size: 20px;
    color: #9c233f;
    text-transform: uppercase;
    margin-right: 35px;
}

section.order .order-header .date {
    color: #888888;
    margin-right: auto;
}

section.order .order-header .status span {
    color: #888888;
}

section.order .row .col.col-basket {
    border-right: 1px solid #fafafa;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

section.order .row .col.col-basket,
section.order .row .col.col-order-props {
    border-bottom: 1px solid #fafafa;
}

section.order .col-basket .td {
    display: flex;
    padding: 20px;
    width: 50%;
}

section.order .col-basket .td:not(:last-child) {
    border-bottom: 1px solid #fafafa;
}

section.order .col-basket .image {
    width: 72px;
    height: 110px;
    margin-right: 20px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fafafa;
}


section.order .col-basket .all-props-container {
    display: flex;
    width: 100%;
    flex-direction: column;
}

section.order .col-basket .name {
    margin-left: -3px;
    margin-bottom: 6px;
}

section.order .col-basket .name,
section.order .col-basket .properties,
section.order .col-basket .quantity {
    line-height: 20px;
    padding-top: 0;
    width: 100%;
    font-size: 14px;
}

section.order .col-basket .price {
    margin-top: 8px;
}

section.order .order-summary {
    padding: 20px 60px 25px 25px;
}

section.order .order-summary span:last-child {
    text-align: right;
}

section.order .order-sum,
section.order .order-to-pay {
    display: flex;
    align-items: center;
}

section.order .order-sum span,
section.order .order-to-pay span {
    width: 50%;
}

section.order .order-sum {
    margin-bottom: 10px;
}

section.order .order-to-pay span:last-child {
    font-size: 20px;
}

section.order .col-order-props {
    padding: 20px 20px 20px 80px;
}

section.order .col-order-props > div:not(:last-child) {
    margin-bottom: 35px;
}

section.order .col-order-props .heading {
    color: #1a1b1b;
    font-weight: 600;
    margin-bottom: 6px;
}

section.order .col-order-props .text {
    color: #666666;
    line-height: 22px;
}

/* Look book */

section.look-book {
    padding: 40px 0;
}

section.look-book h1 {
    text-align: center;
    margin-bottom: 40px;
}

section.look-book-section {
    display: flex;
    align-items: center;
}

section.look-book-section .description {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

section.look-book-section .name {
    text-transform: uppercase;
    margin-bottom: 3px;
}

section.look-book-section .name a {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

section.look-book-section .name a:hover {
    border-bottom: 2px solid #9c233f;
}

section.look-book-section .count {
    margin-bottom: 20px;
}

section.look-book-section .images {
    width: 900px;
    display: flex;
    flex-shrink: 0;
}

section.look-book-section .images .item {
    height: 688px;
    width: 50%;
    margin-bottom: 107px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fafafa;
}

section.look-book-section .images .item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section.look-book-section .images .item:not(:last-child) {
    margin: 0 11px;
}

section.look-book-section:nth-child(2n + 1) .description {
    order: 0;
}

section.look-book-section:nth-child(2n + 1) .images {
    order: 1;
}

section.look-book-section .slick-list,
section.look-book-section .slick-track {
    width: 100%;
}

section.look-book-section .slick-slider .slick-prev {
    left: 11px;
    top: 321px;
}

section.look-book-section .slick-slider .slick-next {
    right: 11px;
    top: 321px;
}

/* Lookbook collection */

section.look-book-collection {
    padding: 40px 0;
}

section.look-book-collection h1 {
    text-align: center;
    margin-bottom: 40px;
}

section.look-book-collection ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.look-book-collection ul li {
    height: 424px;
    width: 270px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    background-color: #fafafa;
    background-position: center;
    background-size: cover;
}

section.look-book-collection ul li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section.look-book-collection ul li .link {
    position: absolute;
    bottom: -63px;
    height: 63px;
    background-color: #fff;
    opacity: .9;
    width: 100%;
    transition: bottom .2s ease-in-out;
}

section.look-book-collection ul li .link a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.look-book-collection ul li:hover .link {
    bottom: 0;
}

/* Lookbook image */

section.look-book-image {
    padding: 40px 0;
}

section.look-book-image h1 {
    text-align: center;
    margin-bottom: 40px;
}

section.look-book-image .image {
    display: flex;
}

section.look-book-image .main-image {
    width: 526px;
    height: 828px;
    margin-right: 90px;
    flex-shrink: 0;
    background-color: #fafafa;
    background-size: cover;
    background-position: center;
}

section.look-book-image .products .products-list {
    margin: 0;
}

section.look-book-image .products .products-list > li {
    width: 205px;
}

section.look-book-image .products .products-list > li:nth-child(2n) {
    margin-right: 0;
}

section.look-book-image .products .products-list > li .catalog-prods-item-photo {
    height: 323px;
}

/* 404 */

section.page-not-found {
    padding-top: 23px;
    text-align: center;
}

section.page-not-found h1 {
    margin-bottom: 34px;
}

video {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.first.under-banner {
	width:33.3%;
	margin-left:0px;
}

.first.under-banner .image {
	height:980px;
}

.first.under-banner .content {
	padding-top:0px;
	position:absolute;
	bottom:50px;
	left:10px;
}

.first.under-banner .content .name {
	color:#fff;
	font-size:32px;
}


.basket-toast-message {
    position: fixed;
    top: 75px;
    right: 80px;
    background-color: #f4f6f8;
    padding: 20px 25px;
    text-align: center;
    transform: translateX(350px);
    transition: all 0.5s;
    opacity: 0;
}

.basket-toast-message.active {
    opacity: 1;
    transform: translateX(0px);
}

.basket-toast-message p {
    margin: 0px;
    margin-bottom: 15px;
}

#scrolltop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 25px;
    background-color: rgba(0,0,0,0.5);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMAAQIDDRITFBcdHh8gIyQlJjdDREx1d4CCg4WXmpu5urzZ6e3v+fv9pStiuwAAAI9JREFUOE/dylkWgkAMRNFqUXEW53kC1Ox/hWKOtG3SZgHkq3LuAxp4q7xv+oboPrDdLNiNYktkFt7/FIFHix+viqHwHYkThffr7Bkrvp4gixT7wIHsURcj6ZeE/6kopMtirTwsUuCmHZjUxRxIS17n0H1xctXultqB8bs4Ot6dQjsXB/fZ7WVLOdBbODTmXgKJJx7c/fm3AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45%;
    border-radius: 5px;
    display: block;
    z-index: 9999;
}

/* Accordion */
.catalog-detail-info {
  margin-top: 65px;
}
.accordion {
  position: relative;
}

[id*="open-accordion"], [id*="close-accordion"] {
  display: block;
  position: relative;
}

[id*="close-accordion"] {
  display: none;
}

.accordion a:not(.link) {
  border-bottom: 1px solid #ccc;
  color: #303030;
  font-family: 'Times New Roman', serif;
  font-size: 24px;
  padding-bottom: 25px;
  text-decoration: none;
  text-transform: uppercase;
}

[id*="open-accordion"]:after, [id*="close-accordion"]:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.6);
  position: absolute;
  right: 5px;
  top: 15px;
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.accordion-content {
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}

.accordion span:target ~ .accordion-content {
  display: block;
  height: auto;
  margin-top: 30px;
}

.accordion span:target ~ [id*="close-accordion"] {
  display: block;
}

.accordion span:target ~ [id*="open-accordion"] {
  display: none;
}

.accordion span:target ~ [id*="close-accordion"]:after {
  border-top: 10px solid #333;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}