html {
    box-sizing: border-box;
    overflow-y: scroll
}

*,
:after,
:before {
    box-sizing: inherit
}

:focus {
    outline: 0
}

body,
html,
span {
    margin: 0 0;
    padding: 0 0
}

a {
    display: block;
    text-decoration: none
}

ol,
ul {
    list-style: none inside;
    margin: 0 0;
    padding: 0 0
}

pre {
    padding: 0;
    margin: 0
}

img,
video {
    display: block
}

iframe {
    border: 0 none
}

form {
    margin: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

button {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.is-hidden {
    display: none
}

.is-centered-txt {
    text-align: center
}

.is-flex-container {
    display: flex
}

.is-fixed {
    position: fixed!important
}

.is-fixed .scroll-up {
    display: initial!important
}

.is-hidden {
    visibility: hidden
}

body a {
    color: #000
}

h1,
h2,
h3,
h4,
p {
    margin: 0 0;
    padding: 0 0
}

html {
    color: #000;
    font-size: 1em;
    font-family: OpenSans-Regular, sans-serif;
    text-transform: none
}

@font-face {
    font-family: PFMonumentaPro-Regular;
    src: url(/files/fonts/PFMonumentaPro-Regular.woff) format("woff"), url(/files/fonts/PFMonumentaPro-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(/files/fonts/OpenSans-Regular.woff) format("woff"), url(/files/fonts/OpenSans-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    text-align: center;
    font-family: PFMonumentaPro-Regular;
    text-transform: uppercase
}

h1 {
    font-size: 1.88em
}

h2 {
    font-size: 1.5em
}

h3 {
    color: #000;
    font-size: 1.13em
}

p {
    font-size: 1em
}

.h--page,
.h--section {
    font-size: 1.5em
}

p.freeshipp {
    font-size: .8em
}

.description--page>h1 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

article.descriptionpage {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

article.descriptionpage>div {
    font-size: 14px
}

article.descriptionpage>div img {
    max-width: 100%;
    height: auto
}

article.descriptionpage h2 {
    position: relative
}

.dm-f-text h1:before,
.dm-f-text h2:before,
article.descriptionpage h2:before {
    content: '';
    height: 1px;
    width: 100%;
    background: #000;
    top: -20px;
    left: 0;
    position: absolute
}

.select * {
    display: block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    cursor: default;
    overflow: hidden
}

.select {
    display: inline-block;
    position: relative
}

.select:focus {
    outline: 0
}

.select .label,
.select ul {
    box-sizing: border-box
}

.select .label {
    text-transform: uppercase;
    border: 1px solid #fff;
    background-image: url(/design/custom/images/arrow.svg);
    background-size: 10px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 50px;
    padding: 5px;
    font-size: 12px;
    border-radius: 0;
    outline: 0
}

.select ul {
    position: absolute;
    border: 1px solid #fff;
    margin: -1px 0 0!important;
    background-color: #fff;
    max-height: 400px;
    overflow: hidden;
    display: none;
    z-index: 10000
}

.select.drop ul {
    display: inherit
}

.select li {
    padding: 6px 10px;
    font-size: 12px
}

.select li.selected {
    background-color: #111;
    color: #fff
}

.features h2 {
    text-align: left
}

.li-wishlist {
    margin-top: 50px
}

div#wishlist_informer {
    display: flex
}

div#wishlist_informer a {
    color: #000;
    font-size: 12px;
    padding-top: 30px;
    background: url(/design/custom/images/star.svg) no-repeat center top;
    background-size: 24px;
    height: 30px;
    width: 30px
}

a.addps {
    background: url(/design/custom/images/star.svg) no-repeat 5px center;
    padding: 10px 20px 10px 34px;
    background-size: 22px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline
}

.just {
    padding: 0!important
}

.li-wishlist span.mylist_add {
    padding: 10px 0;
    top: 85%;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 80%
}

strike.compare-price {
    font-size: 70%
}

#l-main p {
    font-size: 95%
}

.lof {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.social {
    display: flex;
    justify-content: space-around;
    width: 200px;
    padding-top: 50px;
    padding-bottom: 100px;
    position: relative
}

.social:after {
    content: '';
    position: absolute;
    height: 80px;
    width: 1px;
    background: #000;
    top: 100px
}

.social a {
    width: 30px;
    height: 30px;
    background-position: center center
}

.inst {
    background: url(/design/custom/images/inst.svg) no-repeat;
    background-size: 24px
}

.fb {
    background: url(/design/custom/images/fb.svg) no-repeat;
    background-size: 24px
}

.vk {
    background: url(/design/custom/images/vk.svg) no-repeat;
    background-size: 30px
}

.ok {
    background: url(/design/custom/images/ok.svg) no-repeat;
    background-size: 24px
}

.svg {
    cursor: pointer;
    width: 4em;
    height: 4em;
    position: absolute;
    top: 22%;
    left: 80%;
    z-index: 3
}

,
.comment h1,
.extHTML h1,
.text h1,
article h1 {
    font-size: 2em;
    margin: .67em 0;
    text-align: left
}

.comment h2,
.description--page h2,
.extHTML h2,
.text h2,
article h2 {
    font-size: 2em;
    margin: .83em 0;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    position: relative
}

.comment h3,
.description--page h3,
.extHTML h3,
.text h3,
article h3 {
    font-size: 1.8em;
    margin: 1em 0;
    margin: .83em 0;
    text-transform: uppercase;
    font-weight: 700
}

.comment h4,
.description--page h4,
.extHTML h4,
.text h4,
article h4 {
    margin: 1.6em 0
}

.comment h5,
.description--page h5,
.extHTML h5,
.text h5,
article h5 {
    font-size: 1.5em;
    margin: 1.67em 0
}

.comment h6,
.description--page h6,
.extHTML h6,
.text h6,
article h6 {
    font-size: 1em;
    margin: 2.33em 0
}

.comment p,
.description--page p,
.extHTML p,
.text p,
article p {
    margin: .83em 0
}

.comment a,
.description--page a,
.extHTML a,
.text a,
article a {
    display: inline;
    text-decoration: underline
}

.l-wrapper {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column
}

#p-blog,
#p-brands,
#p-cart,
#p-comments,
#p-feedback,
#p-login,
#p-main,
#p-order,
#p-page,
#p-password-remind,
#p-post,
#p-product,
#p-products,
#p-register,
#p-shopfinder,
#p-user,
#p-wholesaleorder {
    min-height: 100vh;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 10px
}

.description--page {
    position: relative
}

#p-feedback .description--page,
#p-product .description--page,
.p-brand article.description--page {
    height: auto;
    align-self: center;
    display: flex;
    text-align: center;
    max-width: 1200px;
    flex-direction: column;
    min-height: auto
}

span.currency {
    font-size: 80%
}

.h--page {
    margin-bottom: 2rem!important
}

#p-blog>*,
#p-brands>*,
#p-cart>*,
#p-comments>*,
#p-feedback>*,
#p-login>*,
#p-main>*,
#p-order>*,
#p-page>*,
#p-password-remind>*,
#p-post>*,
#p-products>*,
#p-register>*,
#p-shopfinder>*,
#p-user>*,
#p-wholesaleorder>* {
    width: 100%
}

#p-blog .l-content,
#p-blog .l-main,
#p-brands .l-content,
#p-brands .l-main,
#p-cart .l-content,
#p-cart .l-main,
#p-comments .l-content,
#p-comments .l-main,
#p-feedback .l-content,
#p-feedback .l-main,
#p-login .l-content,
#p-login .l-main,
#p-main .l-content,
#p-main .l-main,
#p-order .l-content,
#p-order .l-main,
#p-page .l-content,
#p-page .l-main,
#p-password-remind .l-content,
#p-password-remind .l-main,
#p-post .l-content,
#p-post .l-main,
#p-product .l-content,
#p-product .l-main,
#p-products .l-content,
#p-products .l-main,
#p-register .l-content,
#p-register .l-main,
#p-shopfinder .l-content,
#p-shopfinder .l-main,
#p-user .l-content,
#p-user .l-main,
#p-wholesaleorder .l-content,
#p-wholesaleorder .l-main {
    display: flex;
    align-items: center;
    flex-direction: column
}

#p-blog .l-content>:not(:last-child),
#p-blog .l-main>:not(:last-child),
#p-brands .l-content>:not(:last-child),
#p-brands .l-main>:not(:last-child),
#p-cart .l-content>:not(:last-child),
#p-cart .l-main>:not(:last-child),
#p-comments .l-content>:not(:last-child),
#p-comments .l-main>:not(:last-child),
#p-feedback .l-content>:not(:last-child),
#p-feedback .l-main>:not(:last-child),
#p-login .l-content>:not(:last-child),
#p-login .l-main>:not(:last-child),
#p-main .l-content>:not(:last-child),
#p-main .l-main>:not(:last-child),
#p-order .l-content>:not(:last-child),
#p-order .l-main>:not(:last-child),
#p-page .l-content>:not(:last-child),
#p-page .l-main>:not(:last-child),
#p-password-remind .l-content>:not(:last-child),
#p-password-remind .l-main>:not(:last-child),
#p-post .l-content>:not(:last-child),
#p-post .l-main>:not(:last-child),
#p-product .l-content>:not(:last-child),
#p-product .l-main>:not(:last-child),
#p-products .l-content>:not(:last-child),
#p-products .l-main>:not(:last-child),
#p-register .l-content>:not(:last-child),
#p-register .l-main>:not(:last-child),
#p-shopfinder .l-content>:not(:last-child),
#p-shopfinder .l-main>:not(:last-child),
#p-user .l-content>:not(:last-child),
#p-user .l-main>:not(:last-child),
#p-wholesaleorder .l-content>:not(:last-child),
#p-wholesaleorder .l-main>:not(:last-child) {
    margin-bottom: 2rem
}

#p-blog .l-content>*,
#p-blog .l-main>*,
#p-brands .l-content>*,
#p-brands .l-main>*,
#p-cart .l-content>*,
#p-cart .l-main>*,
#p-comments .l-content>*,
#p-comments .l-main>*,
#p-feedback .l-content>*,
#p-feedback .l-main>*,
#p-login .l-content>*,
#p-login .l-main>*,
#p-main .l-content>*,
#p-main .l-main>*,
#p-order .l-content>*,
#p-order .l-main>*,
#p-page .l-content>*,
#p-page .l-main>*,
#p-password-remind .l-content>*,
#p-password-remind .l-main>*,
#p-post .l-content>*,
#p-post .l-main>*,
#p-product .l-content>*,
#p-product .l-main>*,
#p-products .l-content>*,
#p-products .l-main>*,
#p-register .l-content>*,
#p-register .l-main>*,
#p-shopfinder .l-content>*,
#p-shopfinder .l-main>*,
#p-user .l-content>*,
#p-user .l-main>*,
#p-wholesaleorder .l-content>*,
#p-wholesaleorder .l-main>* {
    width: 100%
}

#p-main {
    border: 0 none!important;
    padding-top: 0!important
}

#p-main .l-main {
    width: 100%
}

#p-main .description--page__shell {
    width: 100%
}

#p-main .banner,
#p-main .tiles {
    width: 100%
}

#p-blog .contacts .l-core,
#p-brands .contacts .l-core,
#p-feedback .contacts .l-core,
#p-post .contacts .l-core {
    display: flex;
    align-items: center;
    flex-direction: column
}

#p-blog .contacts .l-core>:not(:last-child),
#p-brands .contacts .l-core>:not(:last-child),
#p-feedback .contacts .l-core>:not(:last-child),
#p-post .contacts .l-core>:not(:last-child) {
    margin-bottom: 1rem
}

#p-page .description--page img {
    max-width: 100%;
    width: auto!important;
    height: auto!important
}

#p-page .description--page h1 {
    margin-top: 1em
}

#p-page .description--page {
    max-width: 1000px;
    margin: 2em auto;
    height: auto
}

#p-product .l-main,
#p-products>.l-split {
    width: 100%
}

#p-product .l-main {
    margin-top: 2em
}

.cart-block {
    display: flex;
    flex-direction: column;
    width: 100%
}

.cart-block>:not(:last-child) {
    margin-bottom: 4rem
}

.purchase {
    padding: .5em;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around
}

.purchase>* {
    margin: 1em
}

.purchase-l__item {
    flex: auto;
    min-width: 12em;
    display: flex;
    align-items: center
}

.purchase-l__item>* {
    margin: .5em
}

.purchase__image {
    width: 100px
}

.purchase__image img {
    max-width: 100%
}

.purchase__info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.purchase__info a {
    margin-bottom: 1em
}

.purchase__info span {
    margin-top: .25em;
    font-size: .85em
}

.purchase-l__pricing {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.purchase-l__pricing>* {
    margin: .3em
}

.purchase__price,
.purchase__total-price {
    white-space: nowrap
}

.purchase__total-price {
    font-weight: 700
}

.purchase__remove a {
    width: 2em;
    height: 2em
}

.purchase__remove img {
    width: 100%;
    height: 100%
}

.total-price {
    padding: 1em;
    align-self: center;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    display: inline-block
}

.orders-history {
    width: 100%
}

.orders-history__main>:not(:last-child) {
    margin-bottom: 1em
}

.orders-history .order {
    display: flex
}

.orders-history .order>:not(:last-child) {
    margin-right: 1em
}

.user {
    display: flex;
    max-width: 800px;
    flex-direction: column
}

.user>:not(:last-child) {
    margin-bottom: 4rem
}

.password-change {
    align-self: center
}

.password-change:hover {
    text-decoration: underline
}

.login__pass-reminder,
.login__register {
    align-self: center
}

.login__pass-reminder:hover,
.login__register:hover {
    text-decoration: underline
}

.checklist>:not(:last-child) {
    margin-bottom: .75em
}

.order-info__main {
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

.order-info__main>div {
    text-align: center
}

.order-info__main>:not(:last-child) {
    margin-bottom: 1em
}

.order-status__message {
    text-align: center
}

.payment {
    display: flex;
    align-items: center;
    flex-direction: column
}

.payment>:not(:last-child) {
    margin-bottom: 2em
}

.payment .payment-form {
    display: flex;
    flex-direction: column
}

.payment .payment-form>:not(:last-child) {
    margin-bottom: 2em
}

.form--textFields {
    text-transform: capitalize;
    display: flex;
    flex-direction: column
}

.form--textFields>:not(:last-child) {
    margin-bottom: 2em
}

.form--textFields .legend {
    text-align: center;
    text-transform: none
}

.form--textFields .fields-block .field {
    display: flex;
    flex-direction: column;
    align-self: center;
    min-width: 280px
}

.form--textFields .fields-block .field>:not(:first-child) {
    margin-top: .5em
}

.form--textFields .fields-block .field input,
.form--textFields .fields-block .field textarea {
    border: 1px solid #000;
    padding: .3em .8em
}

.form--textFields .fields-block .field input {
    height: 50px
}

.form--textFields .fields-block .field textarea {
    height: 150px
}

.form--textFields .fields-block .field input.input--required:-ms-input-placeholder {
    text-align: right;
    font-size: 1.2em;
    vertical-align: top
}

.form--textFields .fields-block .field input.input--required::-webkit-input-placeholder {
    text-align: right;
    font-size: 1.2em;
    vertical-align: top
}

.form--textFields .fields-block .field input.input--required::-moz-placeholder {
    text-align: right;
    font-size: 1.2em;
    vertical-align: top
}

.form--textFields .fields-block .field textarea.input--required:-ms-input-placeholder {
    text-align: right;
    font-size: 1.2em;
    vertical-align: top
}

.form--textFields .fields-block .field textarea.input--required::-webkit-input-placeholder {
    text-align: right;
    font-size: 1.2em;
    vertical-align: top
}

.form--textFields .fields-block .field textarea.input--required::-moz-placeholder {
    text-align: right;
    font-size: 1.2em;
    vertical-align: top
}

.form--textFields .captcha {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.form--textFields .captcha>:not(:last-child) {
    margin-right: 2em
}

.form--textFields .captcha .field {
    flex: auto
}

.form--textFields .captcha img {
    margin-bottom: 4px
}

.register .l-block {
    display: flex;
    flex-direction: column
}

.register .l-block>:not(:last-child) {
    margin-bottom: 1.5rem
}

.confirm {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

.confirm__captcha-input {
    padding: 1em;
    border: solid 1px #ddd;
    font-size: .8em
}

.confirm>* {
    border: 1px solid #ddd
}

.confirm>:not(:first-child) {
    margin-left: 1em
}

.filters {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.filters>:not(:last-child) {
    margin-bottom: 2em
}

.filters__h {
    font-size: 1.88em;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: .4em
}

.filters--features {
    display: flex;
    flex-direction: column
}

.filters--features>:not(:last-child) {
    margin-bottom: 1rem
}

.filters__main {
    display: flex;
    width: 100%;
    font-size: 1em;
    text-transform: none;
    justify-content: space-between;
    margin-bottom: 2em;
    flex-wrap: wrap
}

form.filters__main>div {
    position: relative
}

.filters__main>:not(:last-child) {
    margin-bottom: 1em
}

.filters__buttons {
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

.filters__buttons>* {
    width: 100px;
    text-align: center;
    padding: .2em .5em
}

.filter__main {
    display: flex;
    position: relative;
    flex-wrap: wrap
}

.filter__main>div:not(:last-child) {
    margin-right: 1em
}

.filter__h {
    color: #555;
    font-size: 85%
}

.filter--checkboxes__option {
    font-size: 85%
}

.filter--price__slider {
    min-width: 250px;
    position: absolute;
    bottom: 0
}

.filter--price {
    min-width: 280px
}

.filter--price .filter__main .display {
    margin-right: 0;
    display: flex;
    width: 100%;
    padding-bottom: 20px;
    justify-content: space-between
}

.display input {
    max-width: 50px;
    border: 0
}

.display label,
.display span {
    font-size: 12px
}

.ui-widget {
    font-family: initial!important;
    font-size: initial!important
}

.ui-widget button,
.ui-widget input {
    font-family: initial!important;
    font-size: initial!important
}

.ui-widget-content {
    border: initial!important
}

.ui-corner-all {
    border: initial!important;
    border-radius: initial!important
}

.ui-widget-content {
    background: #ddd
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .5em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: 0
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #ddd;
    color: #fff
}

.ui-widget-header a {
    color: #fff
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 0;
    background: #000
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 0;
    background: #111;
    font-weight: 400
}

.filter--checkboxes .filter__h {
    padding-bottom: 20px
}

.message--error,
.message--info,
.message--is-available,
.message--is-unavailable,
.message--no-content,
.message--success {
    display: block;
    width: 100%;
    margin: 1em auto;
    text-align: center;
    text-transform: initial
}

.message--has-no-price {
    font-size: .8em
}

.message--has-no-price a {
    display: inline;
    text-decoration: underline
}

#p-blog .tiles .menu-level-1 .link,
#p-main .tiles .menu-level-1 .link,
.button--add-comment,
.button--buyme,
.button--captcha-confirm,
.button--checkout,
.button--comments-all,
.button--confirm,
.button--filter,
.button--logout,
.button--more,
.tiles .menu-level-2 .link {
    cursor: pointer;
    align-self: center;
    background: #000;
    color: #fff
}

#p-blog .tiles .menu-level-1 .link:hover,
#p-main .tiles .menu-level-1 .link:hover,
.button--add-comment:hover,
.button--buyme:hover,
.button--captcha-confirm:hover,
.button--checkout:hover,
.button--comments-all:hover,
.button--confirm:hover,
.button--filter:hover,
.button--logout:hover,
.button--more:hover,
.tiles .menu-level-2 .link:hover {
    background: #111;
    opacity: .8
}

.button--comments-all {
    max-width: 90%;
    font-size: 1.69em;
    text-align: center;
    border: 1px solid #fff;
    outline: .5em solid rgba(255, 255, 255, .5);
    margin: .5em 0
}

#p-blog .tiles .menu-level-1 .link,
#p-main .tiles .menu-level-1 .link,
.button--add-comment,
.button--buyme,
.button--captcha-confirm,
.button--checkout,
.button--confirm,
.button--logout,
.tiles .menu-level-2 .link {
    padding: .5em 1.5em;
    font-size: 1.3em;
    text-align: center;
    margin: .5em 0
}

input.button--filter.js-filter-reset {
    background: #696969
}

.banner .button--to-catalog {
    position: absolute;
    font-size: 2em
}

.banner .button--to-catalog:after {
    content: '';
    height: 1px;
    width: 80%;
    background: #000;
    display: block;
    right: 0;
    position: absolute
}

.tiles .button--to-catalog {
    max-width: 76%
}

span.colldesc {
    font-size: 12px;
    text-transform: uppercase
}

span.collname {
    font-family: PFMonumentaPro-Regular;
    padding-right: 1.5em
}

.bg {
    width: 100%;
    background: url(/design/custom/images/bd-slider.png) no-repeat right top;
    height: 150vh;
    position: absolute;
    top: 56px;
    background-size: 70%;
    z-index: -2
}

.cart-informer__icon {
    background: url(/design/custom/images/cart.svg) no-repeat 0 0 transparent;
    width: 30px
}

.button--confirm {
    color: #fff
}

.button--buyme {
    font-size: 1em;
    position: relative;
    padding: .5em 1.5em;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: flex-start;
    background: #000;
    color: #fff;
    text-transform: uppercase
}

.button--buyme:hover {
    background: #2f2f2f;
    color: #fff
}

.button--buyme input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0 none;
    text-indent: -200%;
    background: 0 0;
    cursor: pointer
}

.ui-effects-transfer {
    border: 1px solid #fff;
    background: #f9f6f1
}

.button--filter {
    border: 0;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: none
}

.button--more {
    padding: 1em;
    align-self: stretch;
    margin-top: 1em;
    text-transform: uppercase
}

.button--more a {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center
}

.button--toolbar {
    cursor: pointer
}

.comments--latest__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.comments--latest .latest-comment {
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin: 2rem
}

.comments--latest .latest-comment__aimg {
    background: linear-gradient(145deg, #f2f2f2 27%, #c4a16e 90%);
    width: 25em;
    height: 25em;
    flex: none;
    max-width: 100%
}

.comments--latest .latest-comment .l-core {
    background: #f2f2f2;
    padding: 3em;
    position: relative;
    width: 100%;
    min-height: 15em
}

.comments--latest .latest-comment .l-core:after {
    content: '';
    width: 4em;
    height: 4em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 2em;
    right: 2em
}

.comments--latest .latest-comment .l-core a>p {
    font-size: 18px!important;
    color: #c4a16e!important
}

.comments--latest .latest-comment .l-core a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.blog {
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.post {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 3em;
    max-width: 1000px
}

.post__text ul {
    list-style: circle;
    margin-left: 20px
}

.post__text ul li {
    padding-left: 10px
}

.post__img {
    max-width: 100%
}

.post>:not(:last-child) {
    margin-bottom: 2em
}

.post-short {
    display: flex;
    justify-content: flex-end;
    position: relative;
    max-width: 100%;
    width: 730px;
    margin: 2rem
}

.post-short a {
    display: block;
    text-decoration: none!important
}

.post-short .l-core {
    width: 100%;
    flex: none;
    padding: 2em;
    position: relative
}

.post-short .l-core:after {
    content: '';
    width: 6em;
    height: 6em;
    position: absolute;
    bottom: 1.2em;
    right: 1.2em
}

.post-short__h {
    font-size: initial!important
}

.post-short__h a {
    font-size: 1.88em;
    text-transform: capitalize;
    font-weight: 400;
    text-align: left
}

.post-short__main {
    display: flex;
    flex: auto
}

.post-short__main>:not(:last-child) {
    margin-right: 1em
}

.post-short__main--l {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column
}

.post-short__main--r {
    float: right
}

.post-short__date {
    font-size: 1.5em;
    font-weight: 700
}

.post-short>a.post-short__aimg {
    width: 25em;
    height: 35em;
    flex: none;
    max-width: 100%
}

.post-short>a.post-short__aimg img {
    width: 100%;
    height: 100%
}

.post-short img {
    margin-left: auto;
    margin-right: auto
}

.comment {
    margin: 3rem auto;
    display: flex;
    flex-wrap: nowrap
}

.comment>:not(:last-child) {
    margin-right: 1rem
}

.comment>img {
    display: block
}

.comment__image {
    margin-right: 2rem
}

.comment__main {
    width: 80%;
    display: flex;
    flex-direction: column
}

.comment__main>:not(:last-child) {
    margin-bottom: 1.5rem
}

.comment__header {
    display: flex;
    flex-direction: column
}

.comment__header>:not(:last-child) {
    margin-bottom: .5rem
}

.comment__name {
    font-weight: 700
}

.comment__date {
    display: block
}

.comment__text {
    margin: .3em 0
}

.comments {
    width: 100%;
    margin: 0 auto
}

.add-comment {
    display: flex;
    flex-direction: column
}

.add-comment>:not(:last-child) {
    margin-bottom: 2rem
}

.add-comment__window {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80vw;
    max-width: 700px
}

.add-comment__window>:not(:last-child) {
    margin-bottom: 1em
}

.add-comment__form {
    width: 100%
}

.add-comment__form .input-block {
    display: flex;
    flex-direction: column
}

.add-comment__form .input-block>:not(:last-child) {
    margin-bottom: .5em
}

.add-comment__form>:not(:last-child) {
    margin-bottom: 1em
}

.add-comment__form .field {
    display: flex;
    justify-content: space-around
}

.add-comment__form .field input,
.add-comment__form .field textarea {
    width: 100%;
    padding: 1em;
    border: solid 1px #ddd;
    font-size: .8em
}

.add-comment__form .field label {
    display: flex;
    justify-content: center;
    align-items: center
}

.add-comment__form .field .upload-image {
    border: none;
    width: 200px
}

.add-comment__form textarea {
    height: 200px
}

.breadcrumbs {
    font-size: .88em
}

.breadcrumbs__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    opacity: .5
}

.breadcrumbs li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.breadcrumbs a,
.breadcrumbs span {
    margin: .25em .5em
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.pagination {
    display: flex;
    justify-content: center;
    position: fixed;
    flex-direction: column;
    align-items: center;
    top: 50%;
    right: 0;
    background: rgba(255, 255, 255, .8);
    margin-top: 2vw;
    color: #544d4a;
    font-size: 1.25em;
    text-transform: none
}

.pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2em;
    margin: .3em;
    color: #fff
}

.pagination__all,
.pagination__hellip,
.pagination__number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8em;
    height: 1.8em;
    border: 2px solid #3c3c3c;
    background: #3c3c3c;
    border-radius: 50%
}

.pagination__all:not(.is-selected):hover,
.pagination__hellip:not(.is-selected):hover,
.pagination__number:not(.is-selected):hover {
    transform: scale(1.1)
}

.pagination__hellip {
    background: 0 0;
    border: initial;
    color: #c4a16e!important
}

.pagination__all:not(.is-selected):hover {
    transform: scale(1.1)
}

.pagination .next-arrow__head--l {
    border-bottom: solid 1em transparent;
    border-top: solid 1em transparent;
    border-right: solid 1em #3c3c3c
}

.pagination .next-arrow__head--l:not(.is-selected):hover {
    transform: scale(1.1)
}

.pagination .next-arrow__head--r {
    border-bottom: solid 1em transparent;
    border-top: solid 1em transparent;
    border-left: solid 1em #3c3c3c
}

.pagination .next-arrow__head--r:not(.is-selected):hover {
    transform: scale(1.1)
}

.pagination .is-selected {
    background: 0 0;
    color: #3c3c3c
}

.back-forward {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .88em
}

.back-forward__back-to,
.back-forward__next,
.back-forward__prev {
    padding: .2em;
    margin: 1vw;
    text-align: center;
    text-decoration: underline
}

.back-forward__back-to:hover,
.back-forward__next:hover,
.back-forward__prev:hover {
    text-decoration: underline
}

.back-forward__next-arrow,
.back-forward__prev-arrow {
    font-family: Roboto
}

.album__images {
    margin-top: 3vw
}

.album .cell {
    float: left
}

.album img {
    display: block;
    width: 100%
}

.menu--pages {
    border: 1px solid #000;
    display: flex
}

.menu--pages>:not(:last-child) {
    margin-right: 1em
}

.cart {
    display: flex;
    justify-content: space-between
}

.cart-informer {
    display: flex
}

.cart-informer img {
    width: 30px;
    height: 30px
}

.cart-informer>:not(:last-child) {
    margin-right: .5em
}

.cart-informer a {
    position: relative
}

.cart-informer__text {
    font-size: 1em;
    text-transform: none
}

.cart-informer__text:hover {
    text-decoration: underline
}

.cart-informer__count {
    font-size: 12px;
    text-transform: none;
    color: #fff;
    background: #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    left: -5px
}

.cart-informer svg {
    width: 100%;
    height: 100%
}

.languages {
    display: flex
}

.languages>:not(:last-child) {
    margin-right: 1em
}

.languages select {
    border: 1px solid #fff;
    width: 55px;
    height: 30px;
    padding: 0 .5em;
    text-align: center;
    background: 0 0;
    border-radius: 30%
}

.languages select option {
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center
}

.scroll-up {
    background: rgba(255, 255, 255, .6);
    width: 2.5em;
    height: 2.5em;
    transition: opacity .1s;
    cursor: pointer;
    opacity: .6;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 90%;
    right: 10%
}

.scroll-up__square {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.scroll-up:hover {
    opacity: 1
}

.scroll-up__arrow {
    border-left: 5px solid #1b1b1b;
    border-top: 5px solid #1b1b1b;
    width: 100%;
    height: 100%;
    transform: scale(.6) rotate(45deg);
    position: absolute;
    left: 0
}

.scroll-up__arrow:first-of-type {
    top: 0
}

.scroll-up__arrow:last-of-type {
    top: 25%
}

.is-top-scroller-inactive .scroll-up__arrow {
    border-left: 5px solid grey;
    border-top: 5px solid grey
}

.scroll-up__title {
    position: absolute;
    left: -.2em;
    bottom: -35%;
    text-align: center
}

.header {
    display: flex;
    justify-content: space-between;
    padding-top: 10px
}

.header__top {
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem
}

.header__top>* {
    margin: 0 .5rem
}

.header__top--r {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 2000
}

.header__top--r>div {
    padding: 0 10px
}

.account {
    display: flex;
    background: url(/design/custom/images/account.svg) no-repeat left top;
    background-size: 24px;
    padding-left: 26px!important
}

.account>:not(:last-child) {
    margin-right: .5em
}

.account__register,
.account__username {
    order: 1
}

.account__login,
.account__logout {
    order: 3
}

.account__link {
    order: 2
}

.account a {
    display: block;
    width: 50px;
    height: 30px;
    font-size: 0.7em;
    text-transform: none;
    white-space: nowrap;
}

.account a:hover {
    text-decoration: underline
}

.search {
    flex: none;
    display: flex;
    justify-content: center;
    margin-left: 20px;
    z-index: 20
}

.search input {
    max-width: 320px;
    min-width: 0;
    padding: .4em .8em;
    color: #000;
    width: 220px;
    font-size: 1em;
    text-transform: none;
    outline: #fff;
    background: #fff;
    border: 1px solid #000
}

.search .form--search {
    display: none;
    height: 100%
}

.search__icon {
    width: 1.5em;
    height: 1.5em
}

.search button {
    background: url(/design/custom/images/search.svg) no-repeat;
    width: 30px;
    height: 30px
}

.toolbar {
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: flex-start
}

.toolbar__main {
    position: relative;
    padding: .2em .5em;
    height: 100px;
    display: flex;
    justify-content: center;
    z-index: 20
}

.toolbar__main--r {
    display: flex
}

.toolbar__main--r>:not(:last-child) {
    margin-right: 2em
}

.logo {
    width: 120px;
    height: 90px;
    flex: none
}

.logo img {
    width: 100%;
    position: relative;
    z-index: 1000
}

.menu-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    cursor: pointer;
    width: 2.2em;
    height: 1.875em
}

.menu-button__main {
    width: 100%;
    height: 100%
}

.menu-button__main.is-active-button li {
    background: #d6bd9a
}

.menu-button__main.is-active-button ul {
    position: relative;
    visibility: hidden
}

.menu-button__main.is-active-button:before,
.menu-button__main.is-active-button:hover:before {
    content: '\002715';
    font-size: 2.4375em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.menu-button ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.menu-button li {
    background: #000;
    height: 14%;
    width: 100%
}

.toolbar .menu--main {
    display: none;
    background: rgba(255, 255, 255, .95);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding-top: 4em
}

.toolbar .menu--main>ul.menu-level-1 {
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    padding: 2em 3em;
    text-transform: uppercase;
    font-size: .8em
}

.toolbar .menu--main>ul.menu-level-1>li {
    padding: 10px 0
}

.toolbar .menu--main ul.menu-level-2 {
    margin: 1em 0 .5em 3em
}

.toolbar .menu--main ul.menu-level-2>li {
    padding: 5px
}

.toolbar .menu--main>ul.menu-level-1 li:hover>a,
li.is-current>a {
    text-decoration: underline
}

.menu--footer ul li {
    text-align: center;
    margin-bottom: 10px
}

.menu--footer ul li a {
    text-decoration: underline
}

.filter-button {
    width: 2em;
    height: 2em
}

.filter-button img {
    width: 100%;
    height: 100%
}

.menu--additional ul.menu-level-1 {
    display: flex;
    flex-wrap: wrap
}

.menu--additional ul.menu-level-1>:not(:last-child) {
    margin-right: 1em
}

.dead-link {
    pointer-events: none
}

.tiles {
    width: 100%
}

#p-page .tiles ul.menu-level-1 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column
}

#p-page .tiles .menu-level-1>a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    color: #c4a16e;
    font-size: 2.5em;
    text-transform: capitalize;
    font-weight: 400
}

#p-blog .tiles .menu-level-1 .link,
#p-main .tiles .menu-level-1 .link,
.tiles .menu-level-2 .link {
    padding: 0 .5em!important;
    width: 7em;
    min-height: 3em;
    max-width: 82%!important;
    display: flex;
    justify-content: center;
    align-items: center
}

#p-blog .tiles .menu-level-1>li:not(.has-image),
#p-main .tiles .menu-level-1>li:not(.has-image),
.tiles .menu-level-2>li:not(.has-image) {
    background: radial-gradient(#f2f2f2 66%, #c4a16e 100%);
    padding: .5em;
    position: relative
}

#p-blog .tiles .menu-level-1>li:not(.has-image):before,
#p-main .tiles .menu-level-1>li:not(.has-image):before,
.tiles .menu-level-2>li:not(.has-image):before {
    height: 0;
    padding-bottom: 100%;
    content: '';
    display: block
}

#p-blog .tiles .menu-level-1>li:not(.has-image)>*,
#p-main .tiles .menu-level-1>li:not(.has-image)>*,
.tiles .menu-level-2>li:not(.has-image)>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#p-blog .tiles .menu-level-1>li:not(.has-image) .overlay,
#p-main .tiles .menu-level-1>li:not(.has-image) .overlay,
.tiles .menu-level-2>li:not(.has-image) .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

#p-blog .tiles .menu-level-1>li.has-image,
#p-main .tiles .menu-level-1>li.has-image,
.tiles .menu-level-2>li.has-image {
    position: relative
}

#p-blog .tiles .menu-level-1>li.has-image:before,
#p-main .tiles .menu-level-1>li.has-image:before,
.tiles .menu-level-2>li.has-image:before {
    height: 0;
    padding-bottom: 100%;
    content: '';
    display: block
}

#p-blog .tiles .menu-level-1>li.has-image>*,
#p-main .tiles .menu-level-1>li.has-image>*,
.tiles .menu-level-2>li.has-image>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#p-blog .tiles .menu-level-1>li.has-image .overlay,
#p-main .tiles .menu-level-1>li.has-image .overlay,
.tiles .menu-level-2>li.has-image .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

#p-blog .tiles .menu-level-1>li.has-image img,
#p-main .tiles .menu-level-1>li.has-image img,
.tiles .menu-level-2>li.has-image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

#p-main .tiles .menu-level-1 .link {
    min-height: initial
}

.tiles .image-link {
    pointer-events: none
}

h2.headmain {
    text-align: left;
    margin-bottom: 1em
}

.main-preview-catalog li .overlay a {
    font-family: PFMonumentaPro-Regular;
    font-size: 1.5em;
    padding: 1em 0;
    text-align: left;
    transition: all .5s;
    display: flex;
    flex-direction: column
}

.main-preview-catalog .overlay a span.brand {
    font-size: .8em
}

.main-preview-catalog li {
    position: relative;
    margin-bottom: 1.5em;
    width: 100%
}

.main-preview-catalog li:hover .overlay a {
    color: #000;
    opacity: 1;
    transition: all .5s
}

.footer {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 1rem 2rem;
    font-size: .88em;
    text-transform: none
}

.footer>:not(:last-child) {
    margin-bottom: 1rem
}

.footer__t>* {
    margin: 1.5rem
}

.footer__t a {
    text-transform: uppercase
}

.footer__l {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-shrink: 3;
    width: 300px
}

.footer__l>:not(:last-child) {
    margin-bottom: 3rem
}

.footer__l .logo {
    width: 100%
}

.footer__m {
    display: flex;
    justify-content: space-between;
    flex: auto;
    flex-wrap: wrap
}

.footer__m>* {
    margin: .75em
}

.menu--footer {
    flex: none;
    font-size: 1em;
    text-transform: none
}

.menu--footer__h {
    font-weight: 400;
    margin-bottom: .5em;
    text-transform: uppercase;
    opacity: .5
}

.footer__r {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 10
}

.footer__r .payment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.footer__r .payment-systems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.footer__r .payment-systems img {
    margin: 1em
}

.footer__b {
    display: flex;
    flex-direction: column;
    opacity: .8;
    justify-content: center;
    align-items: center
}

ul.p-slide li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s
}

.copyrights {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
    align-items: center
}

.copyrights>* {
    margin: .5em
}

.copyrights .site {
    display: flex
}

.copyrights .site>:not(:last-child) {
    margin-right: .5em
}

.banner .bg-slider .slide-1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.banner .bg-slider .slide-2 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.banner .bg-slider .slide-3 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.banner .bg-slider .slide-4 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.banner .overlay {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.banner .overlay>:not(:last-child) {
    margin-bottom: 5rem
}

.motto {
    max-width: 100%;
    line-height: 1em
}

.description {
    position: relative;
    max-width: 1600px!important
}

.description__main {
    padding: 2em 4rem;
    text-align: center;
    box-sizing: border-box
}

.dm-f,
.dm-f2 {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 4em;
    max-width: 1200px
}

.dm-f-img {
    width: 100%
}

.dm-f-text {
    width: 100%;
    font-size: 14px
}

.dm-f-img img {
    max-width: 100%;
    height: auto
}

.dm-f-text h1 {
    text-align: left;
    font-size: 1.5em;
    position: relative;
    margin: 1em 0
}

.dm-f-text h1 span {
    display: block;
    font-size: 130%
}

a.upperlink {
    text-transform: uppercase;
    text-decoration: underline
}

.m-bg-p {
    background: url(/design/custom/images/bg2-m.jpg) no-repeat;
    min-height: 600px;
    margin: 3em 0;
    background-size: cover;
    font-family: PFMonumentaPro-Regular;
    color: #fff;
    position: relative;
    width: 100%;
    padding: 4em 0
}

.dm-f-2 {
    position: absolute;
    padding: 2em 2em 4em;
    box-sizing: border-box;
    width: 100%
}

.dm-f-2 p {
    text-align: left
}

#l-main p.dm-f-p-1 {
    font-size: 2.5vh;
    margin-bottom: 30px
}

#l-main p.dm-f-p-2 {
    font-size: 5vh;
    margin-bottom: 30px
}

#l-main p.dm-f-p-3 {
    font-size: 4.5vh;
    margin-bottom: 30px;
    padding-left: 15%
}

#l-main p.dm-f-p-4 {
    font-size: 4vh;
    margin-bottom: 30px;
    padding-left: 2%
}

#l-main p.dm-f-p-5 {
    font-size: 6vh;
    margin-bottom: 30px;
    padding-left: 40%
}

.dm-f-img-2 img {
    max-width: 85%;
    height: auto;
    margin-top: -150px;
    display: inline
}

.dm-f-img-2 {
    text-align: right
}

#p-main .description--page {
    text-align: left
}

.carousel {
    border: 1px solid #000;
    position: relative
}

.carousel.product-gallery:not(.vertical) {
    padding: 0 2em
}

.vertical .slide-box {
    position: relative
}

.vertical .slide-box:before {
    height: 0;
    padding-bottom: 150%;
    content: '';
    display: block
}

.vertical .slide-box>* {
    position: absolute
}

.vertical .slide-box .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vertical .slide-box .slide .product-view {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.carousel--hor .carousel__arrow--l,
.carousel--hor .carousel__arrow--r,
.carousel--vert .carousel__arrow--b,
.carousel--vert .carousel__arrow--t,
.carousel__arrow--l,
.carousel__arrow--r {
    transition: opacity .5s;
    cursor: pointer
}

.carousel--hor .carousel__arrow--l:hover,
.carousel--hor .carousel__arrow--r:hover,
.carousel--vert .carousel__arrow--b:hover,
.carousel--vert .carousel__arrow--t:hover {
    opacity: .6
}

.carousel--hor .carousel__arrow--l,
.carousel--hor .carousel__arrow--r,
.carousel__arrow--l,
.carousel__arrow--r {
    position: absolute;
    top: 50%;
    z-index: 100;
    transform: translateY(-50%);
    width: 1.5em
}

.carousel__arrow--l:after,
.carousel__arrow--l:before,
.carousel__arrow--r:after,
.carousel__arrow--r:before {
    content: '';
    display: block;
    background: #fff;
    width: .25em;
    height: 2em
}

.carousel--vert .carousel__arrow--b,
.carousel--vert .carousel__arrow--t {
    width: 100%;
    height: 2.5em;
    position: absolute;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .6)
}

.carousel--vert .carousel__arrow--b:after,
.carousel--vert .carousel__arrow--b:before,
.carousel--vert .carousel__arrow--t:after,
.carousel--vert .carousel__arrow--t:before {
    content: '';
    display: block;
    background: #fff;
    width: .25em;
    height: 2em;
    position: absolute;
    left: 50%
}

.carousel--hor,
.carousel--vert {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.carousel--hor .slide,
.carousel--vert .slide {
    cursor: pointer
}

.carousel--hor .carousel__dots,
.carousel--vert .carousel__dots {
    width: 100%;
    height: 40px
}

.carousel--hor .slick-dotted,
.carousel--vert .slick-dotted {
    margin: 0!important
}

.carousel--hor .slick-dots,
.carousel--vert .slick-dots {
    display: flex!important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    position: static!important
}

.carousel__main {
    width: 100%
}

.carousel--vert {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative
}

.carousel--vert .is-slide-active,
.carousel--vert .slick-current {
    border: 1px solid #fff!important
}

.carousel--vert .slide:not(.is-slide-active),
.carousel--vert .slide:not(.slick-current) {
    border: 1px solid grey
}

.carousel--vert li {
    margin: .1em 0
}

.carousel--vert .carousel__arrow--t {
    top: 0
}

.carousel--vert .carousel__arrow--t:after,
.carousel--vert .carousel__arrow--t:before {
    top: 20%
}

.carousel--vert .carousel__arrow--b {
    bottom: 0
}

.carousel--vert .carousel__arrow--b:after,
.carousel--vert .carousel__arrow--b:before {
    bottom: 10%
}

.carousel--vert .carousel__arrow--t {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column
}

.carousel--vert .carousel__arrow--t:before {
    transform: translateX(-350%) rotate(60deg);
    transform-origin: right
}

.carousel--vert .carousel__arrow--t:after {
    transform: translateX(350%) rotate(-60deg);
    transform-origin: left
}

.carousel--vert .carousel__arrow--b {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column
}

.carousel--vert .carousel__arrow--b:before {
    transform: translateX(-300%) rotate(-60deg);
    transform-origin: left
}

.carousel--vert .carousel__arrow--b:after {
    transform: translateX(300%) rotate(60deg);
    transform-origin: right
}

.carousel--hor .slick-track {
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel--hor .carousel__top {
    position: relative
}

.carousel__arrow--l {
    left: 14px
}

.carousel__arrow--r {
    right: 14px
}

.carousel--hor.related-products__main li {
    margin: 0 1rem
}

.carousel--hor.product-gallery__main li {
    margin: 0 .5rem
}

.carousel--hor.product-gallery__main .is-slide-active,
.carousel--hor.product-gallery__main .slick-current {
    border: 1px solid #fff!important
}

.carousel--hor.product-gallery__main .slide:not(.is-slide-active),
.carousel--hor.product-gallery__main .slide:not(.slick-current) {
    border: 1px solid grey
}

.carousel--hor.product-big-image__main li {
    margin: 0 0 3em 0
}

.carousel--hor.product-big-image__main .slick-list,
.carousel--hor.product-big-image__main .slick-track {
    display: block
}

.carousel--hor.album__images .slide {
    border: 1px solid #fff
}

.carousel--hor.album__images .slide__name {
    width: 100%;
    height: 2.5em;
    background: rgba(255, 255, 255, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    z-index: 3
}

.carousel--hor.album__images .slide .l-box--image,
.p-images-carousel {
    position: relative
}

.carousel--hor.album__images .slide .l-box--image:before {
    height: 0;
    padding-bottom: 66.66666666666667%;
    content: '';
    display: block
}

.carousel--hor.album__images .slide .l-box--image img {
    width: 100%;
    height: 100%
}

.carousel__arrow--l {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column
}

.carousel__arrow--l:before {
    transform: translateY(15%) rotate(30deg);
    transform-origin: top
}

.carousel__arrow--l:after {
    transform: translateY(-15%) rotate(-30deg);
    transform-origin: bottom
}

.carousel__arrow--r {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column
}

.carousel__arrow--r:before {
    transform: translateY(15%) rotate(-30deg);
    transform-origin: top
}

.carousel__arrow--r:after {
    transform: translateY(-15%) rotate(30deg);
    transform-origin: bottom
}

.banner .slick-list,
.banner .slick-track {
    width: 100%;
    height: 100%
}

.item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    background: #fff;
    margin-bottom: 2em
}

.recommended {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 12%
}

.new {
    color: red;
    font-size: .88em;
    text-transform: none
}

.item:hover .nameplate {
    color: #000
}

.entry__title {
    display: inline-block;
    margin-right: .5em
}

.nameplate {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    transition: all .5s;
    padding: 0
}

.nameplate>:not(:last-child) {
    margin-bottom: .5em
}

.nameplate__name {
    width: 100%;
    padding-top: .5em
}

.nameplate__name a {
    font-size: 18px;
    font-weight: 400
}

.product-presentation {
    align-self: center;
    width: 100%
}

.product-presentation>:not(:last-child) {
    margin-bottom: 3rem
}

.product-name {
    color: #000;
    margin-top: 1em;
    font-size: 1.7em;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left
}

.product-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.product-info .entry {
    text-align: left
}

.product-info .sku {
    font-size: 1.25em;
    text-transform: none;
    margin-bottom: 1em!important
}

.product-info .variants {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 1em;
    text-transform: none
}

.product-info .variants .variant {
    margin-top: .5em;
    margin-bottom: .5em;
    display: flex;
    align-items: center
}

.product-info .variants .variant>:not(:last-child) {
    margin-right: 1em
}

.product-info .variants .variant__title {
    color: #000
}

.amount span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 1em
}

.amount select {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1em;
    cursor: pointer;
    color: #000;
    text-transform: none;
    border: 0 none;
    background: #fff;
    outline: #fff
}

.amount select option {
    padding: 0 1em
}

.sizes {
    min-height: 1.2em;
    display: flex
}

.colors>:not(:last-child),
.sizes>:not(:last-child) {
    margin-right: .5em
}

.colors input,
.sizes input {
    display: none
}

.colors label,
.sizes label {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    color: #6b6b6b;
    padding: 5px 8px;
    position: relative
}

.sizes span {
    position: relative
}

.sizes label {
    border: 1px solid #000
}

.colors label:after,
.sizes label:after {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.colors input[type=radio]:checked+label:after,
.sizes input[type=radio]:checked+label:after {
    background: rgba(187, 187, 187, .1);
    border: 1px solid #000
}

.sizes input[type=radio]:checked+label {
    border-color: transparent
}

.view--size-chart {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    text-transform: uppercase
}

.view--size-chart:hover {
    text-decoration: underline
}

#js-size-chart {
    max-width: 100%
}

#js-size-chart img {
    width: 100%
}

.js-size-chart {
    position: fixed;
    display: none;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
    background: url(/design/custom/images/sizechart.jpg) no-repeat center top;
    background-size: contain;
    height: 80%;
    max-width: 1024px;
    z-index: 1000
}

#shopfinder {
    display: flex;
    flex-direction: column-reverse
}

#shopfinder .filter {
    margin-bottom: 1.5em
}

#shopfinder select.city,
#shopfinder select.country {
    display: block;
    font-size: 18px;
    margin: 1.5em 0;
    height: 30px;
    width: 280px;
    border: solid 1px #000;
    color: #000
}

.shopfinder .shops {
    width: 100%;
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start
}

.shopfinder .shops .shop {
    margin: 10px 10px 0 0;
    padding: 15px;
    cursor: pointer;
    width: 280px;
    box-sizing: border-box;
    border: solid 1px #000
}

.shopfinder .shops .shop h2 {
    font-size: 15px;
    text-align: left
}

.js-viewsize-open .js-size-chart {
    display: block
}

.close-sizechart {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 15px;
    top: 2px;
    background: #000;
    cursor: pointer
}

.close-sizechart:before {
    content: '\002715';
    font-size: 2.4375em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.product-info .features {
    font-size: 1em;
    text-transform: none;
    margin-top: 1em;
    align-self: stretch
}

.product-info .features>:not(:last-child) {
    margin-bottom: .5em
}

.to-cart {
    align-self: stretch
}

.to-cart .price__value>:not(:last-child) {
    margin-right: .25em
}

.to-cart .variant-price {
    display: flex
}

.to-cart .variant-price>:not(:last-child) {
    margin-right: 1em
}

.price.price--compare {
    opacity: .5
}

.nameplate .to-cart {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.pricing {
    color: #646464
}

.product-info .to-cart {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-size: 1.25em;
    text-transform: none
}

.product-info .to-cart>:not(:last-child) {
    margin-bottom: 1.5em
}

.product-info .to-cart .pricing {
    font-size: 20px
}

.has-no-price {
    font-size: 12px
}

.product-info .to-cart .pricing__cont {
    text-align: right;
    position: absolute;
    right: 2.5em;
    top: 2.4em
}

.product-info .to-cart .pricing__cont>:not(:last-child) {
    margin-right: 1em
}

.whole-login {
    font-size: 12px;
    width: 170px;
    margin-top: 2em
}

.to-cart-image .l-imagelink {
    padding: 2%;
    background: #fff
}

.to-cart-image img {
    width: 100%;
    position: static!important
}

.product-image {
    position: relative
}

.toolbar {
    z-index: 1000!important
}

.browsed {
    border: 1px solid #000;
    min-width: 200px
}

.browsed__title {
    font-size: 1em;
    width: 100%
}

.browsed__main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.browsed__main .item {
    border: 1px solid #000;
    width: 120px
}

.browsed__main .item__image {
    width: 120px;
    height: 150px
}

.browsed__main img {
    border: 1px solid #000
}

.product-kits {
    width: 100%
}

.product-kits__main {
    display: flex;
    flex-direction: column;
    width: 100%
}

.product-kits__main>:not(:last-child) {
    margin-bottom: 2em
}

.product-kits__main .kit {
    width: 100%;
    padding: 1em;
    display: flex;
    flex-direction: column
}

.product-kits__main .kit>:not(:last-child) {
    margin-bottom: 1em
}

.product-kits__main .kit__description {
    text-align: center
}

.product-kits__main .kit .form--kit {
    display: flex;
    flex-direction: column
}

.product-kits__main .kit .form--kit>:not(:last-child) {
    margin-bottom: 2em
}

.product-kits__main .kit__products {
    justify-content: space-around!important;
    flex-wrap: nowrap!important;
    border: 1px solid #fff
}

.product-kits__main .kit__products .divider {
    margin: .25em 0 .25em 3%;
    align-self: center;
    font-size: 8rem;
    flex-shrink: 5
}

.product-kits__main .kit__to-cart {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.product-kits__main .kit__to-cart>:not(:last-child) {
    margin-bottom: 1em
}

.product-kits__main .kit__pricing {
    display: flex;
    flex-direction: column
}

.product-kits__main .kit__pricing>:not(:last-child) {
    margin-bottom: 1em
}

.product-kits__main .kit__pricing>* {
    display: flex;
    justify-content: space-between
}

.product-kits__main .kit .buyme {
    width: 100%
}

body {
    font-size: 16px
}

.l-board {
    align-self: stretch;
    position: relative
}

.l-mixin-shell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

.l-mixin-shell>* {
    max-width: 100%
}

.l-shell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

.l-shell>* {
    max-width: 100%
}

.l-core,
.l-core--form {
    max-width: 100%;
    align-self: center;
    display: flex;
    flex-direction: column
}

.l-core--form>:not(:last-child),
.l-core>:not(:last-child) {
    margin-bottom: 2rem
}

.l-svg-cont {
    width: 100%
}

.l-section {
    display: flex;
    flex-direction: column;
    align-self: center;
    max-width: 100%
}

.l-section>:not(:last-child) {
    margin-bottom: 2rem
}

.l-split {
    border: 1px solid transparent;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative
}

.l-split .l-sidebar {
    width: 15.81em;
    margin-right: 2rem;
    flex: none;
    flex: none
}

.l-split .l-sidebar>:not(:last-child) {
    margin-bottom: 2rem
}

.l-split .l-content {
    width: 1px;
    flex: auto
}

.l-split-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: stretch;
    position: relative
}

.l-split-product__l {
    display: flex;
    align-items: stretch;
    flex-direction: column
}

.l-split-product__l>:not(:last-child) {
    margin-bottom: 1em
}

.l-split-product__l .carousel {
    width: 100%
}

.l-split-product__m {
    width: 14.9%;
    flex: none;
    margin-left: 1rem!important
}

.l-split-product__r {
    padding: 1em 3em;
    flex: none;
    position: relative;
    right: 10%;
    min-width: 550px;
    width: 30%;
    border: solid 1px #000
}

.l-split-product__r>:not(:last-child) {
    margin-bottom: .5rem
}

.l-catalog--flex {
    width: 100%
}

.featured--catalog__main {
    justify-content: space-around!important
}

.l-top-stripe {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em
}

.l-top-stripe>:not(:last-child) {
    margin-bottom: 1rem
}

.products-top--left,
.products-top--right {
    display: flex;
    justify-content: center;
    align-items: center
}

.products-top--left {
    padding: 20px;
    background: #c38488
}

.products-top--right {
    background: rgba(255, 255, 255, .75);
    padding: 20px;
    flex: auto
}

.zoomContainer {
    z-index: 5!important
}

.zoomWindow,
.zoomWindowContainer {
    width: 100%!important;
    height: 100%!important
}

.l-image-link img {
    max-width: 100%
}

.l-box--image {
    position: relative
}

.l-box--image:before {
    height: 0;
    padding-bottom: 150%;
    content: '';
    display: block
}

.l-box--image>* {
    position: absolute
}

.l-box__overlay,
.l-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.contain-image img {
    max-width: 100%;
    max-height: 100%
}

.object-fit__cont {
    overflow: hidden;
    height: 100%
}

.object-fit__cont img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .7s
}

.l-catalog--flex>.item:hover img,
.main-preview-catalog li:hover img {
    transform: scale(.97)
}

.object-fit__cont.compat-object-fit img {
    display: none
}

.object-fit__cont--contain {
    overflow: hidden
}

.object-fit__cont--contain img {
    object-fit: contain
}

.object-fit__cont--contain.compat-object-fit img {
    display: none
}

.compat-object-fit {
    background-size: cover;
    background-position: center center
}

.compat-object-fit--contain {
    background-size: contain;
    background-position: center center
}

.rate {
    display: block;
    margin-bottom: 1em!important;
    width: 210px;
    height: 35px;
    background-image: url(/design/custom/images/rate.png);
    background-position: 50% 0;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.add-comment__window rate {
    cursor: pointer
}

a.statcounter {
    display: none
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    background: #00000063;
    width: 100%;
    height: 100Vh;
    display: none;
    justify-content: space-around;
    z-index: 2000;
    align-items: center
}

body.show-popup .popup {
    display: flex
}

.closebanner {
    position: absolute;
    top: 17px;
    width: 23px;
    cursor: pointer;
    right: 30px;
    height: 23px;
    background: url(/design/custom/images/closebanner.png)
}

@media only screen and (min-width:30em) {
    #p-main .description {
        width: 100%
    }
    #p-main .tiles {
        display: flex;
        justify-content: space-between
    }
    #p-main .tiles--l,
    #p-main .tiles--r {
        flex-basis: 50%
    }
    #p-main .tiles--r .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    #p-main .tiles--r .menu>li:not(:nth-child(2n+1)) {
        margin-left: 0
    }
    #p-main .tiles--r .menu>li {
        width: 50%;
        margin-bottom: 0
    }
}

@media only screen and (min-width:56.25em) {
    .form--textFields .fields-block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }
    .form--textFields .fields-block>div:not(:nth-child(2n+1)) {
        margin-left: 0
    }
    .form--textFields .fields-block>div {
        width: 100%;
        margin-bottom: 1em
    }
    .banner {
        top: -110px
    }
}

@media screen and (min-width:64em) {
    #p-blog,
    #p-brands,
    #p-cart,
    #p-comments,
    #p-feedback,
    #p-login,
    #p-main,
    #p-order,
    #p-page,
    #p-password-remind,
    #p-post,
    #p-product,
    #p-products,
    #p-register,
    #p-shopfinder,
    #p-user,
    #p-wholesaleorder {
        padding: 20px
    }
    .l-split-product__r {
        position: sticky;
        position: -webkit-sticky;
        top: 50px;
        align-self: start;
        right: 20px;
        min-width: 500px
    }
    .dm-f-2 {
        position: absolute;
        left: 50%
    }
    .l-split-product__l {
        width: 45%;
        flex: none
    }
    .dm-f-img {
        width: 59%
    }
    .dm-f-text {
        font-size: 14px;
        width: 36%
    }
    .toolbar {
        min-width: 290px
    }
    .footer__m {
        max-width: 90%;
        margin: 0 auto
    }
    .buttons-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }
    .menu--footer {
        min-width: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        border-top: solid 1px #000;
        margin-top: 3em
    }
    .is-fixed {
        visibility: initial!important
    }
    .button--to-catalog {
        position: absolute;
        top: 75%;
        left: 75%;
        transform: translate(-50%, -50%)
    }
    .banner .button--to-catalog {
        top: 50%;
        left: 50%
    }
    .motto {
        position: absolute;
        top: 50%;
        left: 75%;
        width: 5em;
        transform: translate(-50%, -50%)
    }
    html {
        font-size: 1vw
    }
    .banner.font-controller {
        font-size: 1vw
    }
    .products-top {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between
    }
    .products-top--left {
        width: 35em
    }
    .smilarbg {
        background-size: 100% auto
    }
    .main-preview-catalog,
    .main-preview-catalog ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%
    }
    .main-preview-catalog li {
        width: 32%
    }
    .main-preview-catalog li .object-fit__cont {
        height: 450px
    }
    .main-preview-catalog li:nth-child(1),
    .main-preview-catalog li:nth-child(2) {
        width: 48%
    }
    .description__main .main-preview-catalog li {
        width: 32%!important
    }
    .footer__r {
        flex-basis: 300px
    }
    .banner {
        position: relative
    }
    .banner:before {
        height: 0;
        padding-bottom: 46.875%;
        content: '';
        display: block
    }
    .banner>* {
        position: absolute
    }
    .banner .bg-slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width:699px) {
    .search .form--search {
        position: absolute;
        top: 90px;
        left: 0;
        z-index: 2000;
        margin-left: .5em
    }
    .banner .slick-slide {
        display: block;
        background-size: contain!important;
        background-position: center top!important
    }
    .purchase {
        justify-content: space-between;
        flex-direction: column
    }
    .comments--latest .latest-comment {
        width: 400px;
        flex-direction: column
    }
    .comments--latest .latest-comment:not(.no-image) .l-core {
        margin-top: -200px
    }
    .no-image .latest-comment__aimg {
        display: none
    }
    .post-short {
        width: 400px;
        flex-direction: column
    }
    .post-short .l-core {
        margin-top: -100px
    }
    .header__top--r {
        flex: auto;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 130px
    }
    .header__top--r>div {
        padding: 0 4px
    }
    .logo {
        width: 90px
    }
    .lof {
        order: 1;
        margin: 0 auto;
        width: 100%
    }
    .menu--footer {
        order: 2;
        width: 100%;
        margin: .5em auto
    }
    .logo,
    .menu-button,
    .search {
        margin-top: 10px
    }
    .toolbar .menu--main {
        flex-direction: column
    }
    .toolbar .menu--main>ul.menu-level-1:last-child {
        padding-top: 0
    }
    .toolbar .menu--main>ul.menu-level-1:first-child {
        padding-bottom: 0
    }
    .menu--additional {
        display: none
    }
    #p-main .tiles {
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }
    .footer {
        padding: .5em 1em
    }
    .carousel--hor.album__images .slide .l-box--image {
        position: relative
    }
    .carousel--hor.album__images .slide .l-box--image:before {
        height: 0;
        padding-bottom: 100%;
        content: '';
        display: block
    }
    .product-kits__main .kit__products .divider {
        display: none
    }

}

@media only screen and (max-width:56.1875em) {
a.l-image-link, a.l-image-link img, a.l-image-link:hover, a.l-image-link:hover img, .zoomContainer, .zoomWindowContainer  {
    pointer-events: none!important;
}
.l-split-product__l .carousel__main {
    pointer-events: none;
}
    .form--textFields .fields-block {
        display: flex;
        align-items: center;
        flex-direction: column
    }
    .form--textFields .fields-block>:not(:last-child) {
        margin-bottom: 2rem
    }
    .form--textFields .fields-block .field {
        width: 100%
    }
    .form--textFields .button--captcha-confirm,
    .form--textFields .button--confirm {
        width: 100%
    }
    .header__top {
        flex-direction: column
    }
    .l-core--form {
        width: 400px
    }
    .l-split-product__r {
        right: 0;
        min-width: 550px;
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width:31.1875em) {
    .confirm>:not(: last-child) {
        margin-bottom: .5em
    }
    .confirm .button--captcha-confirm,
    .confirm .button--confirm {
        width: 100%;
        margin-left: 0!important
    }
    .menu--footer:last-child {
        flex: auto
    }
    section.video {
        display: none
    }
    .home-s {
        height: calc(100vh - 10px);
        justify-content: flex-start;
        padding-top: 2em
    }
    .home-s h2 {
        font-size: 2em
    }
}

@media only screen and (min-width:25em) and (max-width:79.9375em) {
    .comments--latest .latest-comment {
        width: 730px
    }
}

@media only screen and (min-width:37.5em) {
    .comments--latest .latest-comment .l-core {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:47.9em) {
    .search .form--search {
        position: absolute;
        top: 100px;
        left: 0;
        z-index: 2000;
        margin-left: .5em
    }
}

@media only screen and (min-width:48em) {
    .search .form--search {
        position: absolute;
        top: 19px;
        left: 160px;
        z-index: 3
    }
    .dm-f-2 {
        width: 50%
    }
}

@media only screen and (min-width:31.25em) {
    .comments--latest .latest-comment .l-core {
        width: 31.25em;
        height: 15em
    }
}

@media only screen and (min-width:23.125em) {
    .post-short .l-core {
        width: 23.13em;
        height: 23.13em
    }
}

@media only screen and (max-width:29.9375em) {
    .comment {
        align-items: center;
        flex-direction: column
    }
    .comment>:not(:last-child) {
        margin-bottom: 2rem
    }
    .comment__header {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .comment__reply {
        margin-left: auto;
        margin-right: auto
    }
    .footer__m {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media only screen and (max-width:26.1875em) {
    .cart-informer__text {
        display: none
    }
    .account span:first-of-type {
        display: none
    }
}

@media only screen and (max-width:79.9375em) {
    .toolbar__main {
        justify-content: space-between
    }
    .footer__t {
        flex-wrap: wrap
    }
    .l-split-product__m {
        display: none
    }
}

@media screen and (min-width:0em) and (max-width:34.9em) {
    #p-blog .tiles ul.menu-level-1,
    #p-page .tiles ul.menu-level-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-content: space-around
    }
    #p-blog .tiles ul.menu-level-1>li:not(:nth-child(1n+1)),
    #p-page .tiles ul.menu-level-2>li:not(:nth-child(1n+1)) {
        margin-left: 0
    }
    #p-blog .tiles ul.menu-level-1>li,
    #p-page .tiles ul.menu-level-2>li {
        width: 100%;
        margin-bottom: 0
    }
    .browsed__main {
        height: 320px;
        overflow: scroll
    }
    .product-kits__main .kit__products {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .product-kits__main .kit__products>.item:not(:nth-child(2n+1)) {
        margin-left: 3%
    }
    .product-kits__main .kit__products>.item {
        width: 48.5%;
        margin-bottom: 1em
    }
    .l-catalog--flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .l-catalog--flex>.item:not(:nth-child(1n+1)) {
        margin-left: 2%
    }
    .l-catalog--flex>.item {
        width: 100%
    }
    .main-preview-catalog {
        display: flex;
        flex-direction: column
    }
    .m-bg-p {
        background-position: -300px 0
    }
    .dm-f-img-2 img {
        margin-top: 0;
        max-width: 100%
    }
}

@media screen and (min-width:34.9em) and (max-width:49.9375em) {
    #p-blog .tiles ul.menu-level-1,
    #p-page .tiles ul.menu-level-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-content: space-around
    }
    #p-blog .tiles ul.menu-level-1>li:not(:nth-child(2n+1)),
    #p-page .tiles ul.menu-level-2>li:not(:nth-child(2n+1)) {
        margin-left: 0
    }
    #p-blog .tiles ul.menu-level-1>li,
    #p-page .tiles ul.menu-level-2>li {
        width: 50%;
        margin-bottom: 0
    }
    .l-catalog--flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .l-catalog--flex>.item:not(:nth-child(2n+1)) {
        margin-left: 2%
    }
    .l-catalog--flex>.item {
        width: 49%
    }
    .menu--footer {
        min-width: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        border-top: solid 1px #000;
        margin-top: 3em
    }
    .header__top--r,
    .toolbar {
        min-width: 200px;
        max-width: 200px;
        box-sizing: border-box
    }
    .header__top--r {
        justify-content: flex-end
    }
}

@media screen and (min-width:50em) and (max-width:79.9375em) {
    #p-blog .tiles ul.menu-level-1,
    #p-page .tiles ul.menu-level-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-content: space-around
    }
    #p-blog .tiles ul.menu-level-1>li:not(:nth-child(3n+1)),
    #p-page .tiles ul.menu-level-2>li:not(:nth-child(3n+1)) {
        margin-left: 0
    }
    #p-blog .tiles ul.menu-level-1>li,
    #p-page .tiles ul.menu-level-2>li {
        width: 33.333333333333336%;
        margin-bottom: 0
    }
    .l-catalog--flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .l-catalog--flex>.item:not(:nth-child(3n+1)) {
        margin-left: 0
    }
    .l-catalog--flex>.item {
        width: 31%
    }
    ul.p-slide li img {
        min-height: 456px
    }
}

@media screen and (min-width:80em) {
    .main-preview-catalog li {
        width: 31%
    }
    .menu--footer {
        min-width: 300px
    }
    .banner {
        top: -130px
    }
    article.descriptionpage>div:last-child {
        width: 56%
    }
    article.descriptionpage>div:first-child {
        width: 40%
    }
    ul.p-slide li img {
        min-height: 540px
    }
    .main-preview-catalog li .object-fit__cont {
        height: 450px
    }
    .main-preview-catalog li:nth-child(1),
    .main-preview-catalog li:nth-child(2) {
        width: 48%
    }
    #p-blog .tiles ul.menu-level-1,
    #p-page .tiles ul.menu-level-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-content: space-around
    }
    #p-blog .tiles ul.menu-level-1>li:not(:nth-child(4n+1)),
    #p-page .tiles ul.menu-level-2>li:not(:nth-child(4n+1)) {
        margin-left: 0
    }
    #p-blog .tiles ul.menu-level-1>li,
    #p-page .tiles ul.menu-level-2>li {
        width: 25%;
        margin-bottom: 0
    }
    .l-catalog--flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .l-catalog--flex>.item:not(:nth-child(4n+1)) {
        margin-left: 0
    }
    .l-catalog--flex>.item {
        width: 31%;
        position: relative
    }
    .comments--latest .latest-comment {
        width: 45%
    }
    #p-blog,
    #p-brands,
    #p-cart,
    #p-comments,
    #p-feedback,
    #p-login,
    #p-main,
    #p-order,
    #p-page,
    #p-password-remind,
    #p-post,
    #p-product,
    #p-products,
    #p-register,
    #p-shopfinder,
    #p-user,
    #p-wholesaleorder,
    .footer,
    .header {
        padding: 20px 50px
    }
    .is-fixed .toolbar-menu,
    .is-fixed .toolbar__main {
        display: flex!important
    }
    .toolbar__main {
        height: 100%
    }
    .l-split-product__r {
        right: 100px
    }
}

@media screen and (min-width:100em) {
    ul.p-slide li img {
        min-height: 732px
    }
    .main-preview-catalog li .object-fit__cont {
        height: 640px
    }
}

@media screen and (min-width:110em) {
    ul.p-slide li img {
        min-height: 832px
    }
}

@media only screen and (max-width:63.9375em) {
    .banner {
        height: 25em
    }
    .banner .bg-slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .banner .overlay {
        justify-content: flex-end;
        padding-bottom: 2em
    }
    .motto {
        font-size: 2em;
        text-align: center;
        padding: .5em;
        background: rgba(255, 255, 255, .4);
        border: 1px solid #fff
    }
    html {
        font-size: 1vw
    }
    .banner.font-controller {
        font-size: 16px
    }
    .l-board {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column
    }
}

@media only screen and (min-width:37.5em) and (max-width:49.9375em) {
    .carousel--hor.album__images .slide .l-box--image {
        position: relative
    }
    .carousel--hor.album__images .slide .l-box--image:before {
        height: 0;
        padding-bottom: 80%;
        content: '';
        display: block
    }
}

@media screen and (max-width:30em) {
    .l-split-product {
        flex-direction: column
    }
    .l-split-product>:not(:last-child) {
        margin-bottom: 1em
    }
    .l-split-product__r {
        right: 0;
        min-width: 0;
        width: 100%;
        margin-left: 0
    }
    .filters__buttons {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }
    .banner {
        height: 17em
    }
    .banner .overlay {
        transform: scale(.8)
    }
    #l-main p.dm-f-p-4 {
        font-size: 3vh
    }
    #l-main p.dm-f-p-3 {
        font-size: 3.5vh
    }
    .dm-f-text h1:before,
    .dm-f-text h2:before,
    article.descriptionpage h2:before {
        display: none
    }
    .m-bg-p {
        margin: 0
    }
    .l-split-product__r {
        padding: 1em 2em
    }
    .product-info .to-cart .pricing__cont {
        text-align: left;
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        font-size: 25px
    }
    .whole-login {
        font-size: 14px;
        width: 100%
    }
    .view--size-chart {
        font-size: 14px;
        margin: 1em 0
    }
    .button--buyme {
        justify-content: center
    }
    .dm-f,
    .dm-f2 {
        flex-wrap: wrap
    }
    span.collname {
        padding-right: 0;
        width: 100%;
        display: block;
        text-align: left
    }
    .description__main {
        padding-top: 0
    }
    .toolbar .menu--main>ul.menu-level-1>li {
        padding: 0
    }
}

@media screen and (max-width:50em) {
    .l-split .l-sidebar {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        background: #fff;
        padding: 2rem;
        width: 100%
    }
}