.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #ddd;
    background: #f8f8f8;
    position: relative
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    color: #bbb;
    text-align: center;
    font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444
}

.selectric-items li.highlighted {
    background: #d0d0d0;
    color: #444
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444
}

.selectric-items .disabled {
    opacity: .5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

@media only screen and (max-width:800px) {
    .card-interior-wrapper {
        display: none
    }
}

.card-interior {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 1073px;
    margin-left: auto;
    margin-right: auto
}

.card-interior--select {
    width: 126px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
    color: #000;
    font-size: 14px;
    text-align: left;
    transition: opacity .5s ease;
}

.card-interior:not(.is-ready) .card-interior--select {
    opacity: 0;
    pointer-events: none
}

.card-interior--select .selectric {
    background: #008592;
    border: none;
}

.card-interior--select .selectric .label {
    padding: 0;
    height: 36px;
    line-height: 36px;
    margin-left: 18px;
    margin-right: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: normal
}

.card-interior--select .selectric .button:after {
    border-top-color: #fff
}

.card-interior--select .selectric-items li {
    padding: 8px 20px
}

.card-interior--body {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: calc(100% - 356px);
}

.card-interior--body:before {
    content: '';
    display: block;
    height: 518px;
}

.card-interior--body:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: #000 url("/images/decorator/big_loader.gif") no-repeat 50%;
    transition: opacity .5s ease;
}

.card-interior.is-ready .card-interior--body:after {
    opacity: 0
}

.card-interior--3d-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-perspective: 500px;
    perspective: 500px
}

.card-interior--overlay {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 1);
    transform: translate3d(0, 0, 1)
}

.card-interior--wall {
    position: absolute;
    z-index: 5;
    transition: opacity .25s ease;
}

.card-interior--wall.is-drag-hovered {
    opacity: .7
}

.card-interior--wall-dropzone {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5
}

.card-interior--disclaimer {
    color: #999;
    font-size: 14px;
    margin-top: 7px;
    max-width: 1073px;
    margin-left: auto;
    margin-right: auto
}

.card-interior--controls {
    width: 356px;
    padding: 1px;
    border: 1px solid #313434;
    position: relative;
    z-index: 2;
}

.card-interior:not(.is-ready) .card-interior--controls {
    opacity: 0;
    pointer-events: none
}

.card-interior--controls:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #7a7c7c;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.card-interior--controls-corners {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
}

.card-interior--controls-corners:before,
.card-interior--controls-corners:after {
    content: '';
    display: block;
    width: 12px;
    height: 13px;
    background: url("https://static.sdvk-oboi.ru/images/icons/star.svg") no-repeat 50%/auto 19px;
    position: absolute;
    top: 0;
    margin-top: -7px;
    z-index: 2
}

.card-interior--controls-corners:before {
    left: -7px
}

.card-interior--controls-corners:after {
    right: -6px
}

.card-interior--controls-corners_top {
    top: 0
}

.card-interior--controls-corners_bottom {
    bottom: 0
}

.card-interior--controls-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ececec
}

.card-interior--collection {
    padding: 0 10px 0 18px;
    font-size: 14px;
}

.card-interior--collection a {
    color: #008592;
    text-decoration: underline
}

.card-interior--collection-label {
    font-weight: bold;
    letter-spacing: -1px
}

.card-interior--buy-btn {
    display: inline-block;
    border: none;
    outline: none;
    color: #fff;
    padding: 0 7px 0 46px;
    font-size: 14px;
    width: 136px;
    line-height: 42px;
    margin-top: -1px;
    margin-right: -1px;
    text-align: center;
    background: #008592 url("/images/decorator/cart-invert.svg") no-repeat 12px 50%/auto 32px;
}

.card-interior--buy-btn:hover {
    color: #fff;
    background-color: #009cab
}

.card-interior--buy-btn.is-active {
    background-color: #d7d7d7
}

.card-interior--help-link {
    display: inline-block;
    border: none;
    outline: none;
    width: 125px;
    height: 36px;
    padding-left: 40px;
    text-align: left;
    background: #33afc1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABVklEQVR42o3TzStEURjH8eslG0Qp0cgfoEQpLxtLKQuLSaRs2GsWFrMYG3ZeYkMkykZTlI1IWXnJSpSwkpcaC0qJSOT6nvxunTkdcupT9zznuc89bzcIPC0Mw1bM4AAX2MUY6oO/Ggnl2Ax/2hv2sI5DvOMLyyjyvVyFK72YdJPol2ESnzjKGqeTg308ocmKr+ISU1YsriIrdoEeTXvA+eq24vNOfFTLaY4CW7hBnpO4pgLjTrwYr1iMAs+Y8+zLkgoMe8bM7M7MQ6GSUp6kaY0lPGMLeDQPBdqUCU/SiAr0e8bSuI46x+asPUmD5ivodOK5yGAjCqS0q41OYq85AbQ78S7NrC8KlOABp+bZSpxVYtK5cHc4R75dtU17cYIaxarRgAr1W3TcL6j1XecO3cYP3YEEujGEHS0zY99WX5GYju8+zG63uoGlwX+a/g+z3jpU/pb3DSwf+sAsvYpwAAAAAElFTkSuQmCC) no-repeat 17px 50%;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 1px;
    -webkit-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: background-color .25s ease;
}

.card-interior--help-link.is-active {
    background-color: #d5d5d5
}

.card-interior--wall-controls {
    min-height: 174px
}

.card-interior--wall-controls+.card-interior--wall-controls {
    border-top: 1px solid #ececec;
    margin-top: 10px
}

.card-interior--chosen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 18px 0;
    position: relative
}

.card-interior--chosen-caption {
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 7px;
    left: 18px
}

.card-interior--chosen-label {
    color: #008592;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap
}

.card-interior--chosen-image {
    width: 72px;
    height: 72px;
    margin-left: 8px;
    margin-right: 8px;
}

.card-interior--chosen-image img {
    max-width: 100%;
    max-height: 100%
}

.card-interior--chosen-info {
    font-size: 12px;
}

.card-interior--chosen-info a {
    color: #33afc1;
    text-decoration: underline
}

.card-interior--chosen-price {
    font-weight: bold;
    font-style: italic;
    font-family: 'Noto Serif', serif;
    color: #008592
}

.card-interior--full-collection {
    width: calc(100% - 2px);
    padding-top: 4px;
    padding-bottom: 7px;
    background: #666;
    position: absolute;
    left: 1px;
    bottom: 0
}

.card-interior--collection-caption {
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-bottom: 5px;
}

.card-interior--collection-caption a {
    color: #33afc1;
    text-decoration: underline
}

.card-interior--companions-label {
    margin-bottom: 3px;
    padding-left: 18px;
    font-size: 12px
}

.card-interior--collection-list,
.card-interior--companions-list {
    position: relative;
}

.card-interior--collection-list ul,
.card-interior--companions-list ul {
    padding: 0;
    margin: 0
}

.card-interior--collection-list .item,
.card-interior--companions-list .item {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.card-interior--collection-list .item.ui-draggable-dragging,
.card-interior--companions-list .item.ui-draggable-dragging {
    z-index: 100
}

.card-interior--collection-list .item--pic,
.card-interior--companions-list .item--pic {
    width: 72px;
    height: 72px;
}

.card-interior--collection-list .item--pic img,
.card-interior--companions-list .item--pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-interior--collection-list .item--article,
.card-interior--companions-list .item--article {
    width: 100%;
    font-size: 12px;
    line-height: 1;
    color: #666;
    text-align: center;
    padding: 3px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    bottom: 0
}

.card-interior--companions-list-carousel,
.card-interior--colelction-list-carousel {
    overflow: hidden;
    margin-left: 23px;
    margin-right: 23px;
}

.card-interior--companions-list-carousel ul,
.card-interior--colelction-list-carousel ul {
    position: relative;
    white-space: nowrap;
}

.card-interior--companions-list-carousel li+li,
.card-interior--colelction-list-carousel li+li {
    margin-left: 6px
}

.card-interior--carousel-control {
    display: inline-block;
    background: transparent;
    border: none;
    outline: none;
    width: 23px;
    height: 28px;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.card-interior--carousel-control:not(.is-disabled):active {
    margin-top: 1px
}

.card-interior--carousel-control.is-disabled {
    opacity: .35;
    cursor: default
}

.card-interior--carousel-control:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    border-top: 1px solid #a7a7a7;
    position: absolute;
    top: 50%;
    margin-top: -3px
}

.card-interior--carousel-control_left {
    left: 0;
}

.card-interior--carousel-control_left:before {
    border-left: 1px solid #a7a7a7;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    left: 50%;
    margin-left: 3px
}

.card-interior--carousel-control_right {
    right: 0;
}

.card-interior--carousel-control_right:before {
    border-right: 1px solid #a7a7a7;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    right: 50%;
    margin-right: 3px
}

.card-interior--carousel-control_light:before {
    border-color: #fff
}

.interior-1 .card-interior--overlay {
    background-image: url("/images/decorator/interior-1.png")
}

.interior-2 .card-interior--overlay {
    background-image: url("/images/decorator/interior-2.png")
}

.interior-3 .card-interior--overlay {
    background-image: url("/images/decorator/interior-3.png")
}

.interior-1 .card-interior--wall {
    height: 40.3%;
    top: 14.3%;
    background-size: auto 26.1%;
}

.interior-1 .card-interior--wall.wall-1 {
    width: 68.9%;
    right: 31.1%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate3d(0, 1, 0, 37.4deg) skewY(-7.2deg);
    transform: rotate3d(0, 1, 0, 37.4deg) skewY(-7.2deg);
    background-position: 100% 0;
}

@media only screen and (max-width:1024px) {
    .interior-1 .card-interior--wall.wall-1 {
        right: 27%
    }
}

.interior-1 .card-interior--wall.wall-2 {
    width: 31.1%;
    left: 68.9%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate3d(0, 1, 0, -44.8deg) skewY(5.8deg);
    transform: rotate3d(0, 1, 0, -44.8deg) skewY(5.8deg);
    background-position: 0 0;
}

@media only screen and (max-width:1024px) {
    .interior-1 .card-interior--wall.wall-2 {
        left: 73%
    }
}

.interior-2 .card-interior--wall {
    height: 63.5%;
    top: 10.3%;
    background-size: auto 22.05%;
}

.interior-2 .card-interior--wall.wall-1 {
    width: 41.3%;
    right: 58.7%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate3d(0, 1, 0, 35.9deg) skewY(-.5deg);
    transform: rotate3d(0, 1, 0, 35.9deg) skewY(-.5deg);
    background-position: 100% 0;
}

@media only screen and (max-width:1024px) {
    .interior-2 .card-interior--wall.wall-1 {
        right: 61.6%
    }
}

.interior-2 .card-interior--wall.wall-2 {
    width: 58.7%;
    left: 41.3%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate3d(0, 1, 0, -29.5deg) skewY(-.2deg);
    transform: rotate3d(0, 1, 0, -29.5deg) skewY(-.2deg);
    background-position: 0 0;
}

@media only screen and (max-width:1024px) {
    .interior-2 .card-interior--wall.wall-2 {
        left: 38.4%
    }
}

.interior-3 .card-interior--wall {
    height: 61.3%;
    top: -2%;
    background-size: auto 22.05%;
}

.interior-3 .card-interior--wall.wall-1 {
    width: 59.3%;
    right: 40.7%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate3d(0, 1, 0, 14deg) skewY(-6.4deg);
    transform: rotate3d(0, 1, 0, 14deg) skewY(-6.4deg);
    background-position: 100% 0
}

.interior-3 .card-interior--wall.wall-2 {
    width: 40.7%;
    left: 59.3%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate3d(0, 1, 0, -21.3deg) skewY(5.4deg);
    transform: rotate3d(0, 1, 0, -21.3deg) skewY(5.4deg);
    background-position: 0 0
}

.interior-1 .card-interior--wall-dropzone.wall-dropzone-1 {
    width: 68.9%;
    right: 31.1%;
}

@media only screen and (max-width:1024px) {
    .interior-1 .card-interior--wall-dropzone.wall-dropzone-1 {
        width: 73%;
        right: 27%
    }
}

.interior-1 .card-interior--wall-dropzone.wall-dropzone-2 {
    width: 31.1%;
    left: 68.9%;
}

@media only screen and (max-width:1024px) {
    .interior-1 .card-interior--wall-dropzone.wall-dropzone-2 {
        width: 27%;
        left: 73%
    }
}

.interior-2 .card-interior--wall-dropzone.wall-dropzone-1 {
    width: 41.3%;
    right: 58.7%;
}

@media only screen and (max-width:1024px) {
    .interior-2 .card-interior--wall-dropzone.wall-dropzone-1 {
        width: 38.4%;
        right: 61.6%
    }
}

.interior-2 .card-interior--wall-dropzone.wall-dropzone-2 {
    width: 58.7%;
    left: 41.3%;
}

@media only screen and (max-width:1024px) {
    .interior-2 .card-interior--wall-dropzone.wall-dropzone-2 {
        width: 61.6%;
        right: 38.4%
    }
}

.interior-3 .card-interior--wall-dropzone.wall-dropzone-1 {
    width: 59.3%;
    right: 40.7%
}

.interior-3 .card-interior--wall-dropzone.wall-dropzone-2 {
    width: 40.7%;
    left: 59.3%
}

.card-interior--help {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    background: #f2f2f2;
    border: 1px solid #ccc
}

.card-interior--help-section {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.card-interior--help-section img {
    max-width: 100%
}

.card-interior--help-section+.card-interior--help-section {
    border-left: 1px solid #ccc
}

.card-interior--help-text {
    padding: 15px 18px 10px;
    font-size: 13px
}

.card-interior--help-close-btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #33aec1;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.card-interior--help-close-btn:before,
.card-interior--help-close-btn:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.card-interior--help-close-btn:before {
    right: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.card-interior--help-close-btn:after {
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.card-interior-basket-modal {
    background: #fff;
    padding: 10px 28px 20px 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -178px;
    position: absolute;
    bottom: 8px;
    z-index: 100
}

.card-interior-basket-modal--close-btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #33aec1;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.card-interior-basket-modal--close-btn:before,
.card-interior-basket-modal--close-btn:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.card-interior-basket-modal--close-btn:before {
    right: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.card-interior-basket-modal--close-btn:after {
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.card-interior--basket-table {
    margin-bottom: 10px;
    margin-right: -28px;
}

.card-interior--basket-table th {
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    padding-bottom: 5px
}

.card-interior--basket-table .spacer td {
    height: 8px
}

.card-interior--basket-table .item {
    text-align: center;
    display: table-row;
    vertical-align: middle;
}

.card-interior--basket-table .item td {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

.card-interior--basket-table .item td:not(:last-child):not(:first-child) {
    border-left: 1px solid #ececec;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 120px
}

.card-interior--basket-table .item td:first-child {
    padding-right: 20px
}

.card-interior--basket-table .item td:last-child {
    width: 28px
}

.card-interior--basket-table .item .form-control-wrap {
    display: inline-block
}

.card-interior--basket-table .item .form-control {
    width: 38px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-right: 15px
}

.card-interior--basket-table .item--image-col {
    text-align: left
}

.card-interior--basket-table .item--image {
    margin-bottom: 5px;
}

.card-interior--basket-table .item--image img {
    max-width: 63px;
    max-height: 63px
}

.card-interior--basket-table .item--name {
    font-size: 11px
}

.card-interior--basket-table .item--old-price {
    color: #b0b0b0;
    font-size: 12px;
    text-decoration: line-through;
    font-weight: bold;
    font-style: italic;
    font-family: 'Noto Serif', serif
}

.card-interior--basket-table .item--price {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Noto Serif', serif
}

.card-interior--basket-table .item--amount-label {
    font-size: 10px
}

.card-interior--basket-table .item--total-price {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Noto Serif', serif;
    color: #008592
}

.card-interior--basket-table .item--remove {
    display: inline-block;
    border: none;
    outline: none;
    width: 28px;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    right: 0;
    top: 0;
}

.card-interior--basket-table .item--remove:hover {
    background: #f2f2f2
}

.card-interior--basket-table .item--remove:before,
.card-interior--basket-table .item--remove:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    background: #168f9b;
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.card-interior--basket-table .item--remove:before {
    right: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.card-interior--basket-table .item--remove:after {
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.card-interior-basket-modal--total {
    text-align: right;
    font-size: 15px;
    color: #999;
    margin-bottom: 15px
}

.card-interior-basket-modal--total-price {
    font-size: 20px;
    color: #000;
    margin-left: 3px
}

.card-interior-basket-modal--buttons {
    text-align: right
}

.card-interior-basket-modal--buy-btn {
    display: inline-block;
    border: none;
    outline: none;
    background: #008592;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 30px;
    padding: 0 17px;
}

.card-interior-basket-modal--buy-btn:hover {
    background: #009cab
}

.add-to-basket-success-modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5)
}

.add-to-basket-success-modal--content {
    background: #fff;
    border: 1px solid #008592;
    padding: 35px 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.add-to-basket-success-modal--close-btn {
    display: inline-block;
    border: none;
    outline: none;
    background: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.add-to-basket-success-modal--close-btn:before,
.add-to-basket-success-modal--close-btn:after {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background: #168f9b;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.add-to-basket-success-modal--close-btn:before {
    right: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.add-to-basket-success-modal--close-btn:after {
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.add-to-basket-success-modal--caption {
    text-align: center;
    font-size: 18px;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    margin-bottom: 25px;
}

.add-to-basket-success-modal--caption .star-header:before,
.add-to-basket-success-modal--caption .star-header:after {
    margin: 0
}

.add-to-basket-success-modal--caption .star-header:before {
    margin-right: 8px
}

.add-to-basket-success-modal--caption .star-header:after {
    margin-left: 8px
}

.add-to-basket-success-modal--controls>*+* {
    margin-left: 18px
}

.add-to-basket-success-modal--cancel,
.add-to-basket-success-modal--process-to-basket {
    display: inline-block;
    border: none;
    outline: none;
    width: 192px;
    line-height: 35px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.add-to-basket-success-modal--cancel:hover,
.add-to-basket-success-modal--process-to-basket:hover {
    color: #fff;
    text-decoration: none
}

.add-to-basket-success-modal--cancel {
    background: #a4a4a4
}

.add-to-basket-success-modal--process-to-basket {
    background: #008592
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

@media(max-width: 800px) {
    .card-interior-wrapper {
        display: block;
    }

    .card-interior--body {
        width: 100%;
        height: 410px;
    }

    .card-interior {
        display: flex;
        flex-direction: column;
    }

    .card-interior--3d-layer {
        top: -25px;
        height: 130%;
        left: -45px;
    }

    .card-interior--controls {
        width: 100%;
    }

    .card-interior--help-link {
        display: none;
    }

    .card-interior--wall-controls {
        min-height: 200px;

    }

    .mh0 {
        min-height: 0;
    }

    .card-interior-basket-modal {
        margin-left: 0;

    }

    .card-interior--basket-table .item--remove {
        right: -20px;
    }

    .card-interior-basket-modal {
        padding: 10px 48px 20px 20px;
    }
}

@media(max-width: 700px) {
    .card-interior--3d-layer {
        top: -25px;
        height: 130%;
        left: 0px;
    }
}

@media(max-width: 576px) {
    .card-interior--body {
        height: 320px;
    }

    .card-interior-basket-modal {
        width: 110%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .card-interior--basket-table .item td:not(:last-child):not(:first-child) {
        min-width: 110px;
    }

    .card-interior--buy-btn {
        font-size: 13px;
    }

    .card-interior--basket-table .item td:last-child {
        position: absolute;
        right: 0px;
        height: 100px;
    }

    .card-interior-basket-modal {
        padding: 10px 28px 20px 20px;
    }

    @media(max-width: 376px) {
        .card-interior--body {
            height: 250px;
        }
    }
}

/*# sourceMappingURL=decorator.css.map */