@charset "UTF-8";
@font-face {
    font-family: "yekan";

    font-weight: 100;
    src: url("../fonts/yekan/YekanBakhFaNum01Hairline.eot");
    src: url("../fonts/yekan/YekanBakhFaNum01Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum01Hairline.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum01Hairline.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";

    font-weight: 200;
    src: url("../fonts/yekan/YekanBakhFaNum02Thin.eot");
    src: url("../fonts/yekan/YekanBakhFaNum02Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum02Thin.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum02Thin.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";
    font-weight: 300;
    src: url("../fonts/yekan/YekanBakhFaNum03Light.eot");
    src: url("../fonts/yekan/YekanBakhFaNum03Light.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum03Light.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum03Light.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";
    font-weight: 400;
    src: url("../fonts/yekan/YekanBakhFaNum04Regular.eot");
    src: url("../fonts/yekan/YekanBakhFaNum04Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum04Regular.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum04Regular.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";
    font-weight: 500;
    src: url("../fonts/yekan/YekanBakhFaNum05Medium.eot");
    src: url("../fonts/yekan/YekanBakhFaNum05Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum05Medium.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum05Medium.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";
    font-weight: 600;
    src: url("../fonts/yekan/YekanBakhFaNum06Bold.eot");
    src: url("../fonts/yekan/YekanBakhFaNum06Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum06Bold.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum06Bold.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";
    font-weight: 700;
    src: url("../fonts/yekan/YekanBakhFaNum07Heavy.eot");
    src: url("../fonts/yekan/YekanBakhFaNum07Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum07Heavy.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum07Heavy.ttf") format("truetype"); }
@font-face {
    font-family: "yekan";
    font-weight: 800;
    src: url("../fonts/yekan/YekanBakhFaNum08Fat.eot");
    src: url("../fonts/yekan/YekanBakhFaNum08Fat.eot?#iefix") format("embedded-opentype"), url("../fonts/yekan/YekanBakhFaNum08Fat.woff") format("woff"), url("../fonts/yekan/YekanBakhFaNum08Fat.ttf") format("truetype"); }
@font-face {
    font-family: Avenir Next;
    src: url(../fonts/anvir/anvir-bold.eot);
    src: url(../fonts/anvir/anvir-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/anvir/anvir-bold.woff) format("woff"), url(../fonts/anvir/anvir-bold.ttf) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-weight: 700
}

@font-face {
    font-family: Avenir Next;
    src: url(../fonts/anvir/anvir-regular.eot);
    src: url(../fonts/anvir/anvir-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/anvir/anvir-regular.woff) format("woff"), url(../fonts/anvir/anvir-regular.ttf) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-weight: 500
}

@font-face {
    font-family: Cormorant Garamond;
    src: url(../fonts/cormorant/cormorant.eot);
    src: url(../fonts/cormorant/cormorant.eot?#iefix) format("embedded-opentype"), url(../fonts/cormorant/cormorant.woff) format("woff"), url(../fonts/cormorant/cormorant.ttf) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-weight: 400
}

@font-face {
    font-family: Kazimir;
    src: url(../fonts/kazimir/kazimir.eot);
    src: url(../fonts/kazimir/kazimir.eot?#iefix) format("embedded-opentype"), url(../fonts/kazimir/kazimir.woff) format("woff"), url(../fonts/kazimir/kazimir.ttf) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-weight: 400
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, option, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    text-decoration: none
}

a::selection, abbr::selection, acronym::selection, address::selection, applet::selection, article::selection, aside::selection, audio::selection, b::selection, big::selection, blockquote::selection, body::selection, canvas::selection, caption::selection, center::selection, cite::selection, code::selection, dd::selection, del::selection, details::selection, dfn::selection, div::selection, dl::selection, dt::selection, em::selection, embed::selection, fieldset::selection, figcaption::selection, figure::selection, footer::selection, form::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, header::selection, html::selection, i::selection, iframe::selection, img::selection, ins::selection, kbd::selection, label::selection, legend::selection, li::selection, mark::selection, menu::selection, nav::selection, object::selection, ol::selection, option::selection, output::selection, p::selection, pre::selection, q::selection, ruby::selection, s::selection, samp::selection, section::selection, select::selection, small::selection, span::selection, strike::selection, strong::selection, sub::selection, summary::selection, sup::selection, table::selection, tbody::selection, td::selection, tfoot::selection, th::selection, thead::selection, time::selection, tr::selection, tt::selection, u::selection, ul::selection, var::selection, video::selection {
    color: #fff;
    background: #000
}

a::-moz-selection, abbr::-moz-selection, acronym::-moz-selection, address::-moz-selection, applet::-moz-selection, article::-moz-selection, aside::-moz-selection, audio::-moz-selection, b::-moz-selection, big::-moz-selection, blockquote::-moz-selection, body::-moz-selection, canvas::-moz-selection, caption::-moz-selection, center::-moz-selection, cite::-moz-selection, code::-moz-selection, dd::-moz-selection, del::-moz-selection, details::-moz-selection, dfn::-moz-selection, div::-moz-selection, dl::-moz-selection, dt::-moz-selection, em::-moz-selection, embed::-moz-selection, fieldset::-moz-selection, figcaption::-moz-selection, figure::-moz-selection, footer::-moz-selection, form::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, header::-moz-selection, html::-moz-selection, i::-moz-selection, iframe::-moz-selection, img::-moz-selection, ins::-moz-selection, kbd::-moz-selection, label::-moz-selection, legend::-moz-selection, li::-moz-selection, mark::-moz-selection, menu::-moz-selection, nav::-moz-selection, object::-moz-selection, ol::-moz-selection, option::-moz-selection, output::-moz-selection, p::-moz-selection, pre::-moz-selection, q::-moz-selection, ruby::-moz-selection, s::-moz-selection, samp::-moz-selection, section::-moz-selection, select::-moz-selection, small::-moz-selection, span::-moz-selection, strike::-moz-selection, strong::-moz-selection, sub::-moz-selection, summary::-moz-selection, sup::-moz-selection, table::-moz-selection, tbody::-moz-selection, td::-moz-selection, tfoot::-moz-selection, th::-moz-selection, thead::-moz-selection, time::-moz-selection, tr::-moz-selection, tt::-moz-selection, u::-moz-selection, ul::-moz-selection, var::-moz-selection, video::-moz-selection {
    color: #fff;
    background: #000
}

html {
    height: 100%;
    font-family: Helvetica, sans-serif;
    background: #fff
}

html[lang=en], html[lang=ru] {
    font-family: Avenir Next, sans-serif
}
html[lang=fa]{
    font-family: yekan;
}

body {
    width: 100%;
    height: 100%;
    color: #282828
}

body, canvas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none
}

canvas {
    font-family: Avenir Next, sans-serif
}

a img {
    border: none
}

input, select, textarea {
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0
}

:-moz-submit-invalid, :-moz-ui-invalid, :invalid {
    box-shadow: none
}

button {
    display: block;
    font: inherit;
    padding: 0;
    box-sizing: content-box;
    cursor: pointer;
    background: none
}

button, button:focus {
    border: none
}

.no-hover * {
    pointer-events: none !important
}

.prevent-scroll {
    overflow: hidden !important
}

.no-outline * {
    outline: none !important
}

.rubl:after {
    display: inline-block;
    margin-left: .4em;
    transform: scaleX(1.2);
    font-size: .92em
}

.overlay {
    width: 100%;
    height: 100%;
    min-width: 320px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    visibility: hidden;
    opacity: 0;
    font-size: 0;
    transition: opacity .3s ease .5s, visibility .3s ease .5s;
    background: #fff
}

.overlay.active {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.popup {
    width: 100%;
    height: 100%;
    min-width: 320px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11000;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
    pointer-events: none;
    transition: opacity .5s ease, visibility .5s ease
}

.popup.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition-delay: .3s
}

.load-animation-end-complete .popup {
    display: block
}

.popup-inner {
    height: 100%;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.popup-content, .popup-inner {
    width: 100%;
    box-sizing: border-box
}

.popup-content {
    max-width: 640px;
    padding: 40px 15px;
    z-index: 2
}

.popup-content h2 {
    padding: 0;
    text-align: left
}

.popup-content .button {
    vertical-align: middle
}

.popup-self-close {
    display: none
}

.popup-close {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.popup-close:after, .popup-close:before {
    content: "";
    width: 2px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -1px;
    background: #2f3344
}

.popup-close:before {
    transform: rotate(-45deg)
}

.popup-close:after {
    transform: rotate(45deg)
}

@media screen and (min-width: 640px) {
    .popup-inner {
        text-align: center;
        background: none
    }

    .popup-inner:before {
        content: "";
        width: 0;
        height: 100%
    }

    .popup-content, .popup-inner:before {
        display: inline-block;
        vertical-align: middle
    }

    .popup-content {
        max-width: 640px;
        padding: 75px 60px;
        margin: 75px 0;
        position: relative;
        text-align: left;
        background: #fff
    }

    .popup-self-close {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

    .popup-close {
        top: 30px;
        right: 30px
    }

    .overlay {
        background: rgba(0, 0, 0, .2)
    }
}

dadata-view {
    display: block;
    position: relative
}

dadata-view.active .dadata-container {
    visibility: visible;
    opacity: 1;
    transition: visibility .2s, opacity .2s ease
}

.dadata-container {
    min-width: 200px;
    padding: 16px 0;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s ease;
    border: 1px solid #ebe1dd;
    border-top: none;
    background: #fff
}

.dadata-button, .dadata-notice {
    width: 100%;
    padding: 9px 10px 10px;
    margin: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    font-family: Cormorant Garamond, serif
}

.dadata-button {
    cursor: pointer;
    transition: background .5s ease
}

.dadata-button .match {
    color: #e4b6b6
}

.dadata-button.focus, .dadata-button:hover, html {
    background: #f8f6f5
}

html {
    font-weight: 500
}

html.headerHidden .logo-mobile {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    visibility: hidden
}

html.headerInvert header, html.page-invert header {
    color: #2f3344
}

html.headerInvert .nav-button i, html.page-invert .nav-button i {
    background: #2f3344
}

html.headerInvert .logo-desktop path.cls-1, html.headerInvert .logo-mobile path.cls-1, html.page-invert .logo-desktop path.cls-1, html.page-invert .logo-mobile path.cls-1 {
    fill: #2f3344
}

html.headerInvert .collection-link, html.headerInvert .search-button, html.page-invert .collection-link, html.page-invert .search-button {
    color: #2f3344
}

html.headerInvert .collection-link use, html.headerInvert .search-button use, html.page-invert .collection-link use, html.page-invert .search-button use {
    stroke: #2f3344
}

html.cartActive {
    overflow: hidden
}

.search-button svg {
    fill: #fff;
}

html.page-invert .search-button svg, html.searchActive .search-button svg {
    fill: #000;
}

html.cartActive .cart {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), opacity .5s ease, visibility 1.5s
}

html.cartActive .cart-confirm button,html.cartActive .cart-confirm a,html.cartActive .cart-confirm a, html.cartActive .cart-content, html.cartActive .cart-footer, html.cartActive .cart-header {
    transform: translateX(0);
    opacity: 1;
    transition: transform .5s ease, opacity .5s ease, color .5s ease
}

html.cartActive .cart-header {
    transition-delay: .3s
}

html.cartActive .cart-content {
    transition-delay: .35s
}

html.cartActive .cart-footer {
    transition-delay: .45s
}

html.cartActive .cart-confirm button, html.cartActive .cart-confirm a {
    transition-delay: .55s
}

html.cartActive .cart-overlay {
    pointer-events: auto
}

html.navActive .nav {
    transform: translateZ(0);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), opacity .5s ease, visibility 1.5s
}

html.navActive .menu-center, html.navActive .menu-left, html.navActive .search {
    transform: translateX(0);
    opacity: 1;
    transition: transform .5s ease, opacity .5s ease, color .5s ease
}

html.navActive .menu-center {
    transition-delay: .3s
}

html.navActive .menu-center .nav-link:not(:last-child) {
    /*margin-bottom: 10px*/
}

html.navActive .menu-left {
    transition-delay: .35s
}

html.navActive .search {
    transition-delay: .45s
}

html.navActive .nav-button i {
    background: #2f3344
}

html.navActive .nav-button i:first-child {
    transform: rotate(45deg);
    transform-origin: center;
    top: 28px;
    transition: transform .5s ease
}

html.navActive .nav-button i:nth-child(2) {
    opacity: 0
}

html.navActive .nav-button i:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: center;
    bottom: 18px;
    top: auto;
    transition: transform .5s ease
}

html.navActive .logo-mobile use {
    fill: #2f3344
}

html.navActive .nav {
    opacity: 1;
    visibility: visible
}

html.disable-cart .collection-link {
    pointer-events: none
}

html.disable-cart.headerHidden .collection-link {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    visibility: hidden
}

.defs {
    display: none
}

.image, view-image {
    width: 100%;
    padding-bottom: 100%;
    display: block;
    position: relative;
    background: no-repeat 50%/cover
}

.image.contain, view-image.contain {
    background-size: contain
}

.image canvas, view-image canvas {
    position: absolute;
    top: 0;
    left: 0
}

section {
    z-index: 1
}

li, p {
    max-width: 22em;
    margin-bottom: 26px;
    padding-right: 5%;
    font-family: Cormorant Garamond, serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: .055em
}
html[lang=fa] li,html[lang=fa] p{
    font-family:yekan;
    letter-spacing: 0px;
}

li + .rug-button, p + .rug-button {
    margin-top: 53px
}

li a, p a {
    color: inherit;
    border-bottom: 1px solid #ebe1dd;
    transition: border .3s ease
}

li a:hover, p a:hover {
    border-color: transparent
}

li {
    padding-left: 30px;
    margin-bottom: 7px;
    position: relative
}

ol, ul {
    margin-bottom: 26px
}

ul li:before {
    content: "";
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
    background: #ebe1dd
}

ol {
    counter-reset: li
}

ol li {
    counter-increment: li
}

ol li:before {
    content: counter(li) ".";
    display: block;
    position: absolute;
    left: 3px;
    top: 0;
    font-size: 12px;
    font-family: Avenir Next, sans-serif;
    font-weight: 700;
    color: #ebe1dd
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Avenir Next, sans-serif;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 700
}
html[lang=fa] .h1,html[lang=fa] .h2,html[lang=fa] .h3,html[lang=fa] .h4,html[lang=fa] .h5,html[lang=fa] .h6,html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3,html[lang=fa] h4,html[lang=fa] h5,html[lang=fa] h6{
    font-family: yekan;
}

.h1, .h3, h1, h3 {
    font-size: 18px;
    letter-spacing: .075em
}

.h3, h3 {
    max-width: 18em;
    margin-bottom: .9em
}

.h4, h4 {
    margin-bottom: .1em;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .1em
}

.h5, h5 {
    margin-bottom: 21px;
    font-size: 9px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #828990;
    font-weight: 500
}


.post-title {
    font-family: Avenir Next, sans-serif;
    margin-bottom: 1em;
    color: #7e8e97
}

.post-price span {
    font-size: 18px;
}

.post-price span.old {
    text-decoration: line-through;
    color: #dedede;
    font-size: 16px;
}

.post-price span.toman {
    font-size: 16px;
}

span.toman {
    display: inline-block;
    margin-left: 10px;
}
.size-group label{
    font-size: 14px;
}
select#sizeSelect {
    border-radius: 22px;
    width: 125px;
    height: 27px;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 10px;
    direction: ltr;
    padding-left: 10px;
}
html[lang=fa] select#sizeSelect{
    font-family: yekan;

}
.feature-item {
    display: none;
}

.wrapper {
    margin: 0 4%
}

.text-wrapper p {
    max-width: 47em
}

.text-wrapper li {
    max-width: 44em
}

.bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.diam {
    width: .55em;
    height: .55em;
    margin-right: .4em;
    margin-top: -.15em;
    display: inline-block;
    vertical-align: middle;
    border: 1.1px solid;
    border-radius: 50%;
    position: relative
}

.diam:before {
    content: "";
    width: 0;
    height: 160%;
    display: block;
    border-left: 1px solid;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.rug-button {
    font-weight: 500;
    font-size: 9px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #2f3344;
    white-space: nowrap
}

.rug-button, .rug-button span {
    display: inline-block;
    vertical-align: middle
}

.rug-button span {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border: 2px solid;
    position: relative
}

.rug-button span:after, .rug-button span:before {
    content: "";
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -1px;
    transform-origin: 1px;
    background: #2f3344
}

/*.rug-button span:before {*/
/*	width: 18px;*/
/*	transform: rotate(-135deg)*/
/*}*/

/*.rug-button span:after {*/
/*	width: 10px;*/
/*	transform: rotate(-225deg)*/
/*}*/

.rug-button i {
    font-style: normal
}

.icon-link, .rug-button i {
    display: inline-block;
    vertical-align: middle
}
html[lang=fa] .icon-link,html[lang=fa] .rug-button i {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 300;
}
.icon-link {
    min-height: 20px;
    min-width: 40px;
    padding: 5px 0;
    margin-left: 42px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 9px;
    line-height: 20px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #2f3344;
    position: relative;
    cursor: pointer
}

.icon-link:before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 4px;
    left: -42px;
    pointer-events: none;
    background: no-repeat 50%/contain
}


.icon-link.ic-clock {
    margin-left: 25px
}

.icon-link.ic-clock:before {
    width: 14px;
    height: 18px;
    top: 6px;
    left: -27px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#clock-dark);
    background-size: 14px 18px
}

.icon-link.ic-arrow-left {
    margin-left: 25px
}

.icon-link.ic-arrow-left:before {
    width: 7px;
    height: 7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    top: 50%;
    left: -22px;
    margin-top: -6px;
    transform: rotate(45deg);
    background: none
}

.icon-link.ic-ruler {
    margin-left: 37px
}

.icon-link.ic-ruler:before {
    width: 22px;
    height: 13px;
    top: 9px;
    left: -36px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#ruler-dark);
    background-position: 0;
    background-size: 42px 100%
}

.icon-link.ic-no-icon {
    margin-left: 0
}

.icon-link.ic-no-icon:before {
    display: none
}

.ic-border:after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: 2px solid;
    position: absolute;
    bottom: 6px;
    left: 0;
    transform-origin: 30% 50%;
    pointer-events: none;
    transform: translateZ(0);
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)
}

.ic-border:hover:after {
    transform: rotate(3deg) translate3d(0, 3px, 0) scaleX(.7);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)
}

.split-parent {
    overflow: hidden
}

header {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    pointer-events: none;
    font-size: 0;
    text-align: center
}

header .lang-link, header a, header button {
    height: 20px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    pointer-events: auto;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .025em
}
html[lang=fa] header .lang-link,html[lang=fa] header a,html[lang=fa] header button{
    font-size: 16px;
    font-weight: 400;
}

.nav-button {
    height: 20px;
    top: 1.2%;
    left: 6%;
    margin-left: calc(-2% - 10px);
    z-index: 2
}

.nav-button, .nav-button i {
    width: 20px;
    display: block;
    position: absolute
}

.nav-button i {
    height: 2px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    background: #fff
}

.nav-button i:first-child {
    margin-top: -8px
}

.nav-button i:nth-child(2) {
    margin-top: -1px
}

.nav-button i:nth-child(3) {
    margin-top: 6px
}

.nav {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: calc(1.2vh + 78px);
    padding-bottom: calc(11.7vh + 52px);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: auto;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-30%, 0, 0);
    transition: transform .5s cubic-bezier(.6, .04, .98, .335), opacity .25s ease .15s, visibility .4s;
    background: #f8f6f5
}

.menu-center, .menu-left, .search {
    transform: translateX(-40px);
    opacity: 0;
    transition: transform 0s .5s, opacity 0s .5s
}

.menu-center a {
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 18px;
    font-weight: 700;
}
html[lang=fa] .menu-center a{
    font-size: 16px;
    font-weight: 400;
}

.menu-left {
    margin-top: 10px
}

.nav-link, a.lang-link {
    position: relative
}

.nav-link:after, a.lang-link:after {
    content: "";
    border-bottom: 2px solid;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 11px;
    transform: rotate(3deg) translate3d(0, 3px, 0) scaleX(.7);
    transform-origin: 30% 50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)
}
html[lang=fa] .nav-link:after,html[lang=fa]  a.lang-link:after{
    bottom: 6px;
}

.nav-link:hover:after, a.lang-link:hover:after {
    transform: rotate(0deg) translateZ(0) scale(1);
    opacity: 1;
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)
}

.logo-desktop, .logo-mobile {
    padding: 4px 10px 16px
}

.logo-desktop svg, .logo-mobile svg {
    width: 200px;
    height: 85px;
    display: block
}

.logo-desktop path.cls-1, .logo-mobile path.cls-1 {
    fill: #fff
}

.logo-desktop {
    height: 0;
    padding: 0;
    margin-top: -10px !important;
    display: block;
    overflow: hidden
}

.logo-mobile {
    margin-top: 7px;
    top: 1.2%;
    position: relative;
    z-index: 2;
    transition: opacity .5s ease, transform .5s ease, visibility .5s
}

.lang {
    margin-top: 40px
}

.lang-drop {
    display: inline-block;
    vertical-align: middle
}

.collection-link, .search-button {
    position: absolute
}

.collection-link svg, .search-button svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.collection-link use, .search-button use {
    fill: none;
    stroke: #fff;
    stroke-width: 2
}

.search-button {
    top: 3px;
    right: -9px;
}

.search-button svg {
    margin-top: -4px
}

.search-button use {
    stroke: #2f3344
}

.collection-link {
    font-size: 0;
    top: 1.8%;
    right: 6%;
    margin-right: -10px;
    color: #fff;
    transition: opacity .5s ease, transform .5s ease, visibility .5s
}

.collection-link span {
    margin-right: -75px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.collection-link svg {
    margin-top: -6px
}

.search {
    position: absolute;
    bottom: 11.7vh;
    left: 10%;
    right: 10%
}

.search form {
    position: relative
}

.search form:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background: #2f3344
}

.search input {
    width: calc(100% - 40px);
    height: 40px
}

.search .placeholder, .search input {
    font-size: 16px;
    line-height: 40px;
    letter-spacing: .025em;
    text-align: left;
    font-weight: 500;
    font-family: Avenir Next, sans-serif
}

.cart-overlay, .nav-overlay, .search-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.input-wrapper {
    display: block;
    position: relative
}

.input-wrapper input {
    display: block;
    border: none;
    color: #2f3344
}

.input-wrapper input[data-pattern] {
    opacity: 0;
    transition: opacity .5s ease
}

.input-wrapper.focus .placeholder, .input-wrapper.not-empty .placeholder {
    opacity: 0;
    transform: translate3d(20px, 0, 0)
}

.input-wrapper.focus input[data-pattern], .input-wrapper.not-empty input[data-pattern] {
    opacity: 1;
    transition: opacity .5s ease .2s
}

.input-wrapper.error .placeholder {
    animation: error .8s ease
}

@keyframes error {
    0% {
        transform: translateZ(0)
    }
    25% {
        transform: translate3d(15px, 0, 0)
    }
    75% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.placeholder {
    display: block;
    left: 0;
    pointer-events: none;
    color: #e3e2e2;
    transition: opacity .5s ease, transform .5s ease
}

.cart, .placeholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.cart {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    right: 0;
    z-index: 2;
    pointer-events: auto;
    color: #2f3344;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(30%, 0, 0);
    transition: transform .5s cubic-bezier(.6, .04, .98, .335), opacity .25s ease .15s, visibility .4s;
    background: #ebe1dd
}

.cart p {
    padding-right: 0;
    margin: 0
}

.cart-confirm, .cart-content, .cart-footer, .cart-header {
    pointer-events: auto
}

.cart-confirm button,.cart-confirm a, .cart-content, .cart-footer, .cart-header {
    transform: translateX(40px);
    opacity: 0;
    transition: transform 0s .5s, opacity 0s .5s
}

.cart-header {
    height: calc(7.4vh + 40px);
    padding: 0 6%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ebe1dd
}

.cart-header span {
    display: block
}

.cart-value {
    font-size: 12px;
    letter-spacing: .075em;
    text-transform: uppercase
}

.cart-close {
    width: 20px;
    height: 20px;
    position: relative;
    transform: translateX(13px)
}

.cart-close:after, .cart-close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(45deg);
    background: #2f3344
}

.cart-close:before {
    width: 17px;
    height: 1px;
    margin-left: -8px
}

.cart-close:after {
    width: 1px;
    height: 17px;
    margin-top: -8px
}

.cart-content, .checkout-content, .order-content {
    padding: 0 6% 0 11%;
    text-align: left
}

.cart-content:after, .checkout-content:after, .order-content:after {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 8.8%
}

.cart-content {
    min-height: calc(92.6vh - 273px);
    background: #ebe1dd
}

.checkout-content {
    min-height: calc(100% - 369px - 7vh);
    padding-top: 7vh
}

.order-content {
    min-height: calc(100% - 106px - 7vh);
    padding-top: 7vh
}

.cart-item, .checkout-item, .order-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

.cart-item:before, .checkout-item:before, .order-item:before {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 2%
}

.cart-item .ci-image, .checkout-item .ci-image, .order-item .ci-image {
    width: 33%;
    padding-top: 0;
    margin-right: 12%
}

.cart-item .ci-image .bg, .checkout-item .ci-image .bg, .order-item .ci-image .bg {
    display: none
}

.cart-item .ci-image .image, .checkout-item .ci-image .image, .order-item .ci-image .image {
    margin-top: 0;
    background-position: 0
}

.cart-item .ci-content, .checkout-item .ci-content, .order-item .ci-content {
    width: 55%;
    margin-top: 7px
}

.cart-item .ci-content p, .checkout-item .ci-content p, .order-item .ci-content p {
    width: 100%;
    margin: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.cart-item .ci-content .post-title, .checkout-item .ci-content .post-title, .order-item .ci-content .post-title {
    margin-top: -5px
}

.ci-inner, .ci-link {
    width: calc(91% - 30px);
    height: auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ci-link:hover .ci-content p {
    transform: translateX(-10px)
}

.cart-number, .checkout-number, .order-number {
    width: 30px
}

.checkout-number .c-num, .order-number .c-num {
    height: 36px;
    line-height: 36px
}

.c-minus, .c-num, .c-plus {
    width: 100%;
    height: 20px;
    display: block;
    background: #fff
}

.c-minus, .c-plus {
    position: relative;
    cursor: pointer;
    transition: background .4s cubic-bezier(.35, 0, 0, 1.01)
}

.c-minus:after, .c-minus:before, .c-plus:after, .c-plus:before {
    content: "";
    display: block;
    position: absolute;
    transition: background .4s cubic-bezier(.35, 0, 0, 1.01);
    background: #7e8e97
}

.c-minus:before, .c-plus:before {
    width: 11px;
    height: 1px;
    top: 50%;
    left: 10px
}

.c-minus:after, .c-plus:after {
    width: 1px;
    height: 11px;
    top: 5px;
    left: 50%
}

.c-minus:hover, .c-plus:hover {
    background: #2f3344
}

.c-minus:hover:after, .c-minus:hover:before, .c-plus:hover:after, .c-plus:hover:before {
    background: #fff
}

.c-minus:after {
    display: none
}

.c-num {
    margin: 1px 0;
    line-height: 20px;
    font-family: Avenir Next, sans-serif;
    font-size: 12px;
    letter-spacing: .025em;
    color: #7e8e97;
    text-align: center
}
html[lang=fa] .c-num{
    font-family: yekan;
}
.c-num input {
    width: 100%;
    height: 100%;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-align: inherit;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none
}

.c-num input::-webkit-inner-spin-button, .c-num input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.c-num input::-webkit-textfield-decoration-container {
    border: none;
    background: #fff
}

.nullValue {
    overflow: hidden
}

.nullValue:after, .nullValue:before {
    content: "";
    width: 100%;
    padding-top: 5%;
    display: block
}

.nullValue a {
    display: inline;
    padding: 0;
    vertical-align: baseline;
    line-height: inherit;
    letter-spacing: inherit;
    font-size: inherit;
    border-bottom: 1px solid
}

.nullValue a:hover {
    border-color: transparent
}

.c-grav {
    width: calc(91% - 30px);
    padding-top: 4%;
    padding-bottom: 6.2%;
    display: block;
    font-size: 11px;
    line-height: 20px;
    color: #828990;
    letter-spacing: .2em
}

.c-grav-inner {
    width: calc(58.90523% + 30px);
    margin-left: 52%;
    display: block;
    position: relative
}

.c-grav-inner:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-top: -10px;
    display: none;
    position: absolute;
    top: 50%;
    left: -36px;
    z-index: 1;
    background: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#pencil-dark) no-repeat 50%/16px 16px
}

.c-grav-inner.active:before {
    display: block
}

.cart-footer, .checkout-footer, .order-footer {
    height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: nowrap;
    padding: 0 6%;
    border-top: 2px solid #f8f6f5;
    overflow: hidden
}

.cart-footer p, .checkout-footer p, .order-footer p {
    max-width: none
}

.cart-footer .h4, .checkout-footer .h4, .order-footer .h4 {
    margin-bottom: -2px;
    font-size: 12px;
    letter-spacing: .12em
}

.cart-footer {
    background: #ebe1dd
}

.cart-notice, .checkout-notice, .order-notice {
    font-size: 12px;
    font-family: Avenir Next, sans-serif;
    color: #7e8e97
}

.cart-confirm, .checkout-confirm {
    height: 127px;
    background: #2f3344
}

.cart-confirm button, .checkout-confirm button,.checkout-confirm a ,.cart-confirm a{
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    background: #2f3344
}
.checkout-confirm button input[type=submit]{
    border: none;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.cart-confirm canvas, .checkout-confirm canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.cart-confirm button,.cart-confirm a {
    pointer-events: none;
    color: #828990;
    transition: color .5s ease
}

.cart-confirm button:before ,.cart-confirm a:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.cart-confirm button.active, .cart-confirm a.active {
    pointer-events: auto;
    color: #fff
}

.full-page {
    height: 100vh;
    overflow: hidden;
    position: relative;
    color: #fff
}

.full-page .wrapper {
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    padding: 10px 0;
    box-sizing: border-box
}

.full-page-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat 65%/cover
}

.text-bg {
    background: #ebe1dd
}

.full-page-content {
    margin-bottom: 19.6vh;
    position: relative
}

.full-page-content h1 {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: .05em
}

.arrow-to-bottom, .full-page-content p {
    display: none
}

.advantages {
    padding: 14px 0;
    font-size: 0;
    background: #eee
}

.advantages .advan {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.advantages .advan p {
    margin: 0
}

.advan p {
    display: flex;
    align-items: center;
    font-family: Avenir Next, sans-serif;
    padding: 0
}

.advan p:before {
    content: "";
    width: 32px;
    height: 28px;
    margin-right: 5px;
    display: block;
    background: no-repeat 50%/contain
}

.advan p.advan-life:before {
    width: 22px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#life-dark);
    background-size: 22px 28px
}

.advan p.advan-life i {
    max-width: calc(100% - 27px)
}

.advan p.advan-delivery:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#delivery-dark);
    background-size: 32px 28px
}

.advan p.advan-delivery i {
    max-width: calc(100% - 37px)
}

.advan p.advan-protect:before {
    width: 28px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#protect-dark);
    background-size: 28px 28px
}

.advan p.advan-protect i {
    max-width: calc(100% - 33px)
}

.advan p.advan-gear:before {
    width: 28px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#gear-dark);
    background-size: 28px 28px
}

.advan p.advan-gear i {
    max-width: calc(100% - 33px)
}

.advan i {
    display: block;
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    font-weight: 500;
    letter-spacing: .025em
}

.advan i.d {
    display: none
}

.advan i.m {
    display: block
}

.advan.scrl p {
    overflow: hidden
}

.advan.scrl p:before, .advan.scrl p i {
    transform: translateY(100%)
}

.advan.show p:before, .advan.show p i {
    transform: translateY(0);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1)
}

.advan.show p:first-child i {
    transition-delay: .1s
}

.advan.show p:nth-child(2):before {
    transition-delay: .3s
}

.advan.show p:nth-child(2) i {
    transition-delay: .4s
}

.advan.show p:nth-child(3):before {
    transition-delay: .6s
}

.advan.show p:nth-child(3) i {
    transition-delay: .7s
}

view-slider {
    width: 100%;
    height: 100%;
    display: block;
    direction: ltr;
}

.slider-wrap {
    font-size: 0;
    white-space: nowrap
}

.slide, .slider-wrap {
    width: 100%;
    height: 100%;
    transform: translateZ(0)
}

.slide {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.slider-buttons {
    display: none
}

.main-slider {
    margin-top: 100px;
    overflow: hidden
}

.main-slider .wrapper {
    margin: 0
}

.main-slider .slide {
    width: 84.3%;
    padding-left: 4%;
    padding-right: 1.7%
}

.slide {
    pointer-events: none
}

.slide .ci-content {
    opacity: 0;
    transition: opacity .2s ease
}

.slide.active {
    pointer-events: auto
}

.slide.active .ci-content {
    opacity: 1;
    transition: opacity .5s ease
}

.catalog-item {
    display: block;
    color: #000;
}

.catalog-item:hover .bg {
    transform: translateZ(0) scaleY(1.2)
}

.catalog-item:hover .image {
    transform: translateZ(0) scale(1.05)
}

.catalog-item:hover p {
    transform: translate3d(0, 10px, 0)
}

.catalog-item:hover p:first-child {
    transition-delay: .05s
}

.catalog-item:hover p:nth-child(3) {
    transition-delay: 0s
}

.ci-image {
    position: relative;
    padding: 10px 39px;
}

.ci-image .bg {
    height: 0;
    padding-bottom: 75.89928058%;
    transform-origin: 50% 0;
    transform: translateZ(0)
}

.ci-image .bg, .ci-image .image {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01)
}

.ci-image .image {
    margin-top: 13%;
    padding-bottom: 117%;
    transform-origin: 50% 100%;
    transform: translateZ(0);
    height: 47px;
}

.ci-content {
    margin-top: 56px;
    color: #2f3344
}

.ci-content p {
    font-size: 14px;
    font-family: Avenir Next, sans-serif;
    transition: transform 1.5s cubic-bezier(.35, 0, 0, 1.01);
    transform: translateZ(0)
}
html[lang=fa] .ci-content p{
    font-family: yekan;
    font-size: 18px;
}

.ci-content p:first-child {
    transition-delay: 0s
}

.ci-content p:nth-child(2) {
    transition-delay: 25ms
}

.ci-content p:nth-child(3) {
    transition-delay: .05s
}

.rugs-main {
    margin-top: 86px
}

.rugs-main .wrapper {
    margin: 0
}

.wm-girls, .wm-mans {
    position: relative
}

.wm-girls .h3, .wm-girls h3, .wm-mans .h3, .wm-mans h3 {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.wm-girls view-image, .wm-mans view-image {
    width: auto;
    padding-bottom: 81.3%
}

.wm-girls .rug-button, .wm-mans .rug-button {
    margin-left: 10px
}

.wm-mans {
    z-index: 1
}

.wm-mans view-image {
    margin-left: 4%
}

.wm-girls {
    margin-top: -6.5%
}

.wm-girls view-image {
    margin-right: 4%
}

.wm-content {
    margin: 17px 4%
}

.about-link {
    margin-top: 115px
}

.about-link .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.about-link svg {
    width: 50%;
    height: 100%;
    display: block;
    left: 50%;
    transform: translateX(50%);
}
@media screen and (max-width: 768px) {
    .about-link svg,.about-link  {
        display: none;
    }
}

.about-link use {
    fill: #2f3344
}

.about-link .rug-button {
    margin-top: 6.3%;
    margin-right: 2%
}

.about-link .desktop-link {
    display: none
}

.main-bottom {
    margin-top: 94px
}

.main-bottom .wrapper {
    margin: 0
}

.main-subscription {
    margin: 0 4%
}

.subscription-form form {
    max-width: 415px;
    margin-top: 60px;
    padding-bottom: 5px;
    display: flex;
    position: relative
}

.subscription-form form:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    background: #2f3344
}

.subscription-form .input-wrapper {
    width: calc(100% - 40px)
}

.subscription-form .input-wrapper .placeholder, .subscription-form .input-wrapper input {
    width: 100%;
    padding: 11px 0;
    font-family: Avenir Next, sans-serif;
    font-size: 16px;
    line-height: 18px
}
.subscription-form .input-wrapper .placeholder, .subscription-form .input-wrapper input{
    font-family: yekan;
}

.subscription-form .input-wrapper input {
    color: #2f3344
}

.subscription-form .input-wrapper .placeholder {
    color: #828990
}

.main-custom {
    margin-top: 72px;
    padding: 72px 27% 76px 4%;
    background: #eaebec url(../images/9a07d4544a1250dbd8633abc07a598ab.png) no-repeat 185%/auto 135%
}
@media screen and (max-width: 768px) {
    .main-custom {
        background: none;
    }

}


.subscription-submit {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    transform: translateX(7px)
}

.subscription-submit input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    font-size: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.subscription-submit:after, .subscription-submit:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.subscription-submit:before {
    width: 22px;
    height: 2px;
    margin-top: -1px;
    margin-left: -11px;
    transform: translateZ(0);
    background: #2f3344
}

.subscription-submit:after {
    width: 12px;
    height: 12px;
    margin-top: -7px;
    margin-left: -3px;
    border-top: 2px solid #2f3344;
    border-right: 2px solid #2f3344;
    transform: translateZ(0) rotate(45deg)
}

.page-top {
    padding-top: 18.8vh
}

.catalog-top {
    position: relative;
    font-size: 0
}

.catalog-top h1 {
    margin-right: 15px;
    display: inline-block
}

.catalog-switch {
    display: block;
    position: absolute;
    top: -7px;
    right: -8px;
    font-size: 0
}

.catalog-switch:before {
    width: 18px;
    height: 14px;
    top: 12px;
    right: 10px;
    left: auto
}

.catalog-switch:after {
    display: none
}

.filters {
    height: 59px;
    margin-top: 22px
}

.filters .wrapper {
    padding: 5px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0;
    position: relative;
    z-index: 2;
    background: #fff
}

.filters-left {
    width: 100%;
    height: 49px;
    padding-left: calc(4% - 15px);
    flex-shrink: 3;
    white-space: nowrap;
    overflow: hidden;
    transition: height .5s ease
}

.filters-left.desktop .filtersList {
    width: 100%;
    height: 100%;
    display: block
}

.filters-left.mobile .filtersList {
    display: inline-block
}

.filters-right {
    white-space: nowrap
}

.search-line {
    height: 59px;
    margin-top: 22px;
    background: #fff
}

.search-line .wrapper {
    height: 100%;
    display: flex;
    align-items: center
}

.search-result {
    display: inline-block;
    font-family: Avenir Next, sans-serif;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .2em;
    text-transform: uppercase
}

view-filter {
    position: relative;
    display: inline-block;
    transform: translateZ(0);
    transition: opacity .5s ease, transform .5s ease, visibility .5s
}

view-filter:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 13px;
    right: 0;
    border-radius: 50%;
    transition: transform .5s ease;
    transform: scale(0);
    background: #ebd9d1
}

view-filter:hover {
    z-index: 2
}

view-filter:hover .filter-fieldset {
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), opacity .5s cubic-bezier(.19, 1, .22, 1), visibility 1s
}

view-filter:hover .f-item, view-filter:hover .filter-fieldset {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0)
}

view-filter:hover .f-item:last-child {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) 15ms, opacity .5s cubic-bezier(.35, 0, 0, 1.01) 15ms, visibility .5s 15ms, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(2) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .03s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .03s, visibility .5s .03s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(3) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) 45ms, opacity .5s cubic-bezier(.35, 0, 0, 1.01) 45ms, visibility .5s 45ms, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(4) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .06s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .06s, visibility .5s .06s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(5) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) 75ms, opacity .5s cubic-bezier(.35, 0, 0, 1.01) 75ms, visibility .5s 75ms, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(6) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .09s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .09s, visibility .5s .09s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(7) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .105s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .105s, visibility .5s .105s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(8) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .12s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .12s, visibility .5s .12s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(9) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .135s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .135s, visibility .5s .135s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(10) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .15s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .15s, visibility .5s .15s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(11) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .165s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .165s, visibility .5s .165s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(12) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .18s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .18s, visibility .5s .18s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(13) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .195s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .195s, visibility .5s .195s, max-height .3s ease
}

view-filter:hover .f-item:nth-last-child(14) {
    transition: transform 1s cubic-bezier(.35, 0, 0, 1.01) .21s, opacity .5s cubic-bezier(.35, 0, 0, 1.01) .21s, visibility .5s .21s, max-height .3s ease
}

view-filter.not-empty:after {
    transform: scale(1)
}

view-filter.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -15px, 0)
}

view-filter.disabled {
    pointer-events: none;
    opacity: .6
}

view-filter.filterMobile .filter-fieldset {
    display: none
}

view-filter.filterMobile .filter-select {
    display: block
}

view-filter.filterDesktopFull .filter-select {
    display: none
}

.filter-notice, .filters-clear, .filters-toggle {
    padding: 16px 15px 17px;
    display: inline-block;
    font-family: Avenir Next, sans-serif;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer
}
.filter-notice, .filters-clear, .filters-toggle{
    font-family: yekan;
    font-size: 14px;
}

.filters-clear, .filters-toggle {
    padding-right: 20px;
    color: #7e8e97;
    position: relative;
    transition: color 1s cubic-bezier(.35, 0, 0, 1.01), opacity .5s cubic-bezier(.35, 0, 0, 1.01), visibility .5s
}

.filters-clear:hover, .filters-toggle:hover {
    color: #2f3344
}

.filters-clear.visible, .filters-toggle.visible {
    opacity: 1;
    visibility: visible
}

.filters-clear {
    width: 49px;
    min-height: 49px;
    padding: 0;
    font-size: 0;
    opacity: 0;
    visibility: hidden
}

.filters-clear:after, .filters-clear:before {
    content: "";
    width: 0;
    height: 13px;
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -8px;
    margin-top: -8px;
    border-left: 2px solid
}

.filters-clear:before {
    transform: rotate(-45deg)
}

.filters-clear:after {
    transform: rotate(45deg)
}

.filters-toggle {
    margin: 0 29px 0 0;
    display: none
}

.filters-toggle:before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -8px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg)
}

.filters-toggle.active:before {
    transform: translateY(5px) rotate(-135deg)
}

.filter-select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    display: none
}

.filter-select select {
    width: 100%;
    height: 100%;
    opacity: 0
}

.filter-fieldset {
    padding: 16px 37px 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    transform: translate3d(0, -15px, 0);
    transition: transform .5s cubic-bezier(.6, .04, .98, .335), opacity .3s cubic-bezier(.6, .04, .98, .335), visibility .3s;
    background: #ebe1dd
}

.f-item, .filter-fieldset {
    display: flex;
    opacity: 0;
    visibility: hidden
}

.f-item {
    max-height: 64px;
    align-items: center;
    padding: 0 10px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    transform: translate3d(0, -5px, 0);
    transition: transform .4s cubic-bezier(.6, .04, .98, .335), opacity .2s cubic-bezier(.6, .04, .98, .335), visibility .2s, max-height .3s ease
}

.f-item.disabled {
    max-height: 0
}

.f-item input {
    display: none
}

.f-item input:checked + .checkbox-view:before {
    transform: scale(1)
}

.checkbox-view {
    margin: 10px 10px 9px 0;
    display: inline-block;
    border: 2px solid #fff
}

.checkbox-view:before {
    content: "";
    width: 5px;
    height: 5px;
    margin: 3px;
    display: block;
    transform: scale(0);
    transition: transform .5s cubic-bezier(.35, 0, 0, 1.01);
    background: #2f3344
}

.checkbox-label {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .2em;
    padding-top: 2px;
    text-transform: uppercase
}

.catalog {
    padding-top: 10px;
    font-size: 0
}

.catalog .wrapper:nth-child(2) .catalog-item-container:first-child {
    margin-top: 38px
}

.catalog-item-container {
    margin-top: 90px
}

.catalog-item-container .more-button:after {
    padding-bottom: 155%
}

.catalog-item-container.disabled .more-button, .collection-item.disabled .more-button {
    display: none;
    pointer-events: none;
    color: #828990
}

.more-button {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: color .5s ease;
    background: #2f3344
}

.more-button:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    padding-bottom: 129%
}

.more-button canvas {
    position: absolute;
    top: 0;
    left: 0
}

.more-notice {
    width: 100%;
    display: block;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
    top: 25.8%;
    left: 0
}

.more-notice, .more-plus {
    position: absolute;
    z-index: 1
}

.more-plus {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%
}

.more-plus:after, .more-plus:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff
}

.more-plus:before {
    width: 30px;
    height: 2px;
    top: -1px;
    left: -15px
}

.more-plus:after {
    width: 2px;
    height: 30px;
    top: -15px;
    left: -1px
}

.more-counter {
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #7e8e97;
    text-transform: uppercase;
    letter-spacing: .025em;
    position: absolute;
    bottom: 13%;
    left: 0;
    z-index: 1
}

.collection-item, collection-item {
    margin-top: 92px;
    position: relative;
    display: block
}

.collection-item .image, collection-item .image {
    padding-bottom: 129.4%
}

.collection-item canvas, collection-item canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateZ(0)
}

.collection-item-link {
    display: block
}

.collection-item-link:hover .collection-item-text {
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transform: translate3d(0, 10px, 0)
}

.collection-item-image {
    position: relative;
}

.collection-item-text {
    margin: 24px 0 0;
    padding-left: 92px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-family: Avenir Next, sans-serif;
    font-weight: 700;
    color: #2f3344;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: transform .8s cubic-bezier(.35, 0, 0, 1.01)
}

.collection-item-text:before {
    content: "";
    width: 77px;
    height: 2px;
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    background: #2f3344
}

.collection-return, .collection-show {
    display: block;
    position: absolute;
    left: 0;
    color: inherit
}

.collection-return {
    top: 15.7%
}

.icon-link.collection-show {
    bottom: 7.8%
}

.icon-link.collection-show:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#clock-white)
}

.collection-page-first {
    padding-top: 100px
}

.cp-left view-image {
    padding-bottom: 129.4%
}

.cp-right {
    margin-top: 55px
}

.cp-right p {
    max-width: 420px
}

.cp-advantages {
    margin-top: 36px
}

.cp-advantages p {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 16px;
    font-family: Avenir Next, sans-serif;
    color: #828990;
    letter-spacing: .015em
}

.cp-advantages p:before {
    content: "";
    width: 25px;
    height: 25px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background: no-repeat 50%/contain
}

.cp-advantages p.cp-gear:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#gear-light);
    background-size: 25px 25px
}

.cp-advantages p.cp-life:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#life-light);
    background-size: 20px 25px
}

.cp-advantages p.cp-shcura:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#shcura-light);
    background-size: 20px 24px
}

.cp-advantages p.cp-award:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#award-light);
    background-size: 22px 23px
}

.cp-advantages p.cp-ok:before {
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#ok-light);
    background-size: 20px 20px
}

.collection-page-image {
    margin-top: 93px;
    margin-bottom: 84px;
    background: #eaebec
}

.collection-page-image view-image {
    padding-bottom: 33.3333%
}

.catalog-item-page-top {
    padding-top: 22.6vh;
    position: relative;
    overflow: hidden
}

.catalog-item-page-top .catalog-item--bg {
    width: 100%;
    height: 88vw;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    background: #ebe1dd
}

.catalog-item-page-top view-slider {
    width: 95%;
    height: 107vw
}

.catalog-item-page-top view-slider .image {
    height: 100%;
    padding: 0
}

.cip-left {
    margin-top: 8.3vh
}

.cip-price {
    margin-top: 6px;
    letter-spacing: 0;
    font-family: Kazimir, serif;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 45px;}

.cip-price span.old {
    text-decoration: line-through;
    font-size: 24px;
    color: #dedede;
}
span.old {
    text-decoration: line-through;
    color: #b5b5b5;
}
.cip-price:after {
    margin-left: 5px;
    margin-top: 2px;
    font-size: 18px;
    vertical-align: top
}

.cip-left-bottom.advan {
    margin-bottom: 10.5vh
}

.cip-left-bottom.advan p {
    margin-bottom: 9px;
    color: #828990
}

.cip-left-bottom.advan p.advan-life:before {
    width: 20px;
    height: 25px;
    margin-right: 15px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#life-light);
    background-size: 20px 25px
}

.cip-left-bottom.advan p.advan-delivery:before {
    width: 25px;
    height: 22px;
    margin-right: 10px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#delivery-light);
    background-size: 25px 22px
}

.cip-left-bottom.advan p.advan-protect:before {
    width: 24px;
    height: 24px;
    margin-right: 11px;
    background-image: url(../images/ae0b95ffc5130d4dc22aa930a4bb48bc.svg#protect-light);
    background-size: 24px 24px
}

.cip-left-bottom.advan p.advan-delivery i, .cip-left-bottom.advan p.advan-life i, .cip-left-bottom.advan p.advan-protect i {
    max-width: calc(100% - 35px)
}


.cip-bottom {
    margin: 0 4%
}

.add-grav, .add-to-cart {
    width: 100%;
    height: 74px;
    display: block;
    text-align: center
}

.add-grav i, .add-to-cart i {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .21em;
    font-style: normal;
    position: relative;
    z-index: 1
}

.add-grav i b, .add-to-cart i b {
    font-weight: inherit;
    color: #828990
}

.add-grav:before, .add-grav svg, .add-to-cart:before, .add-to-cart svg {
    width: 16px;
    height: 16px;
    margin-right: 11px;
    margin-left: 2px;
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

.add-grav:after, .add-to-cart:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.add-to-cart {
    color: #fff;
    position: relative;
    cursor: pointer;
    background: #2f3344
}

.add-to-cart use {
    fill: none;
    stroke: #fff;
    stroke-width: 2
}

.add-to-cart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.add-to-cart.added {
    pointer-events: none
}

.add-to-cart.added .atc-inner {
    transform: translateY(-20px) scaleY(.8);
    opacity: 0
}

.add-to-cart.added .atc-icon {
    opacity: 1;
    transform: translateY(-20px) rotate(-45deg) scale(1)
}

.atc-inner {
    display: inline-block;
    vertical-align: middle
}

.atc-icon, .atc-inner {
    transition: transform .5s ease, opacity .5s ease
}

.atc-icon {
    width: 14px;
    height: 8px;
    display: block;
    position: absolute;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top: 50%;
    left: 50%;
    margin-top: 15px;
    margin-left: -8px;
    transform: rotate(-45deg) scaleY(.8);
    opacity: 0
}

.cip-bottom-notice, .grav-container {
    position: relative
}

.grav-container {
    height: 100%
}

.add-grav:before {
    content: "";
    background: url(../images/heart.svg) no-repeat 50%/15px 15px
}

.remove-grav {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -22px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease
}

.remove-grav:after, .remove-grav:before {
    content: "";
    width: 1px;
    height: 18px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    background: #2f3344
}

.remove-grav:before {
    transform: rotate(-45deg)
}

.remove-grav:after {
    transform: rotate(45deg)
}

.remove-grav.active {
    opacity: 1;
    visibility: visible
}

.grav-form {
    width: 100%;
    max-width: 460px;
    padding: 30px 20px 40px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    box-sizing: border-box;
    background: #e3e2e2
}

.grav-form.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease, visibility .6s ease
}

.grav-form .placeholder, .grav-form input {
    width: 100%;
    height: 44px;
    display: block;
    line-height: 44px;
    text-align: center
}

.grav-form .placeholder {
    color: #828990
}

.grav-form .input-wrapper {
    background: #fff
}

.grav-form .input-wrapper.date .placeholder, .grav-form .input-wrapper.date input {
    font-size: 18px;
    letter-spacing: .075em
}

.grav-form .input-wrapper.initials .placeholder, .grav-form .input-wrapper.initials input {
    font-family: Cormorant Garamond, serif;
    font-size: 18px;
    letter-spacing: .075em;
    text-transform: uppercase
}

.grav-form-item {
    width: 40%
}

.grav-form-title {
    margin-bottom: 18px;
    display: block;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: .2em;
    text-transform: uppercase
}

.grav-submit {
    display: none
}

.net.share {
    text-align: center;
    margin-left: 13px
}

.net.share i {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: .05em;
    color: #828990;
    font-style: normal
}

.net.share button {
    margin: 10px 7px;
}

.net.share button:before {
    opacity: 0
}

.net.share button:after, .net.share button:hover:before {
    opacity: 1
}

.net.share button:hover:after {
    opacity: 0
}

.catalog-item-page-table {
    margin-top: 72px;
    margin-bottom: 100px;
    position: relative
}

.cit-left {
    padding: 70px 0;
    background: #ebe1dd
}

.cit-table {
    width: 100%;
    font-size: 12px;
    line-height: 1.66;
    letter-spacing: .025em;
    table-layout: fixed
}

.cit-table tr:last-child td {
    border: none
}

.cit-table th {
    padding-bottom: 25px;
    text-align: left;
    font-weight: 500;
    color: #828990;
    vertical-align: top
}

.cit-table th:first-child {
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #2f3344
}

.cit-table td {
    padding: 3px 0 5px;
    border-bottom: 1px solid #fff
}

.cit-table td:first-child {
    font-size: 16px;
    color: #828990;
    font-family: Cormorant Garamond, serif
}
html[lang=fa] .cit-table td:first-child{
    font-family: yekan;
}

.cit-table td, .cit-table th {
    width: 39%;
    padding-right: 4%
}

.cit-table td:first-child, .cit-table th:first-child {
    width: 52%
}

.cit-right view-image {
    padding-bottom: 121.4%;
    margin-top: 42px
}

.cit-links {
    padding: 23px 0;
    display: flex;
    justify-content: space-between
}

.catalog-item-page-skeleton {
    padding: 48px 0;
    position: relative;
    background: #fff
}

.cis-left {
    height: 100%;
    position: absolute;
    top: 0;
    right: 67%
}

.cis-left img {
    height: 100%;
    display: block;
    opacity: 0
}

.cis-left view-image {
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.cis-right {
    width: 60%;
    margin-left: 40%;
    position: relative;
    z-index: 2
}

.cis-right p:last-child {
    margin: 0
}

.catalog-item-page-others {
    margin-top: 104px
}

.catalog-item-page-others .wrapper {
    margin: 0
}

.catalog-item-page-others .slide {
    width: 84.3%;
    padding-left: 4%;
    padding-right: 1.7%
}

.cio-left {
    display: none
}

.cio-right {
    overflow: hidden
}

.cio-right .h3, .cio-right h3 {
    margin: 0 4% 39px
}

.fp-about, .fp-text {
    margin-bottom: 43.5vh;
    margin-left: 7%;
    color: #fff;
}

.fp-about .h1, .fp-about h1, .fp-text .h1, .fp-text h1 {
    max-width: 9em
}

.fp-about:before, .fp-text:before {
    content: "";
    width: 76px;
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    border-bottom: 6px solid
}

.quote-block {
    margin: 100px 0 0
}

blockquote {
    font-family: Kazimir, serif
}

blockquote p {
    max-width: 20em;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 40px;
    font-family: inherit;
    letter-spacing: 0
}

.about-legendary {
    margin-top: 86px
}

.al-left view-image {
    padding-bottom: 126.4%
}

.al-right {
    margin-top: 55px
}

.al-right p {
    max-width: 26em
}

.about-ouglich {
    margin-top: 92px
}

.au-image {
    width: 80%;
    min-width: 266px;
    margin: 0 auto
}

.au-image .image {
    padding-bottom: 30.45%;
    background-image: url(../images/QavamLogo.svg);
}

.au-image.scrl {
    overflow: hidden
}

.au-image.scrl .image {
    transform: translateY(100%)
}

.au-image.show .image {
    transition: transform 2s cubic-bezier(.35, 0, 0, 1.01);
    transform: translateY(0)
}

.video-block {
    margin-top: 100px
}

yt-video {
    display: block;
    position: relative;
    overflow: hidden
}

yt-video .image, yt-video view-image {
    padding-bottom: 67%
}

yt-video iframe {
    width: 100%;
    height: 100%
}

yt-video.active .video-icon {
    opacity: 0;
    transform: scale(.97)
}

yt-video.active .video-container {
    transform: scale(1);
    pointer-events: auto
}

.video-notice {
    padding: 87px 0 68px;
    background: #ebe1dd
}

.video-icon {
    width: 100%;
    height: 100%;
    padding: 0 4%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    transition: transform .3s ease, opacity .3s ease
}

.video-icon p {
    margin: 0;
    padding: 0;
    color: #fff
}

.video-icon span {
    width: 32px;
    height: 32px;
    margin-left: 10px;
    display: block;
    border: 2px solid #fff;
    position: relative
}

.video-icon span:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 8px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -5px
}

.video-container {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    transform: scale(1.02);
    transition: transform .3s ease;
    background: #000
}

.about-luxury {
    margin-top: 100px;
    overflow: hidden
}

.about-luxury p {
    max-width: 28.5em
}

.alu-images {
    margin: 30.9% -4.2% 0
}

.alu-i-1 {
    width: 74.5%;
    margin-left: 25.5%;
    padding-bottom: 116.6%
}

.alu-i-2 {
    width: 75.5%;
    padding-bottom: 80%;
    margin-top: -19%
}

.about-material {
    margin-top: 78px;
    overflow: hidden
}

.about-material .wrapper {
    position: relative;
    z-index: 2
}

.about-material p {
    max-width: 28.5em
}

.am-image {
    width: 144%;
    margin-left: -14%;
    margin-top: 45px;
    position: relative
}

.am-image view-image {
    padding-bottom: 70%;
    margin-bottom: 120px;
}

.am-second {
    margin-top: 70px
}

.about-flagman {
    padding-top: 10px;
    padding-bottom: 146px;
    margin-top: calc(63.8% + 32px);
    background: #eaebec
}

.af-left {
    display: none
}

.af-right {
    text-align: center
}

.af-right view-image {
    width: 91%;
    padding-bottom: 116.9%;
    margin-bottom: 39px;
    margin-top: -63.8%
}

.af-right p {
    max-width: 12em;
    margin: 0 auto;
    padding: 0
}

.about-quality {
    margin-top: -90px
}

.aq-left {
    margin-top: 94px
}

.aq-left p {
    max-width: 29em
}

.aq-right view-image {
    padding-bottom: 132.8%
}

.about-bottom {
    margin-top: 90px
}

.about-bottom view-image {
    padding-bottom: 41.36%
}

.text-content {
    margin-top: 95px;
    overflow: hidden
}

.text-content .image-slider {
    margin: 90px 0;
    padding: 0
}

.text-content .blockquote {
    margin: 78px 0
}

.text-content .blockquote p {
    padding: 0
}

.image-slider {
    margin: 94px 0 0
}

.is-left {
    margin: 0 4%;
    position: relative
}

.is-right {
    padding: 0 4%;
    overflow: hidden
}

.is-right .slide {
    padding-right: 6.38%;
    box-sizing: border-box
}

.is-right .image {
    padding-bottom: 134.5%
}

.spoiler-block {
    margin-top: 48px
}

.spoiler.active .s-plus:after {
    transform: scaleY(0)
}

.spoiler.active .spoilerContent {
    height: auto;
    overflow: visible;
    opacity: 1;
    transform: translateZ(0)
}

.spoiler p:last-child {
    margin: 0
}

.spoilerButton {
    cursor: pointer
}

.spoilerButton.h3 {
    padding-left: 30px;
    margin: 0;
    position: relative
}

.spoilerButton.h3:after {
    content: "";
    display: block;
    height: 25px
}

.s-plus {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 5px;
    left: 2px
}

.s-plus:after, .s-plus:before {
    content: "";
    display: block;
    position: absolute;
    background: #2f3344
}

.s-plus:before {
    width: 100%;
    height: 2px;
    left: 0;
    top: 6px
}

.s-plus:after {
    width: 2px;
    height: 100%;
    left: 6px;
    top: 0;
    transition: transform .3s ease
}

.spoilerContent {
    padding-left: 30px;
    height: 0;
    overflow: hidden;
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease
}

.spoilerContent:after {
    content: "";
    display: block;
    height: 40px
}

.custom-lincor {
    margin-top: 85px
}

.custom-lincor .wrapper {
    margin: 0;
    padding: 29px 0 41px;
    display: flex;
    background: #ebe1dd
}

.cl-left {
    width: 53.2%;
    margin-top: 46px;
    position: relative
}

.cl-left view-image {
    padding-bottom: 152%;
    position: absolute;
    top: 0;
    left: 0
}

.cl-right {
    width: 32.8%;
    margin-left: 6.5%
}

.cl-right view-image {
    padding-bottom: 181.27090301%;
    background-image: url(../images/97708f08ed0720db0981300b12c7ff24.png)
}

.custom-corp {
    margin-top: 150px
}

.cc-content p {
    max-width: 26em
}

.custom-special {
    margin-top: 94px
}

.cs-left {
    margin-top: 47px
}

.cs-left view-image {
    padding-bottom: 129.3%
}

.cs-right p {
    max-width: 26em
}

.custom-bottom {
    padding: 44px 0 70px;
    margin-top: 102px;
    background: #fff
}

.cb-right {
    display: none
}

.checkout {
    background: #ebe1dd
}

.checkout .wrapper {
    padding-top: 18.8vh;
    padding-bottom: 100px;
    box-sizing: border-box
}

.checkout .wrapper .input-wrapper {
    width: 100%;
    padding: 5px 0;
    margin-top: 20px;
    border-bottom: 1px solid #fff;
    transition: border-color .5s ease;
    font-size: 18px;
    line-height: 28px;
    font-family: Cormorant Garamond, serif
}

.checkout .wrapper .input-wrapper input, .checkout .wrapper .input-wrapper textarea {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #2f3344
}

.checkout .wrapper .input-wrapper.error {
    border-color: #e4b6b6
}

.checkout .wrapper .placeholder {
    padding: 5px 0;
    color: #828990;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.checkout .wrapper .h4, .checkout .wrapper h4 {
    margin-top: 3.9em;
    margin-bottom: .8em
}

.checkout .wrapper .h4:first-child, .checkout .wrapper h4:first-child {
    margin-top: 2.35em
}

.form-3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 31% 31% 31%;
    grid-template-columns: 31% 31% 31%;
    grid-column-gap: 3.5%
}

.form-3 dadata-view:first-child, .form-3 dadata-view:nth-child(2) {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.form-1-4 p, .form-4 p {
    margin: 27px 0 0;
    padding: 0;
    max-width: none;
    font-family: Avenir Next, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .025em;
    color: #828990
}

.form-4 {
    margin-top: 28px
}

.radio-online {
    margin-top: 12px;
    display: block;
    font-size: 0
}

.radio-wrapper {
    width: 50%;
    display: inline-block;
    cursor: pointer
}

.radio-wrapper input {
    display: none
}

.radio-wrapper input:checked + span {
    background: #fff
}

.radio-wrapper span {
    display: block;
    line-height: 46px;
    border: 2px solid #fff;
    text-align: center;
    font-size: 12px;
    letter-spacing: .025em;
    box-sizing: border-box;
    transition: background-color .5s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-wrapper:first-child span {
    border-right-width: 1px
}

.radio-wrapper:last-child span {
    border-left-width: 1px
}

.form-checkbox {
    display: block;
    margin-top: 30px;
    font-size: 0
}

.form-checkbox input {
    display: none
}

.form-checkbox input:checked + span:after {
    opacity: 1;
    transform: rotate(-45deg)
}

.form-checkbox.error .form-checkbox-view {
    border-color: #e4b6b6
}

.form-checkbox-view {
    width: 11px;
    height: 11px;
    margin-right: 17px;
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    transition: border-color .5s ease
}

.form-checkbox-view:after {
    content: "";
    width: 12px;
    height: 6px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -6px;
    border-left: 2px solid #2f3344;
    border-bottom: 2px solid #2f3344;
    transform: translateY(3px) rotate(-45deg);
    opacity: 0;
    transition: opacity .5s ease, transform .5s ease
}

.form-checkbox-label {
    width: calc(100% - 32px);
    display: inline-block;
    vertical-align: top;
    font-family: Avenir Next, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .025em;
    color: #828990;
    cursor: pointer
}

.promo-wrapper {
    position: relative
}

.promo-wrapper input {
    font-family: Avenir Next, sans-serif !important;
    font-size: 14px !important;
    letter-spacing: .025em;
    text-transform: uppercase
}

.promo-wrapper .placeholder, .promo-wrapper input {
    width: calc(100% - 50px) !important
}

.promo-wrapper .input-wrapper.ok + span {
    cursor: default
}

.promo-wrapper .input-wrapper.ok + span:before {
    transform: rotate(315deg)
}

.promo-wrapper .input-wrapper.ok + span:after {
    transform: rotate(-135deg)
}

.promo-submit {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.promo-submit:after, .promo-submit:before {
    content: "";
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    margin-left: 5px;
    margin-top: -1px;
    left: 50%;
    transform-origin: 1px;
    transition: transform 1.5s cubic-bezier(.35, 0, 0, 1.01);
    background: #2f3344
}

.promo-submit:before {
    width: 18px;
    transform: rotate(-135deg)
}

.promo-submit:after {
    width: 10px;
    transform: rotate(-225deg)
}

.checkout-items p, .order-items p {
    padding-right: 0;
    margin: 0
}

.checkout-items {
    max-height: calc(100% - 23.9vh)
}

.checkout-content, .checkout-footer, .checkout-prefooter, .order-content, .order-footer {
    background: #eee
}

.order-items {
    max-height: calc(100% - 11.5vh);
    bottom: auto
}

.checkout-footer {
    text-align: right
}

.checkout-footer .h4, .checkout-footer h4 {
    margin-bottom: 10px
}

.checkout-footer p {
    line-height: 16px
}

.checkout-prefooter {
    border-top: 2px solid #f8f6f5;
    padding: 24px 16%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    grid-row-gap: 4px;
    grid-column-gap: 10px
}

.checkout-prefooter p {
    font-family: Avenir Next, sans-serif;
    font-size: 12px;
    color: #828990
}

.checkout-prefooter p:nth-child(2n+2) {
    text-align: right
}

.checkout-prefooter p:first-child, .checkout-prefooter p:nth-child(2) {
    color: #2f3344
}

.order {
    padding-top: 18.8vh
}

.order-status {
    margin-bottom: 36px;
    position: relative
}

.order-status p {
    max-width: 40em
}

.status-icon {
    display: none
}

.order-min {
    margin-bottom: .6em;
    font-family: Avenir Next, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .025em;
    color: #7e8e97
}

.order-info {
    margin-top: 26px
}

.order-bottom {
    margin-top: 97px;
    margin-bottom: 100px
}

.order-bottom button {
    width: 100%;
    height: 127px;
    padding: 0;
    display: inline-block;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    background: #2f3344
}

.order-bottom canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.order-bottom a {
    display: block;
    color: inherit;
    line-height: 127px
}

.order-track {
    margin-top: 40px
}

footer {
    margin-top: 66px;
    font-size: 14px
}

footer ul.h4 {
    margin-bottom: 25px
}

footer ul.h4 li {
    font-size: 12px;
    margin-bottom: 1px
}
html[lang=fa] footer ul.h4 li{
    font-size: 15px;
    font-weight: 500;
}

footer ul.link li {
    /*line-height: 16px;*/

}

footer li {
    padding: 0;
    margin: 0 0 3px;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    font-family: Avenir Next, sans-serif
}

footer li:before {
    display: none
}

footer a {
    padding: 6px 0;
    display: inline-block;
    color: inherit;
    border: none;
    position: relative
}

footer a:after {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    border-bottom: 2px solid;
    transform: rotate(3deg) translate3d(0, 3px, 0) scaleX(.7);
    transform-origin: 30% 50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)
}

footer a:hover:after {
    transform: rotate(0deg) translateZ(0) scale(1);
    opacity: 1;
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)
}

footer .wrapper {
    padding: 57px 0 50px;
    position: relative
}

footer .wrapper:before {
    content: "";
    width: 100%;
    height: 6px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #2f3344
}

.f-home {
    display: inline-block
}

.f-home:after {
    display: none
}

.f-home svg {
    width: 240px;
    margin-top: -16px;
}

.footer-net {
}

.net {
    font-size: 0
}

.net a, .net button {
    width: 14px;
    height: 40px;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.net a:after, .net button:after {
    display: none
}

.net a.fb, .net button.fb {
    background: url("../images/facebook-letter-logo.svg") no-repeat 50%
}

.net a.vk, .net button.vk {
    background: url("../images/whatsapp.svg") no-repeat 50%
}

.net a.tw, .net button.tw {
    background: url("../images/telegram.svg") no-repeat 50%
}

.net a.ig, .net button.ig {
    background: url("../images/instagram.svg") no-repeat 50%
}

.footer-center {
    margin-top: 50px
}

.f-tel {
    margin-bottom: 2px;
    font-weight: 700
}

.f-mail, .f-tel {
    display: inline-block;
    letter-spacing: .025em
}

.f-mail {
    margin-bottom: 0px
}

.f-address, .ouglich, .redcollar {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: .025em
}

.f-address {
    margin-bottom: 0px;
    font-family: Avenir Next, sans-serif
}

.ouglich {
    margin-top: 30px;
    color: #999ba5
}

.ouglich:before {
    content: "";
    width: 24px;
    height: 40px;
    margin-top: 2px;
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/Sign-1.svg) no-repeat 50%;
}

.redcollar {
    margin-top: 21px;
    padding-left: 38px;
    line-height: 1.625em;
    position: relative;
    box-sizing: border-box
}

.redcollar a {
    color: inherit;
    position: static;
    line-height: inherit
}

.redcollar svg {
    width: 36px;
    height: 40px;
    display: block;
    position: absolute;
    top: -6px;
    left: -5px;
}

.redcollar polygon {
    fill: #2f3344;
    transition: fill .3s ease
}

.wrapper-404 {
    width: 100%;
    height: 100vh;
    position: relative
}

.logo-404 {
    padding: 10px;
    display: block;
    overflow: hidden;
    position: absolute;
    margin-top: 7px;
    top: 1.2%;
    left: calc(50% - 69px);
    z-index: 2
}

.logo-404 svg {
    width: 118px;
    height: 20px;
    display: block
}

.logo-404 use {
    fill: #2f3344
}

.watch-404 {
    display: none
}

.inner-404 {
    height: 63.175401%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #ebe1dd
}

.inner-404 .not-found {
    position: absolute;
    bottom: 10%
}

.text-404 {
    display: block;
    margin-left: 1%;
    margin-top: 10vh;
    color: #f8f6f5;
    font-size: 46.5vw;
    font-weight: 700;
    letter-spacing: .03em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.h5.not-found {
    padding: 0;
    margin: 0
}

.bottom-404 {
    height: 28.5%;
    display: flex
}

.left-404, .right-404 {
    height: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: center
}

.left-404 {
    display: none
}

.right-404 {
    width: 100%;
    justify-content: center
}

.rug-button span {
    width: 46px;
    height: 46px;
    margin-right: 14px;
    background-image: url("../images/sign-sh.svg");
    background-size: 70px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

@media screen and (min-width: 860px) {
    html.searchActive .search {
        transform: translateZ(0)
    }

    html.searchActive .search .input-wrapper, html.searchActive .search:before {
        opacity: 1;
        pointer-events: auto
    }

    html.searchActive .search:before {
        transition: opacity .5s ease
    }

    html.searchActive .search .input-wrapper {
        transition: opacity .5s ease .2s
    }

    html.searchActive .search form:after {
        transform: scale(1);
        opacity: 1;
        transition: transform .5s ease .2s, background .5s ease .2s, opacity .5s ease .2s;
        background: #2f3344
    }

    html.searchActive .search use {
        stroke: #2f3344;
        transition: stroke .5s ease
    }

    html.searchActive .search-overlay {
        pointer-events: auto
    }

    html.headerHidden .menu-center, html.headerHidden .menu-left, html.headerHidden .search {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
        visibility: hidden
    }

    html.headerHidden .search {
        transform: translate3d(0, -110px, 0)
    }

    li {
        padding-left: 46px;
        margin-bottom: 10px
    }

    ul li:before {
        width: 30px
    }

    ol li:before {
        font-size: 18px
    }

    .h1, .h3, h1, h3 {
        font-size: 26px
    }

    .h3, h3 {
        margin-bottom: .9em
    }

    .h5, h5 {
        margin-bottom: 33px;
        margin-top: 60px;

    }

    .h5, .rug-button, h5 {
        font-size: 11px
    }


    /*.rug-button span:after, .rug-button span:before {*/
    /*	transition: transform 1.5s cubic-bezier(.35, 0, 0, 1.01)*/
    /*}*/
    /*.rug-button span:before {*/
    /*	width: 26px*/
    /*}*/
    /*.rug-button span:after {*/
    /*	width: 14px*/
    /*}*/
    /*.rug-button i {*/
    /*	position: relative*/
    /*}*/
    /*.rug-button i:after {*/
    /*	content: "";*/
    /*	width: 100%;*/
    /*	display: block;*/
    /*	border-bottom: 2px solid;*/
    /*	position: absolute;*/
    /*	bottom: -3px;*/
    /*	left: 0;*/
    /*	transform-origin: 30% 50%;*/
    /*	pointer-events: none;*/
    /*	transform: rotate(3deg) translate3d(0, 3px, 0) scaleX(.7);*/
    /*	opacity: 0;*/
    /*	transition: opacity .7s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)*/
    /*}*/
    /*.rug-button:hover span:before {*/
    /*	transform: rotate(315deg)*/
    /*}*/
    /*.rug-button:hover span:after {*/
    /*	transform: rotate(-135deg)*/
    /*}*/
    /*.rug-button:hover i:after {*/
    /*	transform: translateZ(0);*/
    /*	opacity: 1;*/
    /*	transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1)*/
    /*}*/
    .icon-link {
        margin-left: 46px;
        font-size: 11px
    }

    .icon-link:before {
        left: -46px
    }

    .icon-link.ic-ruler {
        margin-left: 57px
    }

    .icon-link.ic-ruler:before {
        width: 42px;
        left: -56px
    }

    .wrapper {
        margin: 0 8.6%
    }

    .text-wrapper {
        margin: 0 23.21428572%
    }

    header {
        color: #fff;
        text-align: left
    }

    header .lang-link, header a, header button {
        font-size: 14px
    }

    .nav-button {
        display: none
    }

    .nav {
        padding: 0;
        display: block;
        opacity: 1;
        transform: none;
        visibility: visible;
        pointer-events: none;
        background: none
    }

    .menu {
        margin: 3.7vh 3.5% 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 20% auto 20%;
        grid-template-columns: 17% auto 17%
    }

    .menu-center, .menu-left {
        transform: none;
        opacity: 1;
        transition: opacity .5s ease, transform .5s ease, visibility .5s
    }

    .menu-center {
        -ms-grid-column: 2;
        grid-column-start: 2;
        text-align: center
    }

    .menu-center a {
        min-width: 72px;
        letter-spacing: .1em;
        font-size: 12px;
        font-weight: inherit
    }

    .menu-left {
        margin: 0;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row: 1;
        grid-row-start: 1
    }

    .collection-link {
        top: 3.7%;
        right: -10px;
    }

    .logo-mobile {
        display: none
    }

    .logo-desktop {
        height: auto;
        padding: 10px;
        margin: 0 50px
    }

    .lang, .logo-desktop {
        display: inline-block
    }

    .lang {
        margin: 0 22px 0 0;
        vertical-align: middle;
        position: relative;
        cursor: default
    }

    .lang:hover .lang-drop {
        visibility: visible
    }

    .lang:hover .lang-drop a {
        opacity: 1;
        transform: translateY(0)
    }

    .lang:hover .lang-drop a:first-child {
        transition-delay: .1s
    }

    .lang:hover .lang-drop a:nth-child(3) {
        transition-delay: 0s
    }

    .lang-drop {
        position: absolute;
        top: 44%;
        left: 0;
        visibility: hidden;
        transition: visibility .5s ease
    }

    .lang-drop a {
        display: block;
        opacity: 0;
        transform: translateY(-5px);
        transition: opacity .3s ease, transform .3s ease
    }

    .lang-drop a:first-child {
        transition-delay: 0s
    }

    .lang-drop a:nth-child(2) {
        transition-delay: .05s
    }

    .lang-drop a:nth-child(3) {
        transition-delay: .1s
    }

    .search-button use {
        stroke: #fff
    }

    .search {
        padding: calc(3.7vh + 90px) calc(3.5% + 90px) 88px 8.3%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        z-index: 2;
        opacity: 1;
        transform: translate3d(0, -90px, 0);
        transition: opacity .5s ease, transform .5s ease, visibility .5s
    }

    .search:before {
        content: "";
        width: 100%;
        height: calc(3.7vh + 218px);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity .5s ease .2s;
        background: #f8f6f5
    }

    .search form {
        position: relative
    }

    .search form:after {
        transform: scaleX(0);
        opacity: 0;
        transition: transform .5s ease, background .5s ease, opacity .5s ease;
        background: #f8f6f5
    }

    .search .input-wrapper {
        opacity: 0;
        transition: opacity .5s ease
    }

    .search .placeholder, .search input {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: .075em;
        text-transform: uppercase;
    }
    .search .placeholder{
        visibility: hidden;
    }

    .search use {
        transition: stroke .5s ease .2s
    }

    .cart {
        width: 27.1%;
        overflow: hidden;
        pointer-events: none
    }

    .cart-header {
        height: calc(7.4vh + 40px);
        padding: 0 16%
    }

    .cart-content, .checkout-content, .order-content {
        min-height: 0;
        padding: 0 16%;
        overflow: auto;
        pointer-events: auto;
        -webkit-overflow-scrolling: touch
    }

    .cart-content {
        height: calc(92.6vh - 273px)
    }

    .checkout-content {
        max-height: calc(100% - 369px - 7vh);
        min-height: 0;
        padding-top: 7vh
    }

    .order-content {
        max-height: calc(100% - 106px - 7vh);
        min-height: 0;
        padding-top: 7vh
    }

    .cart-item .ci-image, .checkout-item .ci-image, .order-item .ci-image {
        width: 35%;
        margin-right: 17%
    }

    .cart-item .ci-content, .checkout-item .ci-content, .order-item .ci-content {
        width: 48%
    }

    .cart-footer, .checkout-footer, .order-footer {
        padding: 0 16%
    }

    .full-page .wrapper {
        display: block
    }

    .text-page {
        height: auto
    }

    .full-page-bg {
        background-position: 50%
    }

    .full-page-content {
        margin-top: 37vh;
        margin-bottom: 0
    }

    .full-page-content h1 {
        margin-bottom: .25em;
        font-size: 40px;
        line-height: 56px
    }

    .full-page-content p {
        display: block;
        font-size: 18px;
        line-height: 26px
    }

    .arrow-to-bottom {
        width: 50px;
        height: 50px;
        bottom: 5.1%;
        margin-left: -25px;
        margin-top: -25px;
        cursor: pointer
    }

    .arrow-to-bottom, .arrow-to-bottom i {
        display: block;
        position: absolute;
        left: 50%
    }

    .arrow-to-bottom i {
        width: 10px;
        height: 10px;
        top: -5px;
        margin-left: -5px;
        transform: translateZ(0) scale(0);
        animation: square 4s linear infinite;
        background: #fff
    }

    .arrow-to-bottom i:nth-child(0) {
        animation-delay: 0s
    }

    .arrow-to-bottom i:first-child {
        animation-delay: .8s
    }

    .arrow-to-bottom i:nth-child(2) {
        animation-delay: 1.6s
    }

    .arrow-to-bottom i:nth-child(3) {
        animation-delay: 2.4s
    }

    .arrow-to-bottom i:nth-child(4) {
        animation-delay: 3.2s
    }

    @keyframes square {
        0% {
            transform: translateZ(0) scale(0)
        }
        30% {
            transform: translate3d(0, 15px, 0) scale(.35)
        }
        50% {
            transform: translate3d(0, 30px, 0) scale(1)
        }
        70% {
            transform: translate3d(0, 45px, 0) scale(.35)
        }
        to {
            transform: translate3d(0, 60px, 0) scale(0)
        }
    }.advantages {
         padding: 26px 0
     }

    .advan p:before {
        margin-right: 10px
    }

    .advan i {
        font-size: 14px;
        line-height: inherit
    }

    .advan i br {
        display: none
    }

    .advan i.d {
        display: block
    }

    .advan i.m {
        display: none
    }

    .main-slider {
        margin-top: 11.8%
    }

    .main-slider .wrapper {
        margin: 0 8.6%;
        position: relative
    }

    .main-slider .slide {
        width: 23.94%;
        padding-right: 9.39%;
        padding-left: 0
    }

    .main-slider .slider-buttons {
        position: absolute;
        top: -22px;
        left: 100%;
        margin-top: 37.6%;
        margin-left: -14px
    }

    .rugs-main {
        margin-top: 9.8%
    }

    .rugs-main .wrapper {
        margin: 0 4.2%;
        display: flex
    }

    .rugs-main view-image {
        padding-bottom: 87.3%
    }

    .rugs-main .rug-button {
        margin-left: 12px
    }

    .wm-girls, .wm-mans {
        width: 50%
    }

    .wm-mans {
        z-index: 1
    }

    .wm-mans view-image {
        margin-left: 0;
        margin-right: -7.6%
    }

    .wm-girls {
        margin-top: 49px;
        text-align: right
    }

    .wm-girls view-image {
        margin-right: 0;
        margin-left: -7.6%
    }

    .wm-content {
        margin: 34px 0
    }

    .about-link {
        margin-top: 10%
    }

    .about-link .wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .about-link .rug-button {
        margin: 0 -.9% .5% 3.8%;
        align-self: flex-end
    }

    .main-bottom {
        margin-top: 21%
    }

    .main-bottom .wrapper {
        margin: 0 4.2%;
        padding-left: 4.4%;
        display: flex
    }

    .main-subscription {
        width: 47.4%;
        padding-top: 6.1%;
        margin: 0
    }

    .main-custom {
        width: 30%;
        margin-top: 0;
        padding: 6.1% 16.8% 7.4% 5.8%;
        background-position: 116%
    }

    .page-top {
        padding-top: 23.2vh
    }

    .catalog-top {
        margin: 0 4.2% 0 8.6%
    }

    .catalog-switch {
        top: 8px;
        right: 0;
        font-size: 11px
    }

    .catalog-switch:before {
        top: 8px;
        left: -30px;
        right: auto
    }

    .catalog-switch:after {
        display: block
    }

    .filters .wrapper {
        padding: 5px calc(4% - 29px)
    }

    view-filter:after {
        right: 15px
    }

    .filter-notice, .filters-clear, .filters-toggle {
        width: auto;
        min-height: 0;
        padding: 16px 29px 17px;

    }

    .catalog {
        padding-top: 9.2%
    }

    .catalog .wrapper:nth-child(2) .catalog-item-container:first-child {
        margin-top: 0
    }

    .catalog .wrapper:nth-child(2) {
        margin-top: 63px
    }

    .catalog-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 22.5%;
        grid-row-gap: 12vw
    }

    .catalog-item-container {
        margin: 0
    }

    .collections .wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .collection-item, collection-item {
        width: 45.6%;
        margin-top: 11.6%;
        margin-bottom: 4.3%
    }

    .collection-return {
        top: 28.8%
    }

    .cp-advantages {
        margin-top: 46px
    }

    .cp-advantages p {
        font-size: 12px
    }

    .collection-page-image {
        margin-top: 11.4%;
        margin-bottom: 12%
    }

    .collection-page-image .wrapper {
        margin: 0 4.2%
    }

    .grav-form {
        padding: 48px 80px 60px
    }

    .catalog-item-page-others {
        margin-top: 14.2%
    }

    .catalog-item-page-others .wrapper {
        margin: 0 8.6%
    }

    .catalog-item-page-others .slide {
        width: 23.94%;
        padding-right: 9.39%;
        padding-left: 0
    }

    .cio-right .h3, .cio-right h3 {
        margin: 0 0 62px
    }

    .fp-about, .fp-text {
        margin-top: 30.5vh;
        margin-left: 64.1%;
    }

    .fp-about {
        color: #fff;
    }

    .fp-text {
        color: #000;
    }

    .fp-about:before, .fp-text:before {
        width: 135px;
        top: 24px;
        right: 100%;
        left: auto;
        margin-right: 94px
    }

    .fp-about h1, .fp-text h1 {
        font-size: 40px;
        line-height: 60px
    }

    .fp-about.scrl:before, .fp-text.scrl:before {
        transform: scaleY(0);
        transform-origin: 50% 100%
    }

    .fp-about.show:before, .fp-text.show:before {
        transform: scale(1);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .3s
    }

    .fp-text {
        margin-bottom: 29.8vh
    }

    .quote-block {
        margin: 10.4% 0 0
    }

    .about-notice, .blockquote {
        display: flex
    }

    .an-left, .bq-left {
        width: 17.4%;
        margin-top: 23px
    }

    .an-right, .bq-right {
        width: 82.6%
    }

    blockquote p {
        font-size: 40px;
        line-height: 60px
    }

    .about-legendary {
        margin-top: 6.8%
    }

    .about-legendary .wrapper {
        display: flex;
        justify-content: space-between
    }

    .al-left {
        width: 50%;
        margin-top: 12.9%
    }

    .al-left view-image {
        padding-bottom: 68.4%
    }

    .al-right {
        width: 35.8%;
        margin: 0
    }

    .al-right p {
        max-width: 26em
    }

    .about-ouglich {
        margin-top: 7.9%
    }

    .video-block {
        margin-top: 9.4%
    }

    yt-video .image, yt-video view-image {
        padding-bottom: 46.45%
    }

    .video-icon {
        padding: 0 23.21428572%
    }

    .video-icon span {
        width: 46px;
        height: 46px;
        margin-left: 20px
    }

    .video-icon span:after {
        border: 11px solid transparent;
        border-left: 18px solid #fff;
        margin-top: -11px;
        margin-left: -7px
    }

    .video-notice {
        padding: 10.3% 0 6.6%
    }

    .about-luxury {
        margin-top: 10.8%
    }

    .about-luxury .an-left {
        margin-top: 11px
    }

    .alu-images {
        margin: 7.9% 0 0;
        padding-left: 39.5%;
        position: relative
    }

    .alu-i-1 {
        width: 100%;
        margin: 0;
        padding-bottom: 129.5%
    }

    .alu-i-2 {
        width: 52%;
        padding-bottom: 46.5%;
        margin: 0;
        position: absolute;
        top: 13.4%;
        left: -3.8%
    }

    .about-material {
        margin-top: 12.4%
    }

    .am-first {
        margin-left: 64%
    }

    .am-image {
        width: 100%;
        margin: -35.9vh 0 0
    }

    .am-second {
        margin-top: 2.4%;
        margin-left: 17.4%
    }

    .about-flagman {
        margin-top: 9%;
        padding-top: 0;
        padding-bottom: 5.8%
    }

    .about-flagman .wrapper {
        margin: 0 4.2%;
        display: flex;
        justify-content: space-between
    }

    .af-left {
        width: 57.2%;
        display: block
    }

    .af-left view-image {
        padding-bottom: 75.2%
    }

    .af-right {
        width: 41.5%;
        margin-top: -13.2%
    }

    .af-right view-image {
        width: 60%;
        padding-bottom: 64.4%;
        margin: 0 0 10% 16.5%
    }

    .af-right p {
        max-width: 17em
    }

    .about-quality {
        margin-top: 10.7%
    }

    .about-quality .wrapper {
        margin: 0 4.2%;
        display: flex;
        flex-direction: row-reverse
    }

    .aq-left {
        width: 42.3%;
        margin-left: 20.5%;
        margin-top: 0
    }

    .aq-left p {
        max-width: 29em
    }

    .aq-right {
        width: 37.3%;
        margin-top: -27.2%
    }

    .aq-right view-image {
        padding-bottom: 132.8%
    }

    .about-bottom {
        margin-top: 11.9%
    }

    .text-content {
        margin-top: 8.1%
    }

    .text-content .image-slider {
        width: 186.7%;
        margin: 21.5% 0 18.5% -43.35%;
        padding-bottom: 10.6%
    }

    .text-content .image-slider:before {
        left: 6.42857143%;
        right: 6.42857143%
    }

    .text-content .is-left {
        width: 17.85714286%
    }

    .text-content .is-left .h5, .text-content .is-left h5 {
        margin-left: 35.5%
    }

    .text-content .is-left .slider-buttons {
        left: 36%
    }

    .text-content .is-right {
        width: 82.14285714%
    }

    .text-content .blockquote {
        margin: 17.9% 0 17.9% -27.2%
    }

    .text-content .bq-left {
        width: 21.382%
    }

    .text-content .bq-right {
        width: 78.618%
    }

    .image-slider {
        margin: 12.2% 0 5.7%;
        display: flex;
        position: relative
    }

    .image-slider:before {
        content: "";
        height: 92.4%;
        display: block;
        position: absolute;
        top: 22.8%;
        left: 8.6%;
        right: 4.2%;
        z-index: -1;
        background: #eee
    }

    .is-left {
        width: 20%;
        margin: 0;
        position: relative
    }

    .is-left .h5, .is-left h5 {
        margin-left: 42.5%
    }

    .is-left .slider-buttons {
        position: absolute;
        top: 50%;
        left: 43%;
        margin-top: -22px;
        margin-left: -44px
    }

    .is-right {
        width: 80%;
        padding: 0
    }

    .is-right view-slider {
        width: 62.5%
    }

    .is-right .slide {
        padding-right: 4.28%
    }

    .is-right .image {
        padding-bottom: 78.5%
    }

    .spoiler-block {
        margin-top: 8.1%
    }

    .spoilerButton.h3 {
        padding: 0
    }

    .spoilerButton.h3:after {
        height: 15px
    }

    .s-plus {
        width: 20px;
        height: 20px;
        top: 7px;
        left: -34px
    }

    .s-plus:before {
        height: 4px;
        top: 8px
    }

    .s-plus:after {
        width: 4px;
        left: 8px
    }

    .spoilerContent {
        padding-left: 0
    }

    .spoilerContent:after {
        height: 40px
    }

    .custom-lincor {
        margin-top: 10.2%
    }

    .custom-lincor .wrapper {
        margin: 0 4.2%;
        padding: 5.7% 0;
        display: flex;
        background: #ebe1dd
    }

    .cl-left {
        width: 45.2%;
        margin-left: 4.7%;
        margin-top: 3.65%
    }

    .cl-left view-image {
        padding-bottom: 143%
    }

    .cl-right {
        width: 20.6%;
        margin-left: 11%
    }

    .custom-corp {
        margin-top: 7.9%
    }

    .custom-corp .wrapper {
        margin: 0 4.2%;
        display: flex;
        justify-content: flex-end
    }

    .cc-content {
        width: 37.2%
    }

    .custom-special {
        margin-top: 15.75%
    }

    .custom-special .wrapper {
        margin: 0 4.2%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }

    .cs-left {
        width: 45.2%;
        margin: 0 0 0 4.7%
    }

    .cs-left view-image {
        padding-bottom: 129.3%
    }

    .cs-right {
        width: 37.2%
    }

    .custom-bottom {
        padding: 0;
        margin-top: 8.6%
    }

    .custom-bottom .wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .cb-left {
        width: 40%;
        margin-left: 17.6%;
        margin-bottom: 4%
    }

    .cb-right {
        width: 34.4%;
        margin-right: .8%;
        display: block
    }

    .cb-right view-image {
        padding-bottom: 163.2%;
        background-image: url(../images/97708f08ed0720db0981300b12c7ff24.png)
    }

    .checkout {
        position: relative;
        padding-bottom: 13.4vh
    }

    .checkout:before {
        content: "";
        width: 100%;
        height: 11.5vh;
        display: block;
        background: #f8f6f5
    }

    .checkout .wrapper {
        margin-top: 11.7vh;
        padding: 0 26.4% 0 0;
        box-sizing: border-box
    }

    .form-1 {
        -ms-grid-columns: 31% 31% 31%;
        grid-template-columns: 31% 31% 31%;
        grid-gap: 3.5%
    }

    .form-1, .form-2 {
        display: -ms-grid;
        display: grid
    }

    .form-2 {
        -ms-grid-columns: 48.25% 48.25%;
        grid-template-columns: 48.25% 48.25%;
        grid-gap: 3.5%
    }

    .form-3 {
        -ms-grid-columns: 31% 31% 8% 8% 8%;
        grid-template-columns: 31% 31% 8% 8% 8%;
        grid-gap: 3.5%
    }

    .form-3 dadata-view:first-child, .form-3 dadata-view:nth-child(2) {
        grid-column: auto
    }

    .form-4 {
        -ms-grid-columns: 62% 31%;
        grid-template-columns: 62% 31%;
        grid-gap: 7%
    }

    .form-1-4, .form-4 {
        display: -ms-grid;
        display: grid
    }

    .form-1-4 {
        -ms-grid-columns: 31% 62%;
        grid-template-columns: 31% 62%;
        grid-gap: 7%
    }

    .form-1-4 .promo-submit {
        top: 20px
    }

    .checkout-items, .order-items {
        width: 27.1%;
        height: calc(100% - 11.5vh);
        max-height: none;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 11.5vh;
        z-index: 1
    }

    .order {
        position: relative;
        padding-top: 22.1vh
    }

    .order .wrapper {
        min-height: 600px;
        padding-right: 26.4%;
        box-sizing: border-box
    }

    .order-bottom {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .order-bottom button {
        width: auto
    }

    .order-bottom a {
        padding: 0 100px
    }

    .order-track {
        margin: 0 0 0 57px
    }

    footer {
        margin-top: 8.6%;
        position: relative;

    }

    footer:after {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        background-image: url(../images/Sign-1.svg);
        background-size: 59%;
        background-repeat: no-repeat;
        opacity: 0.05;
        top: 0px;
        background-position: left 52px;
        z-index: -1;
    }

    footer .wrapper {
        padding: 6.3% 0 4.5%;
        display: flex
    }

    .footer-left {
        width: 35.7%;
        position: relative
    }

    .footer-net {

    }

    .footer-center {
        width: 28.4%;
        margin-top: 6px
    }

    .footer-right {
        width: 35.9%;
        margin-top: 6px
    }

    .wrapper-404 {
        min-height: 600px
    }

    .logo-404 {
        margin-top: -20px;
        top: 3.7vh;
        left: 13.9%
    }

    .inner-404 {
        height: 65.77540107%;
        margin-left: 38.21428571%
    }

    .inner-404 .not-found {
        display: none
    }

    .text-404 {
        margin-top: 7vh;
        font-size: 21.42857143vw
    }

    .bottom-404 {
        height: 27.5%
    }

    .left-404 {
        width: 38.21428571%;
        display: flex;
        padding-right: 10%;
        justify-content: flex-end
    }

    .right-404 {
        width: 61.78571429%;
        padding-left: 10%;
        justify-content: flex-start
    }

    .watch-404 {
        width: 36.7vw;
        height: 36.7vw;
        max-width: 68.7vh;
        max-height: 68.7vh;
        display: block;
        position: absolute;
        left: 38.21428571%;
        top: 48.5%;
        z-index: 2;
        opacity: 0;
        transition: opacity .1s ease;
        transform: translate3d(-50%, -50%, 0);
        pointer-events: none
    }

    .watch-404.initialized {
        opacity: 1
    }

    .watch-404.initialized .secondHand {
        opacity: 0;
        transition: opacity .7s ease-out, transform .3s ease-in
    }

    .watch-404.initialized .secondHand.active {
        opacity: 1;
        transition: opacity .1s ease-in .2s, transform .3s ease-in
    }

    .quart {
        display: block;
        position: absolute;
        background: #2f3344
    }

    .quart-6, .quart-12 {
        width: 2px;
        height: 40px;
        left: 50%;
        margin-left: -1px
    }

    .quart-12 {
        top: 0
    }

    .quart-6 {
        bottom: 0
    }

    .quart-9 {
        width: 40px
    }

    .hour, .quart-9 {
        height: 2px;
        top: 50%;
        left: 0;
        margin-top: -1px
    }

    .hour {
        width: 50%;
        display: block;
        position: absolute;
        transform-origin: 100% 50%
    }

    .hour:before {
        content: "";
        width: 26px;
        height: 2px;
        display: block;
        margin-left: 14px;
        background: #ebe1dd
    }

    .hour:first-child {
        transform: rotate(-60deg)
    }

    .hour:nth-child(2) {
        transform: rotate(-30deg)
    }

    .hour:nth-child(3) {
        transform: rotate(30deg)
    }

    .hour:nth-child(4) {
        transform: rotate(60deg)
    }

    .secondHand {
        width: 2px;
        height: 50%;
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -1px;
        transform-origin: 50% 100%;
        opacity: 0
    }

    .secondHand:before {
        content: "";
        width: 1px;
        height: 30%;
        display: block;
        transform: translateX(.5px);
        background: #828990
    }
}

@media screen and (min-width: 1100px) {
    html.safari .about-link .mobile-link {
        display: inline
    }

    .about-link .mobile-link, html.safari .about-link .desktop-link {
        display: none
    }

    .about-link .desktop-link {
        display: inline
    }

    .about-link.show .al-stroke {
        stroke-dashoffset: 0
    }

    .about-link.show .l1 {
        transition-delay: .325s
    }

    .about-link.show .i1 {
        transition-duration: .85s;
        transition-delay: .475s
    }

    .about-link.show .n1 {
        transition-duration: .8s;
        transition-delay: .625s
    }

    .about-link.show .n2 {
        transition-duration: .75s;
        transition-delay: .875s
    }

    .about-link.show .n3 {
        transition-duration: .7s;
        transition-delay: 1.2s
    }

    .about-link.show .c1 {
        transition-duration: .85s;
        transition-delay: 1s
    }

    .about-link.show .o1 {
        transition-duration: .95s;
        transition-delay: 1.05s
    }

    .about-link.show .r1 {
        transition-duration: .7s;
        transition-delay: 1.2s
    }

    .about-link.show .r2 {
        transition-duration: .65s;
        transition-delay: 1.5s
    }

    .about-link.show .r3 {
        transition-duration: .5s;
        transition-delay: 2s
    }

    .al-stroke {
        fill: none;
        stroke: #f8f6f5;
        stroke-width: 8;
        stroke-miterlimit: 10;
        transition: stroke-dashoffset 1s cubic-bezier(.35, 0, 0, 1.01);
        stroke-dasharray: 23px;
        stroke-dashoffset: -23px
    }

    .c1 {
        stroke-dasharray: 33px;
        stroke-dashoffset: 33px
    }

    .o1 {
        stroke-dasharray: 44px;
        stroke-dashoffset: 44px
    }

    .r1 {
        stroke-dasharray: 23px;
        stroke-dashoffset: 23px
    }

    .r2 {
        stroke-dasharray: 28px;
        stroke-dashoffset: 28px
    }

    .r2, .r3 {
        stroke-width: 6.7
    }

    .r3 {
        stroke-dasharray: 13px;
        stroke-dashoffset: 13px
    }

    .slider-buttons {
        display: flex;
        z-index: 1002
    }

    .slider-buttons button {
        width: 44px;
        height: 44px;
        display: block;
        position: relative;
        cursor: pointer;
        transition: color .5s ease
    }

    .slider-buttons button:before {
        content: "";
        width: 14px;
        height: 14px;
        border-top: 2px solid;
        border-left: 2px solid;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -8px;
        margin-top: -8px
    }

    .slider-buttons button[data-direction=prev]:before {
        transform: rotate(-45deg)
    }

    .slider-buttons button[data-direction=next]:before {
        transform: rotate(135deg)
    }

    .slider-buttons button.disabled {
        color: #828990;
        cursor: default
    }

    .slider-buttons button.hidden {
        visibility: hidden
    }

    .crumb {
        display: inline-block;
        text-transform: uppercase;
        font-size: 11px;
        color: #7e8e97;
        letter-spacing: .2em
    }

    .catalog {
        padding-top: 5.8%
    }

    .catalog-wrapper {
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 14%;
        grid-row-gap: 7.35vw
    }

    .collection-item, collection-item {
        width: 29.6%;
        margin-top: 7.5%;
        margin-bottom: 2.8%;
    }

    .collection-item.big, collection-item.big {
        width: 64.9%;
    }

    .collection-item.big .image, collection-item.big .image {
        padding-bottom: 59.3%
    }

    .collection-page-first {
        padding-top: 9%
    }

    .collection-page-first .wrapper {
        display: flex;
        justify-content: space-between
    }

    .cp-left {
        width: 50%
    }

    .cp-right {
        width: 35.9%;
        margin-top: 6.5%
    }

    .catalog-item-page-top {
        height: 81.2vh;
        padding-top: 18.8vh;
        position: relative;
        overflow: hidden
    }

    .catalog-item-page-top .catalog-item--bg {
        width: 61.9%;
        height: 65.87%
    }

    .catalog-item-page-top .wrapper {
        margin: 0;
        height: calc(100% - 127px);
        display: flex;
        align-items: flex-end
    }

    .catalog-item-page-top view-slider {
        width: 72.6%;
        height: 100%;
        position: relative;
        margin-left: 1.1%
    }

    .cip-right {
        width: 61.9%;
        height: 109%;
        order: 2;
        overflow: hidden
    }

    .cip-left {
        width: 29.5%;
        height: 100%;
        margin: 0 0 0 8.6%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        order: 1;
        position: relative
    }

    .cip-left .slider-buttons {
        position: absolute;
        margin-right: -44px;
        margin-top: -22px;
        right: 0;
        top: 10.8%
    }

    .cip-bottom {
        width: 100%;
        height: 127px;
        margin: 0;
        display: flex
    }

    .cip-bottom-notice {
        width: 95.8%;
        margin-right: 4.2%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .add-grav, .add-to-cart {
        width: auto;
        height: 100%
    }

    .add-to-cart {
        padding: 0 8.6%;
        white-space: nowrap;
        flex-shrink: 0
    }

    .add-grav {
        padding: 0 50px
    }

    .filters {
        margin-top: 2.7%;
        height: 88px
    }

    .filters .wrapper {
        padding: 21px calc(4.2% - 29px) 18px calc(8.6% - 29px)
    }

    .filters-left {
        overflow: visible;
        margin-right: 100px;
        padding: 0;
        white-space: normal
    }

    .filters-clear {
        padding: 16px 20px 17px 29px;
        font-size: 11px
    }

    .filters-clear:after, .filters-clear:before {
        right: 7px;
        margin-right: 0
    }

    .filters-toggle {
        display: inline-block
    }

    .filters-clear, .filters-toggle {
        margin-right: 29px
    }

    .search-line {
        margin-top: 2.7%;
        height: 88px
    }

    .catalog-item-page-table {
        margin-top: 0;
        /*margin-bottom: 18.2%*/
    }

    .cit-left {
        padding-top: 10.8%;
        padding-bottom: 7.5%
    }

    .cit-table {
        width: 36.4%;
        font-size: 14px
    }

    .cit-table td:first-child {
        font-size: 18px
    }

    .cit-table td, .cit-table th {
        width: 36%;
        padding-right: 5%
    }

    .cit-table td:first-child, .cit-table th:first-child {
        width: 54%
    }

    .cit-right {
        position: absolute;
        top: 14.4%;
        right: 0;
        bottom: -16.2%;
        left: 0;
        pointer-events: none
    }

    .cit-right .wrapper {
        height: 100%;
        display: flex;
        align-items: flex-end
    }

    .cit-right view-image {
        width: 50%;
        height: 100%;
        padding: 0;
        margin: 0
    }

    .cit-links {
        width: 50%;
        padding: 0;
        display: block;
        margin-bottom: -6px;
        pointer-events: auto
    }

    .cit-links .icon-link {
        margin-right: 90px
    }

    .cit-links .icon-link:last-child {
        margin-right: 0
    }

    .catalog-item-page-skeleton {
        padding: 0
    }

    .catalog-item-page-skeleton .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .cis-left {
        width: 41%;
        margin-left: 5%;
        position: relative;
        top: 0;
        left: 0
    }

    .cis-left img {
        width: 350px;
    }

    .cis-right {
        width: 36%;
        margin: 0
    }

    .catalog-item-page-others .wrapper {
        margin: 0 0 0 4.2%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    .catalog-item-page-others.single .wrapper {
        margin: 0 4.2%;
        display: block
    }

    .catalog-item-page-others.single .cio-left {
        width: 100%
    }

    .catalog-item-page-others.single .cio-left view-image {
        padding-bottom: 50.367%
    }

    .cio-left {
        width: 60.2%;
        display: block
    }

    .cio-left view-image {
        padding-bottom: 80%
    }

    .cio-right {
        width: 20.7%;
        margin-top: -9px;
        padding-right: 8.9%
    }

    .cio-right .slide {
        width: 100%
    }

    .cio-slider {
        position: relative
    }

    .cio-slider .slider-buttons {
        position: absolute;
        top: -22px;
        left: 100%;
        margin-top: 157%;
        margin-left: -14px
    }

    .status-icon {
        width: 40px;
        height: 40px;
        display: block;
        border: 3px solid;
        position: absolute;
        left: -60px;
        top: 5px;
        border-radius: 50%
    }

    .status-icon.success {
        border-color: #ddebe4
    }

    .status-icon.success:after {
        content: "";
        width: 23px;
        height: 13px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -15px;
        margin-left: -9px;
        border-left: 2px solid #ddebe4;
        border-bottom: 2px solid #ddebe4;
        transform: rotate(-45deg)
    }

    .status-icon.error {
        opacity: .6;
        border-color: #e4b6b6
    }

    .status-icon.error:after, .status-icon.error:before {
        content: "";
        width: 2px;
        height: 42px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -21px;
        margin-left: -1px;
        background: #e4b6b6
    }

    .status-icon.error:before {
        transform: rotate(-45deg)
    }

    .status-icon.error:after {
        transform: rotate(45deg)
    }
}

.nomarg-t {
    margin-top: 0
}

.nomarg-r {
    margin-right: 0
}

.nomarg-b {
    margin-bottom: 0
}

.nomarg-l {
    margin-left: 0
}

.clearfloat, .clfl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

.black {
    color: #000;
}
html[lang=fa] .h5,html[lang=fa] h5,html[lang=fa] .h1,html[lang=fa]  .h3, html[lang=fa] h1,html[lang=fa] h3,html[lang=fa] .filter-notice ,html[lang=fa] .add-grav i,html[lang=fa] .add-to-cart i,html[lang=fa] .icon-link,html[lang=fa] .cit-table th:first-child,html[lang=fa] .rug-button,html[lang=fa] .menu-center a,html[lang=fa] .cart-confirm button,html[lang=fa] .cart-confirm a{
    letter-spacing: 0px;
}
html[lang=fa] .al-right,html[lang=fa] main,html[lang=fa] .cis-right p:last-child,html[lang=fa] .cip-left-bottom.advan p.advan-life i{
    direction: rtl;
}
section.catalog-item-page-top,.catalog-item-page-table,.catalog-item-page-skeleton,.catalog-item-page-others,.image-slider {
    direction: ltr;
}
html[lang=fa] h3, html[lang=fa] .h3{
    font-weight: 500;
}
html[lang=fa] h1{
    font-weight: 600;
}
html[lang=fa] h4,html[lang=fa] .h4{
    font-weight: 500;
}
.ltr{
    direction: ltr !important;
}
@media screen and (min-width: 2000px) {
    .catalog-wrapper {
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 14%;
        grid-row-gap: 7.35vw
    }
    .main-slider .slide {
        width: 14.94%;
        padding-right: 9.39%;
        padding-left: 0
    }
}
.cart-button{
    display: none;
}
@media screen and (max-width: 860px){
    /*.search-form{*/
    /*    visibility: hidden;*/
    /*}*/
     .logo-mobile path.cls-1 {
        /*fill: #000;*/
    }
    header a.nav-link{
        display: block;
    }
    html.navActive .menu-center .nav-link:not(:last-child){
    }
    html.navActive .logo-mobile use,html.navActive .logo-mobile path.cls-1 {
        fill: #2f3344 !important;
    }
    .menu-center a {
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: 16px;
        font-weight: 600;
    }
}
@media screen and (max-width: 1300px){
    .menu {
        grid-template-columns: 5% auto 5%
    }
    .search{
        padding: calc(3.7vh + 90px) 10px 88px 10px;
    }

}
@media screen and (max-width: 1000px){
    .menu-center a{
        font-size: 11px;
    }
    .menu-center a {
        min-width: 25px;
    }
    /*.ci-image {*/
    /*    position: relative;*/
    /*    padding: 10px 105px;*/
    /*}*/
}

/*@media screen and (max-width: 854px and min-width:){*/
/*    .ci-image {*/
/*        position: relative;*/
/*        padding: 10px 105px;*/
/*    }*/
/*    .ci-image .image {*/
/*        margin-top: 129%;*/
/*    }*/
/*}*/

@media screen and (max-width: 860px) {
    .search {
        padding: 10px 0px;
    }

}
@media screen and (max-width: 1100px) {
    .filters-left {
        overflow: visible;
        margin-right: 15px;
        padding: 0;
        white-space: normal
    }

}
/*@media screen and (max-width: 1100px) {*/
/*    .f-item, .filter-fieldset {*/
/*        opacity: 1;*/
/*        visibility: visible;*/
/*    }*/
/*}*/
@media (min-width: 500px) and (max-width: 860px){
    .catalog-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 22.5%;
        grid-row-gap: 12vw
    }
    .main-slider .slide {
        width: 35.3%;
    }
}