@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Black.woff2") format("woff2"), url("../fonts/DMSans-Black.ttf") format("woff");
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Bold.woff2") format("woff2"), url("../fonts/DMSans-Bold.ttf") format("woff");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-BlackItalic.woff2") format("woff2"), url("../fonts/DMSans-BlackItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-ExtraBold.woff2") format("woff2"), url("../fonts/DMSans-ExtraBold.ttf") format("woff");
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-BoldItalic.woff2") format("woff2"), url("../fonts/DMSans-BoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/DMSans-ExtraBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Italic.woff2") format("woff2"), url("../fonts/DMSans-Italic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-ExtraLight.woff2") format("woff2"), url("../fonts/DMSans-ExtraLight.ttf") format("woff");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-ExtraLightItalic.woff2") format("woff2"), url("../fonts/DMSans-ExtraLightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Medium.woff2") format("woff2"), url("../fonts/DMSans-Medium.ttf") format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Light.woff2") format("woff2"), url("../fonts/DMSans-Light.ttf") format("woff");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-MediumItalic.woff2") format("woff2"), url("../fonts/DMSans-MediumItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-LightItalic.woff2") format("woff2"), url("../fonts/DMSans-LightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/DMSans-SemiBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-SemiBold.woff2") format("woff2"), url("../fonts/DMSans-SemiBold.ttf") format("woff");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-ThinItalic.woff2") format("woff2"), url("../fonts/DMSans-ThinItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Regular.woff2") format("woff2"), url("../fonts/DMSans-Regular.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Black.woff2") format("woff2"), url("../fonts/DMSans_18pt-Black.ttf") format("woff");
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-BoldItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-BoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-BlackItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-BlackItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Bold.woff2") format("woff2"), url("../fonts/DMSans_18pt-Bold.ttf") format("woff");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-ExtraBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-ExtraLight.woff2") format("woff2"), url("../fonts/DMSans_18pt-ExtraLight.ttf") format("woff");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-ExtraLightItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-ExtraLightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-ExtraBold.woff2") format("woff2"), url("../fonts/DMSans_18pt-ExtraBold.ttf") format("woff");
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Light.woff2") format("woff2"), url("../fonts/DMSans_18pt-Light.ttf") format("woff");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: DMSans;
   font-display: swap;
   src: url("../fonts/DMSans-Thin.woff2") format("woff2"), url("../fonts/DMSans-Thin.ttf") format("woff");
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Italic.woff2") format("woff2"), url("../fonts/DMSans_18pt-Italic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-MediumItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-MediumItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Medium.woff2") format("woff2"), url("../fonts/DMSans_18pt-Medium.ttf") format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Regular.woff2") format("woff2"), url("../fonts/DMSans_18pt-Regular.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-SemiBold.woff2") format("woff2"), url("../fonts/DMSans_18pt-SemiBold.ttf") format("woff");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-SemiBoldItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-SemiBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-LightItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-LightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Black.woff2") format("woff2"), url("../fonts/DMSans_24pt-Black.ttf") format("woff");
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-BlackItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-BlackItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-Thin.woff2") format("woff2"), url("../fonts/DMSans_18pt-Thin.ttf") format("woff");
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: DMSans_18pt;
   font-display: swap;
   src: url("../fonts/DMSans_18pt-ThinItalic.woff2") format("woff2"), url("../fonts/DMSans_18pt-ThinItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Bold.woff2") format("woff2"), url("../fonts/DMSans_24pt-Bold.ttf") format("woff");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-ExtraBold.woff2") format("woff2"), url("../fonts/DMSans_24pt-ExtraBold.ttf") format("woff");
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-ExtraBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-ExtraLight.woff2") format("woff2"), url("../fonts/DMSans_24pt-ExtraLight.ttf") format("woff");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-ExtraLightItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-ExtraLightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Light.woff2") format("woff2"), url("../fonts/DMSans_24pt-Light.ttf") format("woff");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Italic.woff2") format("woff2"), url("../fonts/DMSans_24pt-Italic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Medium.woff2") format("woff2"), url("../fonts/DMSans_24pt-Medium.ttf") format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-BoldItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-BoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-MediumItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-MediumItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Regular.woff2") format("woff2"), url("../fonts/DMSans_24pt-Regular.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-LightItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-LightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-Thin.woff2") format("woff2"), url("../fonts/DMSans_24pt-Thin.ttf") format("woff");
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-SemiBold.woff2") format("woff2"), url("../fonts/DMSans_24pt-SemiBold.ttf") format("woff");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-SemiBoldItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-SemiBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Black.woff2") format("woff2"), url("../fonts/DMSans_36pt-Black.ttf") format("woff");
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-BlackItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-BlackItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-BoldItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-BoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Bold.woff2") format("woff2"), url("../fonts/DMSans_36pt-Bold.ttf") format("woff");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: DMSans_24pt;
   font-display: swap;
   src: url("../fonts/DMSans_24pt-ThinItalic.woff2") format("woff2"), url("../fonts/DMSans_24pt-ThinItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-ExtraBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-ExtraLight.woff2") format("woff2"), url("../fonts/DMSans_36pt-ExtraLight.ttf") format("woff");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-ExtraLightItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-ExtraLightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Light.woff2") format("woff2"), url("../fonts/DMSans_36pt-Light.ttf") format("woff");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Italic.woff2") format("woff2"), url("../fonts/DMSans_36pt-Italic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-LightItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-LightItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Medium.woff2") format("woff2"), url("../fonts/DMSans_36pt-Medium.ttf") format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-ExtraBold.woff2") format("woff2"), url("../fonts/DMSans_36pt-ExtraBold.ttf") format("woff");
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-SemiBold.woff2") format("woff2"), url("../fonts/DMSans_36pt-SemiBold.ttf") format("woff");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-MediumItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-MediumItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-SemiBoldItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-SemiBoldItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Thin.woff2") format("woff2"), url("../fonts/DMSans_36pt-Thin.ttf") format("woff");
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-Regular.woff2") format("woff2"), url("../fonts/DMSans_36pt-Regular.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: DMSans_36pt;
   font-display: swap;
   src: url("../fonts/DMSans_36pt-ThinItalic.woff2") format("woff2"), url("../fonts/DMSans_36pt-ThinItalic.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: icomoon;
   font-display: swap;
   src: url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.ttf") format("woff");
   font-weight: 400;
   font-style: normal;
}

* {
   margin: 0;
   padding: 0;
   border: 0;
   user-select: none;
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
aside,
header {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   line-height: 1;
   font-size: 16px;
}

body {
   overflow: auto;
}

body._lock {
   overflow: hidden;
}

input,
button,
textarea {
   font-family: inherit;
   background-color: #ffffff;
}

input::-ms-clear {
   display: none;
}

button {
   user-select: none;
   background-color: transparent;
   cursor: pointer;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
   outline: none;
   user-select: none;
}

span,
span::after,
span::before {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button:focus,
button:active {
   outline: 0;
   user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button:active {
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,
a:visited {
   text-decoration: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
   text-decoration: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul li {
   list-style: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5.h6 {
   font-size: inherit;
   font-weight: 400;
}

.wrapper {
   width: 100%;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   background-color: rgb(249, 246, 240);
   margin: 0 auto;
}

.container {
   width: 100%;
   height: 100%;
   margin: 0 auto;
}

@font-face {
   font-family: "icomoon";
   src: url("../fonts/icomoon.eot?6ayy7w");
   src: url("../fonts/icomoon.eot?6ayy7w#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?6ayy7w") format("truetype"), url("../fonts/icomoon.woff?6ayy7w") format("woff"), url("../fonts/icomoon.svg?6ayy7w#icomoon") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;
}

[class^=icon-]::before,
[class*=" icon-"]::before {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: "icomoon" !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.icon-basket:before {
   content: "\e027";
}

.icon-map-pin:before {
   content: "\e047";
}

.icon-heart:before {
   content: "\e04a";
}

.icon-basket1:before {
   content: "\e900";
}

.icon-trash:before {
   content: "\e901";
}

.icon-settings:before {
   content: "\e902";
}

.icon-lock:before {
   content: "\e903";
}

.icon-mail:before {
   content: "\e904";
}

.icon-paperplane:before {
   content: "\e905";
}

.icon-params:before {
   content: "\e906";
}

.icon-cart:before {
   content: "\e907";
}

.icon-equalizer:before {
   content: "\e992";
}

.icon-sphere:before {
   content: "\e9c9";
}

.icon-tuning:before {
   content: "\e908";
}

.icon-sound-mix:before {
   content: "\e909";
}

.icon-star:before {
   content: "\f005";
}

.icon-trash-o:before {
   content: "\f014";
}

.icon-cc-visa:before {
   content: "\f1f0";
}

.icon-cc-mastercard:before {
   content: "\f1f1";
}

.icon-cc-discover:before {
   content: "\f1f2";
}

.icon-cc-amex:before {
   content: "\f1f3";
}

.icon-cc-paypal:before {
   content: "\f1f4";
}

.icon-cc-stripe:before {
   content: "\f1f5";
}

.icon-search:before {
   content: "\e90a";
}

.icon-email:before {
   content: "\e90b";
}

.icon-heart1:before {
   content: "\e90c";
}

.icon-lock1:before {
   content: "\e90d";
}

.icon-user:before {
   content: "\e90e";
}

.icon-pencil:before {
   content: "\e90f";
}

.icon-mail_outline:before {
   content: "\e910";
}

.icon-person_outline:before {
   content: "\e911";
}

.icon-language:before {
   content: "\e912";
}

.icon-search1:before {
   content: "\e913";
}

.icon-card_travel:before {
   content: "\e914";
}

.icon-social-facebook:before {
   content: "\e915";
}

.icon-home-outline:before {
   content: "\e916";
}

.icon-trash1:before {
   content: "\e917";
}

.icon-location-outline:before {
   content: "\e918";
}

.icon-thumbs-up:before {
   content: "\e919";
}

.icon-thumbs-down:before {
   content: "\e91a";
}

.icon-shopping-cart:before {
   content: "\e91b";
}

.icon-bell:before {
   content: "\e91c";
}

.icon-edit:before {
   content: "\e91d";
}

.icon-edit-2:before {
   content: "\e91e";
}

.icon-edit-3:before {
   content: "\e91f";
}

.icon-eye:before {
   content: "\e920";
}

.icon-facebook:before {
   content: "\e921";
}

.icon-filter:before {
   content: "\e922";
}

.icon-heart2:before {
   content: "\e923";
}

.icon-home:before {
   content: "\e924";
}

.icon-instagram:before {
   content: "\e925";
}

.icon-lock2:before {
   content: "\e926";
}

.icon-mail1:before {
   content: "\e927";
}

.icon-map-pin1:before {
   content: "\e928";
}

.icon-phone:before {
   content: "\e929";
}

.icon-search2:before {
   content: "\e92a";
}

.icon-send:before {
   content: "\e92b";
}

.icon-settings1:before {
   content: "\e92c";
}

.icon-thumbs-down1:before {
   content: "\e92d";
}

.icon-thumbs-up1:before {
   content: "\e92e";
}


table {
   border: 1px solid rgba(187, 154, 97, 0.2);
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   width: 100%;
   table-layout: fixed;
   background-color: rgb(253, 249, 246);
}

table tr {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: rgb(253, 249, 246);
   padding: 0.35em;
}

table thead {
   font-family: "DMSans";
   font-size: 16px;
}

table th,
table td {
   padding: 0.625em;
   text-align: right;
}

table th {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.1em;
   text-align: right;
}

@media screen and (max-width: 990px) {
   table {
      border: 0;
   }

   table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
   }

   table tr {
      border-bottom: 1px solid #ddd;
      display: block;
      margin-bottom: 0.625em;
   }

   table th {
      font-family: "DMSans";
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.1em;
   }

   table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: 16px;
      text-align: right;
   }

   table td::before {
      /*
     * aria-label has no advantage, it won't be read inside a table
     content: attr(aria-label);
     */
      content: attr(data-label);
      float: left;
      font-family: "DMSans";
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.1em;
   }

   table td:last-child {
      border-bottom: 0;
   }
}

.wrap {
   width: 100%;
   height: 100%;
}

.header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 10;
}

.header__container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 auto;
   width: 100%;
   min-height: 78px;
   background-color: rgb(249, 246, 240);
}

@media (max-width: 1440px) {
   .header__container {
      min-height: calc(60px + 18 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .header__container {
      background-color: transparent;
   }
}

.header__menu {
   width: 100%;
}

.menu {
   display: flex;
   justify-content: center;
   align-items: center;
}

.menu__icon {
   display: block;
}

.menu__body {
   display: flex;
}

.menu__list>li {
   position: relative;
}

.menu__link {
   font-size: 1.2rem;
   font-weight: 500;
   font-family: "DMSans";
   color: #f0f0f0;
}

.menu__link:hover {
   text-decoration: underline;
}

/**----------------------*/
body._touch .menu__link {
   flex: 1 1 auto;
}

body._touch .menu__list>li {
   display: flex;
   align-items: center;
}

/*  ------ media css ------  */
@media (min-width: 991.98px) {
   .header__logo {
      display: block;
      visibility: visible;
      width: 450px;
      height: 40px;
      font-size: 18px;
      font-weight: 500;
      font-family: "Shrikhand";
      color: rgba(187, 154, 97, 0.9);
      padding-left: 50px;
      margin-top: -9px;
      z-index: 10;
   }
}

@media (min-width: 991.98px) and (min-width: 1440px) {
   .header__logo {
      font-size: calc(16px + 16 * (100vw - 320px) / 1120) !important;
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .header__logo {
      padding-left: calc(12px + 38 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .header__logo {
      margin-top: calc(12px + -21 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) {
   .header__logo span {
      display: block;
      visibility: visible;
      width: 200px;
      height: 40px;
      font-size: 6px;
      font-weight: 600;
      font-family: "DMSans";
      color: rgba(187, 154, 97, 0.9);
      text-align: left;
      padding-left: 5px;
      margin-top: 2px;
      z-index: 10;
   }
}

@media (min-width: 991.98px) and (min-width: 1440px) {
   .header__logo span {
      font-size: calc(6px + 6 * (100vw - 320px) / 1120);
      text-align: center;
   }
}

@media (min-width: 991.98px) and (min-width: 1440px) {
   .header__logo span {
      padding-left: calc(9px + 1 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .header__logo span {
      margin-top: calc(5px + -3 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) {
   .header__logo img {
      width: 140px;
      height: 40px;
      object-fit: cover;
   }

   .menu__icon {
      display: block;
      position: absolute;
      top: 27px;
      right: 22px;
      width: 25px;
      height: 18px;
      z-index: 5;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

   .menu__icon span,
   .menu__icon::before,
   .menu__icon::after {
      position: absolute;
      width: 100%;
      height: 10%;
      transition: all 0.3s ease 0s;
      background-color: rgb(187, 154, 97);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }
}

@media (min-width: 991.98px) and (max-width: 991.98px) {

   .menu__icon span,
   .menu__icon::before,
   .menu__icon::after {
      background-color: rgb(253, 249, 246);
   }
}

@media (min-width: 991.98px) {

   .menu__icon::before,
   .menu__icon::after {
      content: "";
   }

   .menu__icon::before {
      top: 0;
   }

   .menu__icon::after {
      bottom: 0;
   }

   .menu__icon span {
      top: 50%;
      transform: scale(1) translate(0, -50%);
   }

   .menu__icon._active::before {
      background-color: rgb(253, 249, 246);
      transform: rotate(45deg);
      top: 8px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

   .menu__icon._active::after {
      background-color: rgb(253, 249, 246);
      transform: rotate(-45deg);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      bottom: 8px;
   }

   .menu__icon._active span {
      background-color: rgb(253, 249, 246);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      transform: scale(0);
   }

   .menu__body {
      position: fixed;
      top: -100%;
      left: 0;
      width: 100%;
      height: 78px;
      transition: top 0.6s ease 0s;
      background-color: transparent;
      padding: 10px 20px 30px 20px;
      flex-direction: column;
      flex-wrap: wrap;
   }

   .menu__body._active {
      top: 0;
      flex-direction: column;
      flex-wrap: wrap;
      height: 78px;
      background-color: rgb(187, 154, 97);
      z-index: 0;
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .menu__body._active {
      height: calc(60px + 18 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) {
   .menu__list {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 57px;
   }

   .menu__list>li {
      padding: 10px 0px;
      margin-left: 30px;
      margin-right: 30px;
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .menu__list>li {
      margin-left: calc(0px + 30 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .menu__list>li {
      margin-right: calc(0px + 30 * (100vw - 320px) / 1120);
   }
}

@media (min-width: 991.98px) {
   .menu__list>li:first-child {
      margin: 0px 20px 0px 20px;
   }
}

@media (max-width: 991.98px) {
   .header__container {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: rgb(196, 170, 124);
   }

   .header__logo {
      display: block;
      visibility: visible;
      width: 300px;
      height: 40px;
      font-size: 32px;
      font-weight: 400;
      font-family: "Shrikhand";
      color: rgb(253, 249, 246);
      padding-left: 76px;
      margin-top: 12px;
      z-index: 10;
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {}

/**
width: calc(190px + 170 * (100vw - 320px) / 1120);
*/
@media (max-width: 991.98px) and (max-width: 1440px) {
   .header__logo {
      font-size: calc(16px + 12 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
   .header__logo {
      padding-left: calc(12px + 64 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
   .header__logo {
      margin-top: calc(12px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .header__logo._open {
      color: rgb(253, 249, 246);
   }

   .header__logo._open span {
      color: rgb(253, 249, 246);
   }

   .header__logo span {
      display: block;
      visibility: visible;
      width: 120px;
      height: 10px;
      font-size: 12px;
      font-weight: 600;
      font-family: "DMSans";
      color: rgb(253, 249, 246);
      text-align: center;
      padding-left: 76px;
      margin-top: 5px;
      z-index: 10;
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
   .header__logo span {
      font-size: calc(6px + 4 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
   .header__logo span {
      padding-left: calc(-96px + 172 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
   .header__logo span {
      margin-top: calc(2px + 3 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .header__logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .header__menu {
      width: 100%;
   }

   .menu__icon {
      display: block;
      position: absolute;
      top: 20px;
      right: 25px;
      width: 25px;
      height: 18px;
      z-index: 5;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

   .menu__icon span,
   .menu__icon::before,
   .menu__icon::after {
      position: absolute;
      width: 100%;
      height: 10%;
      transition: all 0.3s ease 0s;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      background-color: rgb(253, 249, 246);
   }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {

   .menu__icon span,
   .menu__icon::before,
   .menu__icon::after {
      background-color: rgb(253, 249, 246);
   }
}

@media (max-width: 991.98px) {

   .menu__icon::before,
   .menu__icon::after {
      content: "";
   }

   .menu__icon::before {
      top: 0;
   }

   .menu__icon::after {
      bottom: 0;
   }

   .menu__icon span {
      top: 50%;
      transform: scale(1) translate(0, -50%);
   }

   .menu__icon._active::before {
      background-color: rgb(253, 249, 246);
      transform: rotate(45deg);
      top: 8px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

   .menu__icon._active::after {
      background-color: rgb(253, 249, 246);
      transform: rotate(-45deg);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      bottom: 8px;
   }

   .menu__icon._active span {
      background-color: rgb(253, 249, 246);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      transform: scale(0);
   }

   .menu__body {
      position: fixed;
      top: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      transition: top 0.6s ease 0s;
      background-color: rgba(187, 154, 97, 0.9);
      padding: 80px 10px 30px 10px;
      overflow: auto;
      flex-direction: column;
      flex-wrap: wrap;
   }

   .menu__body._active {
      top: 0;
      flex-direction: column;
      flex-wrap: wrap;
   }

   .menu__body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 78px;
      background-color: rgba(187, 154, 97, 0.9);
      z-index: 5;
   }
}

@media (max-width: 991.98px) and (max-width: 1440px) {
   .menu__body::before {
      height: calc(60px + 18 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .menu__list>li {
      flex-wrap: wrap;
      margin: 0px 0px 20px 5px;
   }

   .menu__link {
      font-size: 20px;
      font-weight: 500;
   }
}

.navigation {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: row-reverse;
   width: 100%;
}

.navigation__top-menu {
   margin-right: 8px;
}

.navigation__menu {
   width: 100%;
}

.top-menu {
   margin-right: 38px;
}

.top-menu__list {
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 5;
   position: relative;
   top: 0px;
   right: 25px;
}

.top-menu__list>li {
   position: relative;
   margin: 0 14px;
}

.top-menu__link {
   font-size: 1rem;
   font-weight: 400;
   font-family: "DMSans";
   color: rgb(187, 154, 97);
}

@media (max-width: 991.98px) {
   .top-menu__link {
      color: rgb(253, 249, 246);
   }
}

.top-menu__link__link ._open {
   font-size: 1.3rem;
   font-weight: 400;
   font-family: "DMSans";
   color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .top-menu__link__link ._open {
      color: rgb(253, 249, 246);
   }
}

.top-menu__link span {
   position: absolute;
   top: -6px;
   right: 6px;
   font-size: 1rem;
   font-weight: 700;
   color: red;
}

.icon-basket._open {
   font-size: 1.1rem;
   font-weight: 400;
   font-family: "DMSans";
   color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .icon-basket._open {
      color: rgb(253, 249, 246);
   }
}

.icon-user._open {
   font-size: 1.1rem;
   font-weight: 400;
   font-family: "DMSans";
   color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .icon-user._open {
      color: rgb(253, 249, 246);
   }
}

.menu__icon._open {
   color: rgb(253, 249, 246);
}

.header__logo._open {
   color: rgb(253, 249, 246);
}

.header__logo._open span {
   color: rgb(253, 249, 246);
}

.breadcrumbs {
   width: 100%;
   margin: 0px 0px 2px 0;
}

.breadcrumbs__wrapper {
   max-width: 1420px;
   margin: 0 auto;
}

.breadcrumbs__menu {
   border-bottom: 1px solid rgba(187, 154, 97, 0.9);
}

.breadcrumbs-menu__body {
   margin: 0 0px 8px 6px;
   padding: 2px 2px;
}

.breadcrumbs-menu__list {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.breadcrumbs-menu__list span {
   color: rgba(187, 154, 97, 0.9);
   font-size: 16px;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   line-height: 18px;
}

.breadcrumbs-menu__list>li {
   margin: 0 2px;
   padding: 3px;

}

.breadcrumbs-menu__list>li:hover {
   background-color: rgba(187, 154, 97, 0.9);

}

.breadcrumbs-menu__link {
   color: rgba(187, 154, 97, 0.9);
   font-size: 16px;
   font-family: "DMSans";
   font-weight: 700;
   letter-spacing: 1px;
   line-height: 18px;
   cursor: pointer;
   padding: 0px;
}

@media (max-width: 520px) {
   .breadcrumbs-menu__link {
      color: rgba(187, 154, 97, 0.9);
      font-size: 12px;
      font-family: "DMSans";
      font-weight: 400;
      letter-spacing: 1px;
      line-height: 18px;
      cursor: pointer;
      padding: 0px;
   }

   .content {}
}

.breadcrumbs-menu__link:hover {
   color: #f0f0f0;
}

.home {
   width: 100%;
   height: 100%;
   margin-top: -100px;
   overflow: hidden;
}

.banner {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
}

.banner__images {
   width: 100vw;
   height: 600px;
}

.banner__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner__title {
   position: absolute;
   bottom: 40%;
   font-size: 90px;
   font-weight: 500;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: rgb(253, 249, 246);
   margin-bottom: 62px;
   visibility: visible;
}

@media (max-width: 1440px) {
   .banner__title {
      font-size: calc(40px + 52 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .banner__title {
      margin-bottom: calc(12px + 50 * (100vw - 320px) / 1120);
   }
}

.banner__subtitle {
   width: 100%;
   position: absolute;
   bottom: 30%;
   font-size: 42px;
   font-weight: 500;
   font-family: "Shrikhand";
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: rgb(253, 249, 246);
   margin-top: 162px;
   visibility: visible;
}

@media (max-width: 1440px) {
   .banner__subtitle {
      font-size: calc(20px + 22 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .banner__subtitle {
      margin-top: calc(42px + 120 * (100vw - 320px) / 1120);
   }
}

.home-shares {
   width: 100%;
   height: 100%;
   margin-top: 20px;
   overflow: hidden;
}

.home-shares__banner {
   display: flex;
   flex-direction: column;
}

.home-shares-banner {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
}

.home-shares-banner__images {
   width: 100vw;
   height: 400px;
}

.home-shares-banner__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-shares-banner__title {
   position: absolute;
   bottom: 40%;
   font-size: 142px;
   font-weight: 500;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: rgb(253, 249, 246);
   margin-bottom: 62px;
   z-index: 3;
}

@media (max-width: 1440px) {
   .home-shares-banner__title {
      font-size: calc(40px + 102 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .home-shares-banner__title {
      margin-bottom: calc(12px + 50 * (100vw - 320px) / 1120);
   }
}

.home-shares-banner__subtitle {
   width: 100%;
   position: absolute;
   bottom: 30%;
   font-size: 42px;
   font-weight: 500;
   font-family: "Shrikhand";
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: rgb(253, 249, 246);
   margin-top: 162px;
   z-index: 3;
}

@media (max-width: 1440px) {
   .home-shares-banner__subtitle {
      font-size: calc(20px + 22 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .home-shares-banner__subtitle {
      margin-top: calc(42px + 120 * (100vw - 320px) / 1120);
   }
}

.home-shares-banner__link {
   width: 300px;
   position: absolute;
   bottom: 10%;
   font-size: 16px;
   line-height: 32px;
   font-weight: 500;
   font-family: "Shrikhand";
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 5px;
   color: rgb(253, 249, 246);
   z-index: 3;
}

@media (max-width: 1440px) {
   .home-shares-banner__link {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.advantages {
   width: 100%;
   height: 100%;
   margin: 42px 0;
}

.advantages__container {
   max-width: 1440px;
   margin: 0 auto;
}

.advantages__title {
   margin: 32px 0;
}

.advantages__items {
   display: flex;
   margin: 32px 0;
}

@media (max-width: 991.98px) {
   .advantages__items {
      flex-wrap: wrap;
   }
}

.advantages-title {
   font-size: 26px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .advantages-title {
      font-size: calc(20px + 6 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .advantages-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.advantage {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1 1 33.333%;
}

@media (max-width: 991.98px) {
   .advantage {
      flex: 1 1 50%;
   }
}

@media (max-width: 520.98px) {
   .advantage {
      flex: 1 1 100%;
   }
}

.advantage__title {
   margin: 18px 0;
}

.advantage__images {
   width: 100px;
   height: 100px;
}

.advantage__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.advantage__description {
   margin: 18px 0;
   padding: 12px 30px;
}

.advantage-title {
   font-size: 18px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .advantage-title {
      font-size: calc(18px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .advantage-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.reviews {
   width: 100%;
   height: 100%;
   margin: 42px 0;
}

.reviews__container {
   max-width: 1440px;
   margin: 0 auto;
}

.reviews__title {
   margin: 32px 0;
}

.reviews__items {
   display: flex;
   width: 100%;
   margin: 32px 0;
   flex-wrap: wrap;
}

.reviews-btn {
   height: 100%;
   flex: 1 0 100%;
}

.home-reviews-btn {
   height: 100%;
   flex: 1 0 33.33%;
}

@media (max-width: 991.98px) {
   .reviews__items {
      flex-wrap: wrap;
   }

   .reviews-btn {
      flex: 0 0 100%;
   }

   .home-reviews-btn {
      height: 100%;
      flex: 1 0 100%;
   }
}

.reviews-title {
   font-size: 26px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .reviews-title {
      font-size: calc(20px + 6 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .reviews-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.review {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1 0 100%;
   padding: 20px 10px 20px 10px;
   margin: 15px;
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 3px;
}

@media (max-width: 767.98px) {
   .review {
      flex: 1 1 50%;
   }
}

@media (max-width: 520.98px) {
   .review {
      flex: 1 1 100%;
   }
}

.review__images {
   width: 200px;
   height: 200px;
}

.review__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.review__commentary-user {
   margin: 2px 0;
   font-size: 16px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

.review__commentary-date span {
   font-size: 11px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

.review__commentary {
   width: 100%;
   margin: 12px 0;
   font-size: 14px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

.review__date {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 2px 0;
}

.review__ratings {
   display: flex;
   justify-content: center;
   width: 200px;
}

.rating {
   margin: 12px 0;
   font-size: 16px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: gold;
}

/**-------------- footer css ---------------*/
.footer {
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   margin: 0px 0px 0px 0px;
   border-top: 2px solid rgba(187, 154, 97, 0.9);
   background-color: rgb(249, 246, 240);
}

.footer__container {
   max-width: 1440px;
   margin: 0px auto;
}

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

.footer__subscribe {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
}

.footer__main-menu {
   display: flex;
   justify-content: space-between;
   column-gap: 0px;
   padding-top: 40px;
   margin: 10px;
   padding-bottom: 0px;
   background-color: transparent;
}

@media (max-width: 1440px) {
   .footer__main-menu {
      column-gap: calc(10px + -10 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .footer__main-menu {
      padding-top: calc(20px + 20 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .footer__main-menu {
      margin: calc(10px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .footer__main-menu {
      padding-bottom: calc(20px + -20 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .footer__main-menu {
      flex-wrap: wrap;
   }
}

.footer__main {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   padding-left: 30px;
   width: 200px;
}

@media (max-width: 1440px) {
   .footer__main {
      padding-left: calc(0px + 30 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .footer__main {
      display: none;
      visibility: hidden;
      align-items: center;
      max-width: 100%;
   }
}

.footer__follow {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 300px;
   padding-right: 0px;
   margin-right: 0px;
}

@media (max-width: 1440px) {
   .footer__follow {
      padding-right: calc(0px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .footer__follow {
      max-width: 100%;
      flex-wrap: wrap;
   }
}

.footer__logo {
   padding-bottom: 20px;
   font-size: 22px;
   font-weight: 800;
   text-align: center;
   font-family: "DMSans";
   color: rgb(187, 154, 97);
   font-style: italic;
}

@media (max-width: 1440px) {
   .footer__logo {
      padding-bottom: calc(20px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .footer__logo {
      font-size: calc(24px + -2 * (100vw - 320px) / 1120);
   }
}

.footer__logo span {
   padding-bottom: 20px;
   font-size: 11px;
   margin-top: -15px;
   font-weight: 800;
   text-align: center;
   font-family: "DMSans";
   color: rgb(187, 154, 97);
   font-style: italic;
}

@media (max-width: 1440px) {
   .footer__logo span {
      padding-bottom: calc(20px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .footer__logo span {
      font-size: calc(10px + 1 * (100vw - 320px) / 1120);
   }
}

.footer__akcept {
   margin: 16px;
}

.footer__coppiring {
   display: flex;
   justify-content: center;
   align-items: center;
}

.contact-address {
   width: 300px;
}

@media (max-width: 991.98px) {
   .contact-address {
      width: 100%;
   }
}

.contact-address__location {
   margin: 5px 5px;
}

.contact-address__phone {
   margin: 5px 5px;
}

.contact-address__email {
   margin: 5px 5px;
}

.contact-address__social {
   margin: 5px 5px;
}

.contact-address__location span {
   margin: 15px 5px;
}

.contact-address__phone span {
   margin-left: 15px 5px;
}

.contact-address__email span {
   margin-left: 5px;
}

.contact-address__social span {
   margin-left: 5px;
}

.icon-map-pin {
   font-size: 16px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-map-pin {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.icon-phone {
   font-size: 16px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-phone {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.icon-mail1 {
   font-size: 18px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-mail1 {
      font-size: calc(16px + 2 * (100vw - 320px) / 1120);
   }
}

.subscribe {
   width: 100%;
}

.subscribe__title {
   max-width: 424px;
   margin-top: 87px;
   margin-bottom: 20px;
}

@media (max-width: 1440px) {
   .subscribe__title {
      margin-top: calc(40px + 47 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .subscribe__title {
      margin-bottom: calc(20px + 0 * (100vw - 320px) / 1120);
   }
}

.subscribe__subtitle {
   padding: 0px 10px;
}

.subscribe__form {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   position: relative;
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 20px;
   margin-bottom: 20px;
}

@media (max-width: 1440px) {
   .subscribe__form {
      margin-top: calc(0px + 10 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .subscribe__form {
      margin-left: calc(0px + 20 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .subscribe__form {
      margin-right: calc(0px + 20 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .subscribe__form {
      margin-bottom: calc(20px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 520.98px) {
   .subscribe__form {
      flex-wrap: wrap;
   }
}

.subscribe__input {
   width: 385px;
   height: 35px;
   padding: 5px 9px;
   margin: 10px 8px;
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 3px;
   font-size: 16px;
   background-color: transparent;
}

@media (max-width: 520.98px) {
   .subscribe__input {
      width: 100%;
      margin: 10px 0px;
   }
}

.subscribe__input:hover {
   background-color: #f0f0f0;
}

.subscribe__button {
   width: 185px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 3px;
   margin: 10px 8px;
   font-size: 18px;
   background-color: #c0c0c0;
}

@media (max-width: 520.98px) {
   .subscribe__button {
      flex: 1 1 50%;
   }
}

.subscribe__btn {
   width: 55px;
   height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 3px;
   margin: 1px 0px;
   padding: 12px;
   font-size: 18px;
   background-color: transparent;
   border: 1px solid rgba(187, 154, 97, 0.9);
}

@media (max-width: 520.98px) {
   .subscribe__btn {
      flex: 0 0 50%;
   }
}

.subscribe-title {
   font-size: 40px;
   font-weight: 700;
   line-height: 48px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .subscribe-title {
      font-size: calc(22px + 18 * (100vw - 320px) / 1120);
   }
}

.subscribe-subtitle {
   font-size: 22px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .subscribe-subtitle {
      font-size: calc(16px + 6 * (100vw - 320px) / 1120);
   }
}

.icon-paperplane {
   font-size: 16px;
   font-weight: 100;
   line-height: 24px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-paperplane {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.app-images {
   margin-top: 0px;
}

.app-images__image {
   margin: 10px;
}

.app-images__ios {
   margin: 10px;
}

@media (min-width: 991.98px) {
   .menu-footer {
      display: flex;
      justify-content: center;
      width: 900px;
   }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
   .menu-footer {
      width: calc(600px + 300 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .menu-footer {
      display: flex;
      width: 100%;
      justify-content: space-evenly;
      margin: 30px 0px;
   }
}

@media (max-width: 767.98px) {
   .menu-footer {
      display: block;
   }
}

@media (min-width: 991.98px) {
   .menu-footer__column {
      flex: 0 1 33.333%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 12px;
   }
}

@media (max-width: 991.98px) {
   .menu-footer__column {
      justify-content: space-between;
   }
}

@media (max-width: 1452) {
   .menu-footer__column {
      margin-left: 20px;
      margin-right: 20px;
   }
}

@media (max-width: 1452) and (max-width: 1440px) {
   .menu-footer__column {
      margin-left: calc(30px + -10 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1452) and (max-width: 1440px) {
   .menu-footer__column {
      margin-right: calc(30px + -10 * (100vw - 320px) / 1120);
   }
}

.menu-footer__title {
   display: flex;
   justify-content: center;
   width: 100%;
   cursor: default;
   position: relative;
   margin: 9px 0 18px 0px;
}

@media (max-width: 991.98px) {
   .menu-footer__title {
      margin: 12px 0px;
      justify-content: space-between;
   }
}

.menu-footer__list li:not(:last-child) {
   margin: 0px 0px 15px 0px;
}

.menu-footer__link {
   font-size: 14px;
   font-weight: 500;
   font-family: "DMSans";
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .menu-footer__link {
      font-size: calc(16px + -2 * (100vw - 320px) / 1120);
   }
}

.menu-footer._init .footer-title::before,
.menu-footer._init .footer-title::after {
   content: "";
   width: 16px;
   height: 1px;
   background-color: rgb(187, 154, 97);
   position: absolute;
   right: 10px;
   top: 12px;
   box-sizing: border-box;
   transition: transform 0.3s ease 0s;
}

.menu-footer._init .footer-title::after {
   transform: rotate(-90deg);
}

.menu-footer._init .footer-title._active::after {
   transform: rotate(0deg);
}

.footer-title {
   font-size: 20px;
   text-align: left;
   font-weight: 700;
   font-family: "DMSans";
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .footer-title {
      font-size: calc(18px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .follow {
      width: 100%;
   }
}

.follow__list {
   display: flex;
   justify-content: center;
   align-items: center;
}

.follow__list li {
   margin: 8px 9px;
}

.follow__title {
   margin: 6px;
}

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

.akcept__title {
   margin: 6px;
}

.akcept__body {
   display: flex;
}

.akcept__images {
   width: 50px;
   height: 50px;
   margin: 2px 10px;
}

.akcept__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.follow-title {
   font-size: 20px;
   line-height: 25px;
   font-weight: 700;
   font-family: "DMSans";
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .follow-title {
      font-size: calc(18px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .follow-title {
      line-height: calc(30px + -5 * (100vw - 320px) / 1120);
   }
}

.icon-facebook,
.icon-instagram,
.icon-twitter {
   font-size: 20px;
   font-weight: 100;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {

   .icon-facebook,
   .icon-instagram,
   .icon-twitter {
      font-size: calc(22px + -2 * (100vw - 320px) / 1120);
   }
}

.coppiring {
   margin: 8px;
}

.coppiring__main {
   font-size: 16px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .coppiring__main {
      font-size: calc(13px + 3 * (100vw - 320px) / 1120);
   }
}

.content {
   width: 100%;
   height: 100%;
   margin-top: 85px;
   margin-bottom: 40px;
}

@media (max-width: 1440px) {
   .content {
      width: 100%;
      height: 100%;
      margin-top: 75px;
      margin-bottom: 20px;
   }
}

.content__container {
   width: 100%;
   height: 100%;
   position: relative;
}

.content__wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   margin: 0 auto;
}

.content__body {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   max-width: 1440px;
   height: 100%;
}

@media (max-width: 991.98px) {
   .content__body {
      flex-wrap: wrap;
   }
}

.cart-product {
   width: 500px;
   height: 100%;
}

.cart-product__body {
   position: fixed;
   top: 0px;
   right: -180%;
   width: 500px;
   height: 100%;
   overflow: auto;
   transition: all 1.4s ease 0s;
   z-index: 5;
   background-color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .cart-product__body {
      top: 87px;
   }
}

.cart-product__body._active {
   background-color: rgb(253, 249, 246);
   right: 0;
   top: 0px;
   height: 100%;
   padding: 63px 3px;
}

@media (max-width: 991.98px) {
   .cart-product__body._active {
      width: 100%;
      height: 100%;
      padding: 63px 3px;
      top: 0;
   }
}

.product {
   width: 100%;
   height: 100%;
   margin: 0 0 4px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
}

.product__title {
   margin: 62px 0 1px 0;
   padding: 5px;
}

.product__items {
   max-width: 1440px;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;

}

.product__shares {
   width: 300px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

@media (max-width: 991.98px) {
   .product__shares {
      width: 100%;
      flex-direction: row;
      justify-content: center;
   }
   .product__items {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
   }
}

@media (max-width: 767.98px) {
   .product__shares {
      width: 100%;
      justify-content: center;
      flex-wrap: wrap;
   }
}

.product__item {
   flex: 0 1 300px;
   height: 453px;
   margin-top: 30px;
   margin-bottom: 30px;
   margin-left: 20px;
   margin-right: 20px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   background-color: transparent;
   
}




.product__all-category {
   margin: 40px 10px 2px 10px;
}

.product-home-title {
   font-size: 26px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .product-home-title {
      font-size: calc(20px + 6 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .product-home-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.category-all {
   width: 280px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(187, 154, 97, 0.9);
   opacity: 0.9;
   border-radius: 3px;
   font-family: "DMSans";
   font-weight: 700;
   letter-spacing: 1px;
   cursor: pointer;
   color: rgb(167, 119, 37);
   visibility: hidden;
}
.category-all._active{
   visibility: visible;
}
.category-all:hover {
   background-color: rgb(180, 152, 69);
   color: rgba(245, 243, 240, 0.9);
}

.item-product {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   position: relative;
   top: 0;
   left: 0;
   width: 300px;
   height: 453px;
   border-radius: 3px;
   margin: 30px 8px 60px 8px;
   
}

@media (min-width: 991.98px) {
   .item-product {
      
   }
}

.category-item {
   z-index: 4;
   margin: 0 0 0px 0;
   
}

.item-product__images {

   width: 300px;
   height: 453px;
}

/***
@media (max-width: 1440px) {
   .item-product__images {
      position: relative;
      width: 370px;
      height: 453px;
   }
}
*/
@media (max-width: 520.98px) {
   .item-product__images {
      width: 100%;
      height: 433px;
   }

   .header__logo {
      width: 170px;
   }

   .item-product {
      display: flex;
      justify-content: center;
      position: relative;
      flex: 0 0 100%;
      height: 100%;
      margin-top: 30px;
      margin-bottom: 60px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      background-color: transparent;
      
   }

   /**padding-bottom: 10px;
*/
   .item-product__category {

      font-family: "DMSans";
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 1px;
      text-align: center;
      color: rgb(245, 186, 84);
      text-transform: uppercase;
      margin: 12px 0 20px 0;
      padding: 5px 10px;
   }

   .category-item {
      z-index: 4;
      margin: 0 0 0px 0;
   }

   .wrap {
      width: 100%;
      height: 100%;
   }
}

.item-product__images img {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.item-product__desc {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0;
   opacity: 0;
   background-color: rgb(253, 249, 246);
   z-index: 2;

}

.item-product__desc.hide {
   visibility: hidden;

}

.item-product__hide-product.hide {
   visibility: hidden;
}

.item-product__hide-product {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0.7;
   background-color: rgb(253, 249, 246);
   z-index: 2;
}

.item-product__action {
   display: flex;
}

.item-product__category {
   width: 100%;
   font-family: "DMSans";
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 1px;
   text-align: center;

   text-transform: uppercase;
   margin: 0px 0 0px 0;
   padding: 15px 10px;
   background-color:transparent;/** rgb(250, 248, 245)*/
   color: rgba(206, 123, 14, 0.781);
}

@media (max-width: 991.98px) {
   .item-product__category {
      width: 100%;
      font-family: "DMSans";
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 1px;
      text-align: center;
      position: absolute;
      bottom: -10px;
      text-transform: uppercase;
      margin: 1px 0 0px 0;
      padding: 12px 10px;
      background-color: rgb(167, 119, 37);
      color: rgb(253, 249, 246);
   }
}

@media (max-width: 520.98px) {
   .item-product__category {
      width: 100%;
      font-family: "DMSans";
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 1px;
      text-align: center;

      text-transform: uppercase;
      margin: 1px 0 0px 0;
      padding: 12px 10px;
      background-color: rgb(167, 119, 37);
      color: rgb(253, 249, 246);
   }

}

.item-product__description {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 12px 0;
   padding: 5px;
}

@media (max-width: 991.98px) {
   .item-product__description {}
}

.item-product__purchase {

   display: flex;
   justify-content: space-between;
   align-items: center;
   z-index: 2;
}

@media (max-width: 991.98px) {
   .item-product__purchase {
      width: 100%;
      
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: rgb(167, 119, 37);
      color: rgb(253, 249, 246);
      
   }
}

.item-product:hover .item-product__desc {
   transition: opacity 0.9s ease 0s;
   opacity: 0.9;
   height: 453px;
   padding-bottom: 30px;
}

@media (max-width: 991.98px) {
   .item-product:hover .item-product__desc {
      display: none;
      visibility: hidden;
      transform: translateY(-500px);
      opacity: 0;
   }
}

.action {
   position: absolute;
   display: flex;
   top: 15px;
   right: 15px;
}

@media (max-width: 1440px) {
   .action {
      top: calc(30px + -15 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .action {
      right: calc(30px + -15 * (100vw - 320px) / 1120);
   }
}

.action__discount {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 700;
   align-items: center;
   text-transform: uppercase;
   color: #ff0000;
   margin: 0 4px;
}

.action__new {
   font-family: "DMSans";
   font-weight: 700;
   text-transform: uppercase;
   color: #008000;
   margin: 0 4px;
}

.action__sale {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 700;
   align-items: center;
   text-transform: uppercase;
   color: #ff0000;
   margin: 0 4px;
}

.purchase {
   padding: 8px 2px;
}

.purchase__price {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 500;
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
   margin: 0 0px;
   color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .purchase__price {
      width: 100%;
   }
}

.purchase__price span {
   font-family: "DMSans";
   font-size: 18px;
   font-weight: 500;
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
   margin: 0 0 0 2px;
   padding: 5px;
   color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .purchase__price span {
      width: 100%;
   }
}

.purchase__link {

   visibility: hidden;
}

@media (max-width: 991.98px) {
   .purchase__link {

      display: block;
      visibility: visible;
      color: rgba(187, 154, 97, 0.9);
      font-size: 18px;
      font-family: "DMSans";
      font-weight: 700;
      text-align: center;
      cursor: pointer;
      padding: 15px;
     
      flex: 1 1 33.333%;
      color: rgb(253, 249, 246);
      z-index: 2;
   }
}

.product-detail {
   width: 100%;
   margin-top: 0px;
}

.product-detail__wrapper {
   max-width: 1000px;
   height: 100%;
   display: flex;
   justify-content: center;
   margin: 0 auto;
}

@media (max-width: 767.98px) {
   .product-detail__wrapper {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;
   }
}

.detail-product {
   width: 100%;
   height: 100%;
   flex: 1 1 100%;
}

.detail-product__slider {
   padding: 15px;
   margin: 3px 2px;
   width: 340px;
   height: 100%;
}

@media (max-width: 767.98px) {
   .detail-product__slider {
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
   }
}

.detail-product__reference {
   margin: 3px 2px;
   padding: 8px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

@media (max-width: 991.98px) {
   .detail-product__reference {
      width: 100%;
   }
}

.reference-product {
   width: 100%;
   height: 453px;
   margin-top: 0px;
}

@media (max-width: 767.98px) {
   .reference-product {
      width: 100%;
   }

   .reference-product__buttons {
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
   }
}

.reference-product__title {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 700;
   text-align: left;
   color: rgba(187, 154, 97, 0.9);
   margin: 3px 0;
   padding: 5px;
}

.reference-product__category {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__category span {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__size {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__size span {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 12px 0;
   padding: 5px;
}

.reference-product__state {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__state span {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #008000;
   margin: 12px 0;
   padding: 5px;
}

.reference-product__discount {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__discount span {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #ff0000;
   margin: 12px 0;
   padding: 5px;
}

.reference-product__action {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 300;
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
   margin: 8px 0;
   padding: 5px;
}

.reference-product__price {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__price span {
   font-family: "DMSans";
   font-size: 18px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 12px 0;
   padding: 5px;
}

.reference-product__availability {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 500;
   text-align: left;
   color: #000;
   margin: 8px 0;
   padding: 5px;
}

.reference-product__availability span {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 500;
   text-align: left;
   color: #008000;
   margin: 12px 0;
   padding: 5px;
}

.reference-product__link {
   width: 260px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(187, 154, 97, 0.9);
   opacity: 0.9;
   border-radius: 3px;
   font-family: "DMSans";
   font-weight: 700;
   cursor: pointer;
   color: #000;
   padding: 5px;
   margin: 8px;
}

.reference-product__link.hide {
   visibility: hidden;
}

@media (max-width: 1440px) {
   .reference-product__link {
      margin: calc(0px + 12 * (100vw - 320px) / 1120);
   }
}

.reference-product__link:hover {
   background-color: rgb(167, 119, 37);
}

.reference-product__link span {
   margin: 0 3px;
}

.product-detail__tabs {
   max-width: 1000px;
   margin: 0 auto;
   min-height: 100%;
   visibility: hidden;
}

.product-detail__tabs._active {

   visibility: visible;
}

.product-detail-tabs {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-top: 0px;
}

@media (max-width: 1440px) {
   .product-detail-tabs {
      padding-top: calc(20px + -20 * (100vw - 320px) / 1120);
   }
}

.product-detail-tabs__items {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   padding: 40px 12px 0 5px;
   border-bottom: 1px solid rgba(187, 154, 97, 0.6);
}

.product-detail-tabs__links {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   margin: 5px 0px;
}

.product-detail-tabs__link {
   margin: 5px;
}

.product-detail-tabs__item {
   padding: 2px;
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 700;
   color: rgba(187, 154, 97, 0.6);
}

@media (max-width: 1440px) {
   .product-detail-tabs__item {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .product-detail-tabs__item {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.product-detail-tabs__item.is-active {
   border-bottom: 3px solid rgba(187, 154, 97, 0.6);
}

.product-detail-tabs__body {
   width: 100%;
   padding: 10px;
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   line-height: 20px;
   letter-spacing: 1px;
   color: #000;
}

@media (max-width: 1440px) {
   .product-detail-tabs__body {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .product-detail-tabs__body {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.product-detail-tabs__block {
   display: none;
   visibility: hidden;
}

.product-detail-tabs__block.is-active {
   display: block;
   visibility: visible;
   width: 100%;
   padding: 18px 8px 60px 8px;
}

@media (max-width: 520.98px) {
   .product-detail-tabs__block.is-active {
      height: 100%;
   }
}

swiper-container {
   width: 100%;
   height: 100%;
}

.swiper {
   width: 100%;
   height: 600px;
   margin-left: auto;
   margin-right: auto;
}

.swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.swiper-slide {
   background-size: contain;

}

.products-detail {}

.products-detail-thumbs {
   height: 20%;
   box-sizing: border-box;
   padding: 10px 0;
   margin-top: 10px;
}

.products-detail-thumbs .swiper-slide {
   width: 25%;
   height: 100%;
   opacity: 0.4;
}

.products-detail-thumbs .swiper-slide-thumb-active {
   opacity: 1;
}

.additination-products {
   margin-bottom: 30px;
}

.additination-product__wrapper {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.additination-product__title {
   margin: 30px;
}

.additination-product__slider {
   width: 1440px;
   height: 100%;
   position: relative;
   left: 0;
   overflow: hidden;
}

@media (max-width: 1440px) {
   .additination-product__slider {
      width: calc(300px + 1140 * (100vw - 320px) / 1120);
   }
}

.additination-product-title {
   font-size: 26px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .additination-product-title {
      font-size: calc(20px + 6 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .additination-product-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.swiper-container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100% !important;
   height: 100%;
   margin: 0 auto;
}

.content-slide {
   width: 320px;
   height: 100%;
}

@media (max-width: 991.98px) {
   .content-slide {
      width: 100%;
   }
}

.content-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.pagination {
   position: absolute;
   left: 0;
   text-align: center;
   width: 100%;
}

.swiper-pagination-switch {
   display: inline-block;
   width: 10px;
   height: 10px;
   border-radius: 10px;
   background: #999;
   box-shadow: 0px 1px 2px #555 inset;
   margin: 0 3px;
   cursor: pointer;
}

.swiper-active-switch {
   background: #fff;
}

.searches {
   width: 100%;
   height: 100%;
   margin: 4px 0 0 0;
}

.searches__container {
   max-width: 1440px;
   margin: 0 auto;
}

.searches__wrapper {
   margin: 0 12px;
   border-bottom: 1px solid rgba(187, 154, 97, 0.9);
   height: 100%;
}

.search {
   display: flex;
   justify-content: space-between;
   padding: 0 18px;
   position: relative;
   top: 0;
   width: 100%;
}

.search__btn {
   margin: 1px 0;
   z-index: 2;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.search__body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 44px;
   left: 0;

   width: 100%;
   transform: translateY(-2000px);
   visibility: hidden;
   opacity: 0;

   transition: visibility 0.9s 0s;
   background-color: rgb(249, 246, 240);
}

@media (max-width: 991.98px) {
   .search__body {
      flex-wrap: wrap;
   }
}

@media (max-width: 767.98px) {
   .search__body {
      border-bottom: 1px solid rgba(187, 154, 97, 0.9);
   }

   .search__body._active {
      width: 100%;
   }
}

.search__body._active {
   opacity: 1;
   z-index: 9;
   visibility: visible;
   transform: translateY(0px);
   border: 1px solid rgba(187, 154, 97, 0.9);
}

.icon-search {
   font-size: 24px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .icon-search {
      font-size: calc(16px + 8 * (100vw - 320px) / 1120);
   }
}

.search-buttons {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.icon-equalizer {
   font-size: 24px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .icon-equalizer {
      font-size: calc(16px + 8 * (100vw - 320px) / 1120);
   }
}

.search-form {
   position: relative;
   right: 0;
   width: 100%;
   height: 40px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   margin: 2px;


}

.search-form__input {
   width: 100%;
   height: 35px;
   margin: 0 14px 8px 14px;
   padding: 0 8px;
   border: 0.5px solid rgba(187, 154, 97, 0.9);
   transform: translateY(0px);
   opacity: 1;
   transition: transform 0.9s 0s;
   overflow: hidden;
}

.search-form__input._active {
   opacity: 1;
   transform: translateY(0px);
}

.filter-form {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   height: 100%;
   padding: 10px 0 30px 0;
   position: relative;
   top: 0;
   left: 0;
}

.filter {
   margin: 11px 0;
}

@media (max-width: 767.98px) {
   .filter-form {
      flex-wrap: wrap;
   }
}

.filter-form-brend {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1 1 25%;
}

.filter-form-size {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1 1 25%;
}

.filter-form-color {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1 1 25%;
}

.filter-form__mark {
   display: flex;
   flex-direction: column;
   flex: 1 1 25%;
}

@media (max-width: 991.98px) {
   .filter-form__mark {
      flex: 1 1 33.333%;
   }
}

@media (max-width: 767.98px) {
   .filter-form__mark {
      flex: 1 1 100%;
   }
}

@media (max-width: 520.98px) {
   .filter-form__mark {
      flex: 1 1 100%;
   }
}

.filter-form__title {
   margin: 12px;
}

.filter-form__color {
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1 1 25%;
}

@media (max-width: 991.98px) {
   .filter-form__color {
      flex: 1 1 33.333%;
   }
}

@media (max-width: 767.98px) {
   .filter-form__color {
      flex: 1 1 100%;
   }
}

@media (max-width: 520.98px) {
   .filter-form__color {
      flex: 1 1 100%;
   }
}

.filter-form__size {
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1 1 25%;
}

@media (max-width: 767.98px) {
   .filter-form__size {
      flex: 1 1 100%;
   }
}

@media (max-width: 520.98px) {
   .filter-form__size {
      flex: 1 1 100%;
   }
}

.filter-form__range {
   display: flex;
   align-items: flex-end;
   justify-content: center;
   flex: 1 1 25%;
   height: 100%;
   padding: 0 38px;
}

@media (max-width: 767.98px) {
   .filter-form__range {
      margin-top: 30px;
      flex: 1 1 100%;
   }
}

@media (max-width: 520.98px) {
   .filter-form__range {
      flex: 1 1 100%;
      margin-top: 30px;
   }
}

.filter-form__range__btn {
   padding: 0 8px;
}

.range-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 200px;
   height: 30px;
   padding: 18px 25px;
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 3px;
   font-size: 18px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .range-btn {
      font-size: calc(16px + 2 * (100vw - 320px) / 1120);
   }
}

.filter {
   margin: 2px;
}

.filter__input {
   margin: 0 2px;
}

.filter__label {
   margin: 0 2px;
}

.filter__label span {
   margin: 0 5px;
}

.cart {
   width: 100%;
   height: 100%;
}

.cart__container {
   width: 100%;
   padding: 5px;
   height: 100%;
}

.cart__wrapper {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   max-width: 1440px;
   margin: 0 auto;
   z-index: 3;
}

@media (max-width: 767.98px) {
   .cart__wrapper {
      flex-wrap: wrap;
      height: 100%;
   }
}

.articles-cart {
   width: 800px;
   margin: 20px 5px;
}

@media (max-width: 1440px) {
   .articles-cart {
      width: calc(300px + 500 * (100vw - 320px) / 1120);
   }
}

.articles-cart__title {
   margin: 12px;
}

.articles-cart__empty {
   margin-top: 60px;
}

.empty-cart {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.empty-cart__button {
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 3px;
   padding: 8px 15px;
   font-size: 18px;
   line-height: 28px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .empty-cart__button {
      font-size: calc(18px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .empty-cart__button {
      line-height: calc(25px + 3 * (100vw - 320px) / 1120);
   }
}

.empty-cart-title {
   font-size: 22px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .empty-cart-title {
      font-size: calc(20px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .empty-cart-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.articles-cart-title {
   font-size: 22px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .articles-cart-title {
      font-size: calc(20px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .articles-cart-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.article-table {
   border: 1px solid rgba(187, 154, 97, 0.2);
}

.product-image {
   position: relative;
   top: 0;
   left: 5px;
   width: 80px;
   height: 80px;
   object-fit: cover;
}

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

.product-name a {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   color: #000;
}

@media (max-width: 991.98px) {
   .product-name a {
      width: 100%;
   }
}

.product-price {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: center;
}

@media (max-width: 991.98px) {
   .product-price {
      width: 100%;
      text-align: right;
   }
}

.product-quantity {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: center;
}

@media (max-width: 991.98px) {
   .product-quantity {
      width: 100%;
      text-align: right;
   }
}

.product-subtotal {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: center;
}

@media (max-width: 991.98px) {
   .product-subtotal {
      width: 100%;
      text-align: right;
   }
}

.product-remove {
   width: 50px;
   font-family: "DMSans";
   font-weight: 500;
   text-align: center;
}

@media (max-width: 991.98px) {
   .product-remove {
      width: 100%;
      text-align: right;
   }
}

.product-status span {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   color: #008000;
}

@media (max-width: 991.98px) {
   .product-status span {
      width: 100%;
      text-align: right;
   }
}

.quantity {
   display: flex;
   align-items: center;
   justify-content: center;
}

@media (max-width: 991.98px) {
   .quantity {
      width: 100%;
      justify-content: space-between;
   }
}

.quantity-button {
   display: flex;
}

.quantity-button__minus {
   border: 1px solid rgba(192, 192, 192, 0.7529411765);
   padding: 0px 8px;
   width: 30px;
   height: 30px;
}

.quantity-button__minus span {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 700;
}

.quantity-button__number {
   width: 30px;
   height: 30px;
   border-top: 1px solid rgba(192, 192, 192, 0.7529411765);
   border-bottom: 1px solid rgba(192, 192, 192, 0.7529411765);
   padding: 5px 8px;
   text-align: center;
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 400;
}

.quantity-button__plus {
   border: 1px solid rgba(192, 192, 192, 0.7529411765);
   padding: 0px 8px;
   width: 30px;
   height: 30px;
}

.quantity-button__plus span {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 700;
   text-align: center;
}

.cart-total {
   width: 300px;
   border: 1px solid rgba(187, 154, 97, 0.2);
   margin: 20px 8px;
}

@media (max-width: 1440px) {
   .cart-total {
      width: calc(300px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 767.98px) {
   .cart-total {
      width: 100%;
   }
}

.cart-total__main {
   display: flex;
   flex-direction: column;
}

.cart-total-header {
   border-bottom: 1px solid rgba(187, 154, 97, 0.2);
}

.cart-total-header__title {
   padding: 15px 12px;
}

.cart-total-header-title {
   font-family: "DMSans";
   font-weight: 500;
   font-size: 18px;
}

.cart-total-body {
   font-family: "DMSans";
   font-weight: 500;
}

.cart-total-subtotal {
   font-family: "DMSans";
   font-weight: 500;
}

.subtotal-title {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid rgba(187, 154, 97, 0.2);
   padding: 0.35em;
}

.subtotal-title__title {
   display: flex;
   justify-content: space-between;
   padding: 12px;
}

.subtotal-title__price {
   display: flex;
   justify-content: space-between;
   padding: 12px;
}

.cart-total-footer {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.cart-total-footer__coupon {
   margin: 10px;
}

.cart-total-footer__process-btn {
   margin: 5px 2px;
   padding: 25px 20px;
}

.process-btn {
   width: 280px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(187, 154, 97, 0.9);
   opacity: 0.9;
   border-radius: 3px;
   font-family: "DMSans";
   font-weight: 700;
   cursor: pointer;
   color: #000;
}

.process-btn:hover {
   background-color: rgb(167, 119, 37);
}

.icon-trash {
   color: rgb(167, 119, 37);
}

.icon-trash:hover {
   color: rgb(243, 21, 6);
}

.checkout {
   width: 100%;
   height: 100%;
   margin-top: 40px;
}

.checkout__wrapper {
   display: flex;
   justify-content: space-evenly;
   max-width: 1440px;
   padding: 0 8px;
   margin: 0 auto;
}

@media (max-width: 767.98px) {
   .checkout__wrapper {
      width: 100%;
      flex-wrap: wrap;
   }
}

.checkout-form {
   flex: 0 0 60%;
   margin-right: 15px;
}

@media (max-width: 767.98px) {
   .checkout-form {
      flex: 0 0 100%;
      margin-right: 0px;
   }
}

.form-checkout {
   padding: 5px;
   width: 100%;
}

.form-checkout__title {
   font-family: "DMSans";
   font-size: 16px;
   font-weight: 700;
   text-align: left;
   color: #000;
   margin: 12px 0;
   padding: 5px;
   border-bottom: 1px solid #c0c0c0;
}

.form-checkout__personal-info {
   display: flex;
   justify-content: flex-start;
}

@media (max-width: 767.98px) {
   .info-personal {
      display: flex;
      flex-direction: column;
   }
}

.info-personal__name {
   width: 100%;
   padding: 10px 12px 0 0px;
   margin-top: 10px;
}

@media (max-width: 767.98px) {
   .info-personal__name {
      padding: 0;
   }
}

.info-personal__surname {
   width: 100%;
   padding: 10px 0px 0 0px;
   margin-top: 10px;
}

@media (max-width: 767.98px) {
   .info-personal__surname {
      padding: 0;
   }
}

.form-label {
   width: 100%;
   padding: 12px 5px 3px 5px;
   font-family: "DMSans";
   font-size: 12px;
   font-weight: 400;
   text-align: left;
   color: #000;
}

.form-label span {
   color: #ff0000;
}

.form-input {
   width: 100%;
   height: 30px;
   padding: 0 8px;
   margin: 2px 0;
}

.info-billing__item {
   display: flex;
   flex-direction: column;
}

/**
*
*/
.checkout-form-process {
   display: flex;
   flex-direction: column;
   overflow: visible;
}

.order-process {
   flex: 1 0 100%;
   transition: all 0.0001s;
}

.next {
   width: 100%;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 5px 0;
   padding: 0 37px;
}

.next__btn-prev {
   display: block;
   visibility: visible;
}

.next__btn-next {
   display: block;
   visibility: visible;
}

.next__btn-prev.active {
   display: block;
   visibility: hidden;
}

.next__btn-next.active {
   display: none;
   visibility: hidden;
}

.form-label {
   font-size: 1rem;
   font-weight: 500;
   font-family: "DMSans";
   color: #000;
}

.livrason__item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 8px 0;
   padding: 0 12px;
   background-color: #fff;
}

.livrason__item_image {
   width: 110px;
   height: 60px;
}

.livrason__item_image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.livrason-items {
   display: flex;
   justify-content: space-around;
}

.livrason-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
   border: 1px solid #c0c0c0;
   border-radius: 4px;
   width: 33.333%;
   height: 350px;
   margin: 18px;
   padding: 3px;
   background-color: #fff;
}

.livrason-card__image {
   width: 150px;
   height: 100px;
}

.livrason-card__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.livrason-card__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 12px 8px;
   padding: 5px 18px;
   border: 1px solid #c0c0c0;
   border-radius: 3px;
}

.order {
   flex: 0 0 40%;
   margin-left: 15px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.order__checkout {
   width: 100%;
}

@media (max-width: 767.98px) {
   .order {
      flex: 1 1 100%;
      margin: 30px 0px;
   }
}

.order__title {
   width: 100%;
   margin: 12px 0;
   padding: 5px;
   border-bottom: 1px solid #c0c0c0;
}

.order__list {
   width: 100%;

}

.order__list li {
   margin: 5px 0;
   padding: 0 15px 0 0px;
   background-color: #fff;
}

.order__amount {
   margin: 3px 0;
}

.order__livrason-method {
   margin: 12px 0;
}

.order__payment-method {
   margin: 12px 0;
}

.order__total {
   width: 100%;
   margin: 3px 0;
}

.order__discount {
   width: 100%;
   margin: 3px 0;
}

.order__reglament {
   margin: 12px 0;
}

.order__button {
   margin: 12px 0;
   padding: 15px 20px;
}

.order-product {
   width: 100%;
   display: flex;
   align-items: center;

   padding: 2px;
}

.order-product__image {
   flex: 0 0 10%;
   height: 50px;
}

.order-product__image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.order-product__name {
   flex: 0 0 73%;
   padding: 13px 5px;
   font-size: 12px;
}

.order-product__quantity {
   flex: 0 0 5%;
   height: 50px;
   padding: 13px 0;
   font-size: 12px;
}

.order-product__amount {
   flex: 0 0 15%;
   height: 50px;
   padding: 13px 8px 0 0;
}

.order-product__amount span {
   margin: 0 5px;
   font-size: 14px;
}

.product-sum {
   width: 100%;
   display: flex;
   justify-content: space-between;
   padding: 8px;
   background-color: #fff;
}

.product-sum__sum span {
   margin: 0 5px;
}

.payment-method {
   width: 100%;
   padding: 8px;
   margin: 11px 0;
}

.payment-method__title {
   margin: 15px 0;
}

.payment-method__payment-method {
   display: flex;
   flex-direction: column;
   background-color: #fff;
   padding: 0 5px;
}

.payment-method__payment {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   margin: 12px 0;
}

.payment__label {
   display: flex;
   align-items: center;
   height: 40px;
}

.payment__label span {
   margin: 0 5px;
}

.method-livrason {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 8px;
   margin: 5px 0;
   background-color: #fff;
}

.method-livrason__title {
   margin: 15px 0;
}

.livrason {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 10px 0;
}

.livrason__price span {
   margin: 0 5px;
}

.order-total {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px;
   background-color: #fff;
}

.order-total__sum span {
   margin: 0 5px;
}

.order-discount {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px;
   background-color: #fff;
}

.order-livrason {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px;
   background-color: #fff;
}

.order-discount__sum span {
   margin: 0 5px;
}

.order-reglament {
   padding: 8px;
   width: 100%;
}

.order-reglament__description {
   font-family: "DMSans";
   font-size: 9px;
   font-weight: 400;
   text-align: left;
   line-height: 18px;
   letter-spacing: 1px;
   color: #000;
}

.order-reglament__validation {
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
   margin: 10px 0;
}

.order-reglament__loyalty {
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
   margin: 10px 0;
}

.reglament__label {
   margin: 0 10px;
}

.reglament__link {
   padding: 0 5px;
   text-decoration: underline;
   cursor: pointer;
}

.reglament__link span {
   color: #ff0000;
}

.amount {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
}

.checkout-title {
   font-family: "DMSans";
   font-size: 12px;
   font-weight: 700;
   text-align: left;
   letter-spacing: 1px;
   color: #000;
   text-transform: uppercase;
}

.checkout-subtitle {
   font-family: "DMSans";
   font-size: 14px;
   font-weight: 700;
   text-align: left;
   color: #000;
}

.reglament-link {
   font-family: "DMSans";
   font-size: 15px;
   font-weight: 400;
   text-align: center;
   line-height: 18px;
   letter-spacing: 1px;
   color: #000;
}

.ecommerce-btn {
   width: 260px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(187, 154, 97, 0.9);
   opacity: 0.9;
   border-radius: 3px;
   font-family: "DMSans";
   font-weight: 700;
   cursor: pointer;
   color: #000;
   text-transform: uppercase;
   margin-left: 0px;
}

@media (max-width: 1440px) {
   .ecommerce-btn {
      margin-left: calc(0px + 0 * (100vw - 320px) / 1120);
   }
}

.ecommerce-btn__link:hover {
   background-color: rgb(167, 119, 37);
}

.ecommerce-btn:hover {
   background-color: rgb(167, 119, 37);
}

.auth {
   width: 100%;
   height: 100%;
   margin-top: 30px;
}

@media (max-width: 1440px) {
   .auth {
      margin-top: calc(0px + 30 * (100vw - 320px) / 1120);
   }
}

.auth__container {
   max-width: 1440px;
   margin: 0 auto;
   height: 100%;
}

.auth__wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
}

.auth__form {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
}

.auth-form-item {
   width: 600px;
}

@media (max-width: 991.98px) {
   .auth-form-item {
      width: 100%;
      padding: 8px;
   }
}

.auth-form-item__title {
   margin: 18px;
}

.auth-form-item__label {
   margin: 8px 0;
}

.auth-form-item__label span {
   color: #ff0000;
}

.auth-form-item__term {
   margin: 12px 0;
   padding: 0 5px;
}

.auth-form-item__input {
   width: 100%;
   height: 35px;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 8px;
}

.auth-form-item__remember-password {
   width: 100%;
}

.auth-form-item__input-checkbox {
   margin: 12px 8px;
}

.auth-form-item__auth-link {
   width: 100%;
   display: flex;
   justify-content: space-evenly;
}

.auth-form-item__sing {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   margin-right: 10px;
}

.auth-form-item__btn {
   margin: 28px 0;
}

.auth-title {
   font-size: 26px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .auth-title {
      font-size: calc(20px + 6 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-label {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .auth-label {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-label {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-label-term {
   font-size: 14px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .auth-label-term {
      font-size: calc(14px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-label-term {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-input {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .auth-input {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-input {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-link {
   margin: 19px;
}

.auth-link__link {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   text-decoration: underline;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .auth-link__link {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-link__link {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-link__link_sing {
   margin-right: 4px;
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
   margin-right: 10px;
}

@media (max-width: 1440px) {
   .auth-link__link_sing {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-link__link_sing {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-btn {
   width: 200px;
   height: 40px;
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   border: 1px solid rgb(187, 154, 97);
   border-radius: 5px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .auth-btn {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .auth-btn {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.auth-btn:hover {
   background-color: rgb(187, 154, 97);
   color: rgb(253, 249, 246);
}

.contact {
   width: 100%;
   height: 100%;
   margin-top: 30px;
}

@media (max-width: 1440px) {
   .contact {
      margin-top: calc(0px + 30 * (100vw - 320px) / 1120);
   }
}

.contact__container {
   max-width: 1440px;
   margin: 0 auto;
   height: 100%;
}

.contact__wrapper {
   display: flex;
   align-items: flex-start;
   justify-content: space-evenly;
   width: 100%;
   height: 100%;
}

@media (max-width: 767.98px) {
   .contact__wrapper {
      flex-wrap: wrap;
   }
}

.contact__form {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
}

.contact__info {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.contact-form-item {
   width: 500px;
}

@media (max-width: 1440px) {
   .contact-form-item {
      width: calc(400px + 100 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 767.98px) {
   .contact-form-item {
      width: 100%;
      padding: 8px;
   }
}

.contact-form-item__title {
   margin: 19px 3px;
}

.contact-form-item__label {
   margin: 8px 0;
}

.contact-form-item__input {
   width: 100%;
   height: 35px;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 8px;
}

.contact-form-item__input-textarea {
   width: 100%;
   min-height: 100px;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 8px;
}

.contact-form-item__btn {
   margin: 28px 0;
}

.contact-info {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   width: 300px;
   margin-top: 40px;
}

@media (max-width: 1440px) {
   .contact-info {
      width: calc(250px + 50 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 767.98px) {
   .contact-info {
      width: 100%;
      padding: 8px;
   }
}

.contact-info__logo {
   width: 100%;
   margin: 18px;
   font-size: 20px;
   line-height: 22px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .contact-info__logo {
      font-size: calc(20px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .contact-info__logo {
      line-height: calc(15px + 7 * (100vw - 320px) / 1120);
   }
}

.contact-info__location {
   display: flex;
   align-items: center;
   margin: 8px;
}

.contact-info__location span {
   margin-left: 5px;
}

.contact-info__phone {
   display: flex;
   align-items: center;
   margin: 5px;
}

.contact-info__phone span {
   margin-left: 5px;
}

.contact-info__email {
   display: flex;
   align-items: center;
   margin: 5px;
}

.contact-info__email span {
   margin-left: 5px;
}

.icon-location {
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-location {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.icon-phone {
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-phone {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.icon-mail1 {
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .icon-mail1 {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

.contact-title {
   font-size: 26px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .contact-title {
      font-size: calc(20px + 6 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .contact-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.contact-label {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .contact-label {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .contact-label {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.contact-input {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .contact-input {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .contact-input {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.contact-texarea {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .contact-texarea {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .contact-texarea {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.contact-btn {
   width: 200px;
   height: 40px;
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   border: 1px solid rgb(187, 154, 97);
   border-radius: 5px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .contact-btn {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .contact-btn {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.contact-btn:hover {
   background-color: rgb(187, 154, 97);
   color: rgb(253, 249, 246);
}

.profile {
   width: 100%;
   height: 100%;
}

.profile__container {
   max-width: 1440px;
   margin: 0 auto;
}

.profile__wrapper {
   display: flex;
   padding: 0 10px;
   width: 100%;
   justify-content: space-between;
}

@media (max-width: 991.98px) {
   .profile__wrapper {
      flex-wrap: wrap;
      padding: 0;
   }
}

.profile-menu {
   width: 300px;
}

@media (max-width: 1440px) {
   .profile-menu {
      width: calc(200px + 100 * (100vw - 320px) / 1120);
   }
}

.profile-menu__menu {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

@media (max-width: 991.98px) {
   .profile-menu__menu {
      width: 100%;
      display: none;
      visibility: hidden;
   }
}

@media (max-width: 767.98px) {
   .profile-menu__menu {
      width: 100%;
   }
}

.profile-menu__list>li {
   margin: 16px 0;
   padding: 0 8px;
}

.profile-menu__link {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: #000;
}

@media (max-width: 1440px) {
   .profile-menu__link {
      font-size: calc(14px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .profile-menu__link {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.profile-menu__sublist {
   display: none;
   visibility: hidden;
}

.profile-menu__sublist li {
   margin: 8px 0px 8px 6px;
}

.profile-menu__sublist.show {
   display: flex;
   flex-direction: column;
   visibility: visible;
   transition: visibility 0.6s ease 0s;
}

.profile-menu__sublink {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: #000;
}

@media (max-width: 1440px) {
   .profile-menu__sublink {
      font-size: calc(14px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .profile-menu__sublink {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.profile-content {
   width: 1000px;
}

@media (max-width: 1440px) {
   .profile-content {
      width: calc(60px + 940 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .profile-content {
      width: 100%;
   }
}

@media (max-width: 767.98px) {
   .profile-content {
      width: 100%;
   }
}

.profile-content__main {
   padding: 0 8px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.personal-info {
   display: flex;
   flex-direction: column;
   width: 100%;
   min-height: 100%;
   padding-top: 0px;
}

@media (max-width: 1440px) {
   .personal-info {
      padding-top: calc(0px + 0 * (100vw - 320px) / 1120);
   }
}

.personal-info__items {
   display: flex;
   width: 100%;
   padding: 20px 0px 0 0px;
}

@media (max-width: 767.98px) {
   .personal-info__items {
      flex-direction: column;
   }
}

.personal-info__links {
   display: flex;
   align-items: center;
   margin: 5px 0px;
}

@media (max-width: 767.98px) {
   .personal-info__links {
      margin: 12px 0px;
   }
}

.personal-info__item {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   color: #000;
}

@media (max-width: 1440px) {
   .personal-info__item {
      font-size: calc(14px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .personal-info__item {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.personal-info__body {
   width: 100%;
   padding: 0 18px 0 18px;
}

@media (max-width: 767.98px) {
   .personal-info__body {
      padding: 0;
   }
}

.personal-info__block {
   display: block;
   visibility: visible;
   width: 100%;
   padding: 18px 8px 60px 8px;
}

@media (max-width: 520.98px) {
   .personal-info__block {
      height: 100%;
   }
}

.personal-info-items {
   display: flex;
   flex-direction: column;
   width: 100%;
   min-height: 100%;
   padding: 5px;
}

.personal-info-items__title {
   margin: 12px 0;
}

.personal-info-items-title {
   font-size: 14px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .personal-info-items-title {
      font-size: calc(14px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .personal-info-items-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.personal-info-items>li {
   width: 100%;
   text-decoration: none;
   list-style: none;
   margin: 8px 0;
}

.personal-info-item {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .personal-info-item {
      font-size: calc(14px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .personal-info-item {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.personal-info-item span {
   font-size: 16px;
   line-height: 18px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
   margin-left: 12px;
}

@media (max-width: 1440px) {
   .personal-info-item span {
      font-size: calc(14px + 2 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .personal-info-item span {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.personal-info-form {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
}

.form-item {
   width: 100%;
   height: 100%;
}

.form-item__title {
   margin: 18px;
}

.form-item__label {
   margin: 8px 0;
}

.form-item__input {
   width: 100%;
   height: 30px;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 8px;
}

.form-item__btn {
   margin: 28px 0;
}

.form-title {
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .form-title {
      font-size: calc(14px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .form-title {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.form-input {
   font-size: 14px;
   line-height: 16px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgb(187, 154, 97);
}

@media (max-width: 1440px) {
   .form-input {
      font-size: calc(14px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .form-input {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.form-label {
   font-size: 14px;
   line-height: 16px;
   text-align: left;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .form-label {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .form-label {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.form-btn {
   width: 200px;
   height: 40px;
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   font-family: "DMSans";
   font-weight: 200;
   letter-spacing: 1px;
   border: 1px solid rgb(187, 154, 97);
   border-radius: 5px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .form-btn {
      font-size: calc(16px + 0 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .form-btn {
      line-height: calc(15px + 3 * (100vw - 320px) / 1120);
   }
}

.promotion {
   margin-left: 0px;
}

@media (max-width: 991.98px) {
   .promotion {
      width: 100%;
      padding: 0 8px;
   }
}

@media (max-width: 767.98px) {
   .promotion {
      width: 100%;
   }
}

.promotion__body {
   margin: 22px 0;
   width: 100%;
}

.promo-code {
   margin-bottom: 32px;
}

.promo-code__title {
   margin-bottom: 15px;
}

.promo-code__value {
   width: 100%;
   height: 35px;
   border: 1px solid rgba(187, 154, 97, 0.2);
   border-radius: 3px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.promo-title {
   font-size: 1.1rem;
   font-weight: 500;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

.promo-value {
   font-size: 1rem;
   font-weight: 500;
   font-family: "DMSans";
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.8);
}

.update-personal-info-item {
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: space-between;
   margin: 10px 0;
}

.update-personal-info-item__title {
   margin: 12px 0;
}

.update-personal-info-item__button span {
   font-size: 0.9rem;
   font-weight: 500;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

.icon-pencil {
   font-size: 1.1rem;
   font-weight: 500;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

.shares {
   height: 100%;
}

.shares__items {
   margin: 0 auto;
   max-width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.shares-item {
   display: flex;
   margin: 15px 6px;
}

@media (max-width: 767.98px) {
   .shares-item {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
   }
}

.shares-item__images {
   width: 350px;
   height: 200px;
}

@media (max-width: 1440px) {
   .shares-item__images {
      width: calc(300px + 50 * (100vw - 320px) / 1120);
   }
}
@media (max-width: 767.98px) {
   .shares-item__images {
      width: 100%;
      height: 250px;
   }
}
.shares-item__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.shares-item__content {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 10px;
   width: 100%;
}

.shares-item__titile {
   width: 100%;
   margin: 1px 6px 15px 6px;
}

.shares-item__court-description {
   width: 100%;
   margin: 5px;
}

.shares-item__description {
   padding: 8px;
}

.shares-item__button {
   margin: 12px 0;
}

.shares-item-btn {
   width: 200px;
   height: 35px;
   border: 1px solid rgba(187, 154, 97, 0.2);
   border-radius: 3px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 0.9rem;
   font-weight: 500;
   font-family: "DMSans";
   text-align: center;
   color: rgb(187, 154, 97);
}

.payment {
   width: 100%;
   height: 100%;
}

.payment__container {
   margin: 0 auto;
   max-width: 1440px;
   height: 100vh;
}

.payment__wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
}

.payment-info {
   width: 100%;
}

.payment-info__title {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 20px 10px 50px 10px;
   font-size: 32px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .payment-info__title {
      font-size: calc(26px + 6 * (100vw - 320px) / 1120);
   }
}

.payment-card-form {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   width: 100%;
}

@media (max-width: 991.98px) {
   .payment-card-form {
      height: 100%;
      flex-wrap: wrap;
      justify-content: center;
   }
}

.payment-credit-card {
   width: 400px;
   height: 255px;
   color: #fff;
   cursor: pointer;
}

@media (max-width: 1440px) {
   .payment-credit-card {
      width: calc(300px + 100 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 1440px) {
   .payment-credit-card {
      height: calc(200px + 55 * (100vw - 320px) / 1120);
   }
}

@media (max-width: 991.98px) {
   .payment-credit-card {
      margin: 30px 0;
   }
}

.payment-credit-card-inner {
   width: 100%;
   height: 100%;
   position: relative;
   transition: transform 1s;
   transform-style: preserve-3d;
}

.front {
   width: 100%;
   height: 100%;
   background-image: linear-gradient(45deg, #0045c7, #ff2c7d);
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px 30px;
   border-radius: 15px;
   overflow: hidden;
   z-index: 1;
   backface-visibility: hidden;
   box-shadow: 4px 4px 5px #555;
}

.front__items-background {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.front__numbers {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   position: absolute;
   top: 40%;
   left: 0px;
   z-index: 3;
   width: 100%;
   height: 30px;
}

.front__numbers span {
   color: #fff;
   z-index: 3;
   font-size: 28px;
}

.front__info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: absolute;
   z-index: 3;
   bottom: 20px;
   left: 0px;
   width: 100%;
   height: 40px;
   padding: 0 22px;
}

.front img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.payment-credit-card:hover .payment-credit-card-inner {
   transform: rotateY(-180deg);
}

.item-background {
   width: 100%;
}

.item-background__chip {
   position: absolute;
   top: 29px;
   left: 25px;
   width: 40px;
   height: 35px;
}

.item-background__payment-gateway {
   position: absolute;
   top: 20px;
   right: 25px;
   width: 70px;
   height: 50px;
}

.item-background__chip img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.item-background__payment-gateway img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

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

.card-holder__title {
   color: #fff;
   z-index: 3;
   font-size: 12px;
   padding: 5px;
}

.card-holder__name {
   color: #fff;
   z-index: 3;
   font-size: 16px;
}

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

.card-valid__title {
   color: #fff;
   z-index: 3;
   padding: 5px;
   font-size: 12px;
}

.card-valid__date {
   color: #fff;
   z-index: 3;
   font-size: 16px;
}

.back {
   width: 100%;
   height: 100%;
   background-image: linear-gradient(45deg, #0045c7, #ff2c7d);
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px 30px;
   border-radius: 15px;
   overflow: hidden;
   z-index: 1;
   backface-visibility: hidden;
   transform: rotateY(180deg);
   box-shadow: 4px 4px 5px #555;
}

.back__magnetik-bar {
   position: absolute;
   top: 20px;
   left: 0;
   background: #222;
   margin-left: 0px;
   margin-right: 0px;
   width: 100%;
   height: 60px;
   margin-top: 10px;
   z-index: 5;
}

.back__pattern {
   position: absolute;
   top: 100px;
   left: 0;
   width: 350px;
   height: 40px;
   margin: 0 25px;
   z-index: 5;
}

.back__pattern img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.back__text {
   position: absolute;
   top: 140px;
   left: 0;
   width: 100%;
   height: 40px;
   z-index: 5;
   padding: 8px 20px;
   font-size: 10px;
}

.back__signature {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: absolute;
   top: 190px;
   left: 0;
   width: 100%;
   height: 40px;
}

.back img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.back-signature {
   width: 100%;
   height: 60px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.back-signature__title {
   width: 100%;
   height: 40px;
   z-index: 5;
   padding: 8px 20px;
   font-size: 10px;
}

.back-signature__payment-gateway {
   width: 100px;
   height: 60px;
   z-index: 5;
   padding: 8px 20px;
}

.back-signature__payment-gateway img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.card-cvv__block span {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0px;
   right: 0px;
   width: 60px;
   height: 40px;
   background: #fff;
   color: #000;
   font-size: 16px;
}

.payment-form {
   width: 500px;
   height: 100%;
   padding: 20px;
}

@media (max-width: 991.98px) {
   .payment-form {
      width: 100%;
      padding: 20px;
   }
}

.payment-form-item {
   display: flex;
   flex-direction: column;
   padding: 3px 10px;
   width: 100%;
}

.payment-form-item__label {
   margin-left: 8px;
   font-size: 18px;
   font-weight: 500;
   line-height: 32px;
   font-family: "DMSans";
   text-align: left;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .payment-form-item__label {
      font-size: calc(16px + 2 * (100vw - 320px) / 1120);
   }
}

.payment-form-item__input {
   width: 100%;
   margin: 12px 0;
   padding: 17px 15px;
   border-radius: 3px;
}

.payment-form-item__card-info {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

@media (max-width: 991.98px) {
   .payment-form-item__card-info {
      flex-wrap: wrap;
   }
}

.payment-form-item__action {
   display: flex;
   align-items: flex-start;
   margin: 12px 0;
   padding: 10px;
   width: 100%;
}

.payment-form-item__text {
   font-size: 12px;
   font-weight: 500;
   line-height: 12px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
   padding: 2px 8px;
}

@media (max-width: 1440px) {
   .payment-form-item__text {
      font-size: calc(12px + 0 * (100vw - 320px) / 1120);
   }
}

.payment-form-item__button {
   width: 100%;
   height: 40px;
   border-radius: 3px;
   background-color: aqua;
   font-size: 18px;
   font-weight: 600;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .payment-form-item__button {
      font-size: calc(16px + 2 * (100vw - 320px) / 1120);
   }
}

/**
 * basket popup
 */
.basket {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 45px;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(253, 249, 246, 0.7);
   z-index: 3;
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
}

.basket__container {
   max-width: 100%;
   margin: 0 auto;
}

.basket.open {
   visibility: visible;
   opacity: 1;
   overflow-y: auto;
}

.basket-content {
   display: flex;
   align-items: center;
   flex-direction: column;
   margin: 0px 1px 10px 1px;
   background: rgb(253, 249, 246);
   position: relative;

}

.basket-content__wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 40px;

}

.btn-close {
   position: absolute;
   width: 100%;
   min-height: 60px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding-right: 40px;
   position: fixed;
   top: 60px;
   right: 0;
}

.hide {
   display: none;
   visibility: hidden;
}

.not-data {
   width: 100%;
   height: 600px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 40px;
   font-size: 18px;
   font-weight: 600;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

.loader {
   width: 100%;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 22px;
   font-weight: 600;
   line-height: 32px;
   font-family: "DMSans";
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
}

.swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/**
*  popup
*/
.message {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 55px;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(253, 249, 246, 0.7);
   z-index: 3;
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
}

.message__container {
   max-width: 1440px;
   margin: 0 auto;
   height: 100%;
}

.message._open {
   visibility: visible;
   opacity: 1;
}

.message-content {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   flex-direction: column;
   margin: 0px 10px 10px 10px;
   background: rgba(253, 249, 246, 0.7);
}

.message-content__button {}

.message-content__wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

/**
* popup zoom image
*/
.zoom {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(253, 249, 246, 1);
   z-index: 3;
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
}

.zoom__container {
   max-width: 1440px;
   margin: 0 auto;
}

.zoom._open {
   visibility: visible;
   opacity: 1;
   overflow: scroll;
}

.zoom-content {
   width: 100%;
   background: rgba(253, 249, 246, 0.9);
}

.zoom-button {
   position: fixed;
   top: 50px;
   right: 10px;
   width: 100%;
   height: 20px;
   display: flex;
   justify-content: flex-end;
   margin-top: 30px;
   margin-right: 10px;
   font-size: 16px;
   font-weight: 400;
   font-family: "Shrikhand";
   color: rgba(187, 154, 97, 0.9);
   z-index: 3;
}

.zoom-content__wrapper {
   width: 100%;
   height: 100%;
   margin-top: 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

}

.zoom-image {
   width: 100%;

   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 30px;
   margin-top: 30px;
}

@media (max-width: 991px) {}

.image-zoom {
   cursor: zoom-in;
}

/**
*  custom slider
*/
.slider {
   position: relative;
   width: 100%;
   margin: 0 auto;
   user-select: none;
   touch-action: pan-y;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   flex-wrap: wrap;
}

.slider img {
   pointer-events: none;

}

.slider-list {
   width: 100%;
   height: 100%;
   margin: 15px;

}

.slider-list.grab {
   cursor: grab;
}

.slider-list.grabbing {
   cursor: grabbing;
}

.slider-track {
   display: flex;
}

.slide {
   width: 100%;
   height: 100%;
   display: flex;
   flex-shrink: 0;
   font-size: 50px;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}

.slide-image {
   width: 320px;
   position: relative;
   top: 0;
   left: 0;
   border-radius: 3px;
   padding: 5px;
   flex-wrap: wrap;

}

.slide-image__images {
   width: 320px;
   height: 450px;
   position: relative;
}

.slide-image__images img {
   width: 100%;
   height: 100%;
   padding: 5px;
   position: relative;
   object-fit: contain;

}

@media (max-width: 991.98px) {
   .slide-image {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
   }
}

@media (max-width: 1440px) {
   .slide-image__images {
      width: calc(300px + 20 * (100vw - 320px) / 1120);
   }
}


.slider-arrows {
   position: absolute;
   top: 50%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}

.btn-next,
.btn-prev {
   background: none;
   border: none;
   margin: 0 10px;
   font-size: 40px;
   font-weight: bold;
   color: rgba(187, 154, 97, 0.9);
   cursor: pointer;

}

.btn-next.disabled,
.btn-prev.disabled {
   opacity: .015;
   pointer-events: none;
}

/**============================ commentary css ======================*/
.commentary {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 22px;
}

.commentary__link {
   color: rgba(187, 154, 97, 0.9);
   font-size: 14px;
   font-family: "DMSans";
   font-weight: 400;
   cursor: pointer;
   margin: 0 6px 0 6px;
}

/**
*rating form 
*/
.rating-form {
   width: 100%;
}

.rating-form__lable {
   text-align: center;
   margin-bottom: 8px;
}

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

.rating-form__item {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   margin: 10px;
}

.rating-form__input {
   width: 100%;
}

.rating-form__textarea {
   width: 100%;
   padding: 10px;
   border: 1px solid #ffd700;
}

.rating-form__btn {
   width: 130px;
   padding: 5px;
   border: 2px solid #ffd700;
}

.rating {
   display: flex;
   align-items: flex-end;
   font-size: 50px;
   line-height: 0.75;
}

.rating__body {
   position: relative;
   color: #000;
}

.rating__active {
   position: absolute;
   width: 0%;
   height: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
}

.rating__items {
   display: flex;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.rating__item {
   flex: 0 0 20%;
   height: 100%;
   cursor: pointer;
   opacity: 0;
}

.rating__value {
   font-size: 50%;
   line-height: 1;
   padding: 0px 0px 0px 10px;
   opacity: 0;
}

.rating__body::before {
   content: "☆☆☆☆☆";
   display: block;
}

.rating__active::before {
   content: "☆☆☆☆☆";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   color: gold;
}

.lable {
   width: 100%;
   text-align: left;
   padding: 3px;
}

/**
 *rating block
 */
.ratings {
   display: flex;
   align-items: flex-end;
   font-size: 30px;
   line-height: 0.75;
}

.ratings__body {
   position: relative;
}

.ratings__active {
   position: absolute;
   width: 0%;
   height: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
}

.ratings__items {
   display: flex;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.ratings__item {
   flex: 0 0 20%;
   height: 100%;
   cursor: pointer;
   opacity: 0;
}

.ratings__value {
   font-size: 50%;
   line-height: 1;
   padding: 0px 0px 0px 10px;
   color: gold;
}

.ratings__body::before {
   content: "☆☆☆☆☆";
   display: block;
}

.ratings__active::before {
   content: "☆☆☆☆☆";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   color: gold;
}

/**
* account order css
*/
.account-order {
   width: 100%;
   height: 100%;
   padding: 8px 17px;
}

@media (max-width: 991.98px) {
   .account-order {
      padding: 8px 1px;
   }
}

.account-order__wrapper {
   display: flex;
   flex-direction: column;
}

.order-cart {
   width: 100%;
   height: 100%;
   padding: 8px 7px;
   margin: 0 0 18px 0;
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 5px;
   background-color: rgb(253, 249, 246);
}

@media (max-width: 991.98px) {
   .order-cart {
      padding: 8px 5px;
   }
}

.order-cart__livrasons {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px 17px;
   border-bottom: 1px solid rgba(187, 154, 97, 0.9);
}

.order-cart__products {
   padding: 15px 0 15px 0;
}

.order-cart__invoices {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: space-between;
   border-top: 1px solid rgba(187, 154, 97, 0.9);
}

@media (max-width: 991.98px) {
   .order-cart__invoices {
      flex-wrap: wrap;
   }
}

.order-cart__buttons {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 18px 0 0 0;
   padding: 0px;
   flex-wrap: wrap;
}

@media (max-width: 991.98px) {
   .order-cart__buttons {
      flex-wrap: wrap;
   }
}

.order-cart-livrason {
   width: 100%;
}

.order-cart-livrason__number {
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: left;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .order-cart-livrason__number {
      font-size: calc(16px + -2 * (100vw - 320px) / 1120);
   }
}

.order-cart-livrason__status {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 1px;
   color: rgba(31, 185, 57, 0.9);
}

@media (max-width: 1440px) {
   .order-cart-livrason__status {
      font-size: calc(16px + -2 * (100vw - 320px) / 1120);
   }
}

.payment-status span {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 1px;
   color: rgba(31, 185, 57, 0.9);
}

.order-cart-btn {
   flex: 0 0 157px;
   margin: 5px 8px;
   font-size: 12px;
   line-height: 22px;
   font-weight: 600;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 1px;
   color: rgba(30, 17, 219, 0.9);
   border: 1px solid rgba(187, 154, 97, 0.9);
   border-radius: 5px;
   padding: 3px 1px;
}

@media (max-width: 991.98px) {
   .order-cart-btn {
      flex: 0 0 100%;
      margin-bottom: 13px;
   }
}

@media (max-width: 1440px) {
   .order-cart-btn {
      font-size: calc(14px + -2 * (100vw - 320px) / 1120);
   }
}

.order-cart-btn:hover {
   background-color: rgba(187, 154, 97, 0.9);
}

.invoices-cart {
   flex: 0 0 50%;
   margin-top: 3px;
}

@media (max-width: 991.98px) {
   .invoices-cart {
      flex: 0 0 100%;
      margin-bottom: 13px;
   }
}

.invoices-cart__title {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

.invoices-cart__address {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.invoices-cart__address span {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   line-height: 22px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
   margin-left: 8px;
}

@media (max-width: 1440px) {
   .invoices-cart__title {
      font-size: calc(16px + -2 * (100vw - 320px) / 1120);
   }
}

.invoices-cart__livrason {
   width: 100%;
   display: flex;
   align-items: center;
}

.invoices-cart .invoices-cart-livrason__image {
   position: relative;

   width: 50px;
   height: 40px;
   padding: 2px;
}

.invoices-cart .invoices-cart-livrason__image img {
   position: absolute;
   width: 100%;
   height: 100%;

}

.invoices-cart__description span {
   margin: 0 2px;
}

.recepient {
   font-size: 12px;
   line-height: 19px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: left;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .recepient {
      font-size: calc(10px + 2 * (100vw - 320px) / 1120);
   }
}

.recepient span {
   font-size: 12px;
   line-height: 19px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: left;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .recepient span {
      font-size: calc(10px + 2 * (100vw - 320px) / 1120);
   }
}

.payment-cart {
   flex: 0 0 50%;
   margin-top: 3px;
}

@media (max-width: 991.98px) {
   .payment-cart {
      flex: 0 0 100%;
   }
}

.payment-cart__title {
   width: 100%;
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: center;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .payment-cart__title {
      font-size: calc(16px + -2 * (100vw - 320px) / 1120);
   }
}

.payment-cart__amount {
   display: flex;
   justify-content: space-between;
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   font-family: "Shrikhand";
   text-align: right;
   letter-spacing: 1px;
   color: rgba(187, 154, 97, 0.9);
}

@media (max-width: 1440px) {
   .payment-cart__amount {
      font-size: calc(16px + -2 * (100vw - 320px) / 1120);
   }
}

.product-order {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 10px;
   border-bottom: 1px solid rgba(187, 154, 97, 0.9);
   margin: 5px 0;
}

.product-order__image {
   position: relative;
   width: 100px;
   height: 100px;
}

.product-order__image img {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.product-order__name {
   padding: 5px;
}

.product-order__quantity {
   padding: 5px;
}

.product-order__quantity span {
   padding: 1px;
}

.product-order__amount {
   padding: 5px;
}

.product-order__amount span {
   padding: 1px;
}

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

/**
* promotion product css
*/
.promo {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.promo__title {
   width: 100%;
   margin-bottom: 28px;
}

.promo__products {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

@media (max-width: 991.98px) {
   .promo__products {
      width: 100%;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
   }
}

@media (max-width: 767.98px) {
   .promo__products {
      width: 100%;
      flex-wrap: wrap;
   }
}

.promo-product {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   top: 0;
   left: 0;
   margin-bottom: 18px;
   cursor: pointer;
}

@media (max-width: 991.98px) {
   .promo-product {
      flex: 0 0 50%;
      align-items: center;
      justify-content: center;
   }
}

@media (max-width: 767.98px) {
   .promo-product {
      flex: 0 0 100%;
      align-items: center;
      justify-content: center;
   }
}

.promo-product__images {
   position: relative;
   width: 300px;
   height: 453px;
}

@media (max-width: 1440px) {
   .promo-product__images {
      width: calc(310px + -10 * (100vw - 320px) / 1120);
   }
}

.promo-product__images img {
   position: absolute;
   width: 100%;
   height: 100%;
}

.promo-product__desc {
   width: 100%;
   height: 453px;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   background-color: rgb(253, 249, 246);
}

.promo-product:hover .promo-product__desc {
   transition: opacity 0.9s ease 0s;
   opacity: 0.9;
}

@media (max-width: 991.98px) {
   .promo-product:hover .promo-product__desc {
      display: none;
      visibility: hidden;
      transform: translateY(-500px);
      opacity: 0;
   }
}

/** 
* product detail slider css 
*/
.detail-product {
   width: 100%;
   height: 100%;

}

.detail-product__sliders {
   flex: 0 0 50%;
   position: relative;

}

@media (max-width: 520px) {
   .detail-product__sliders {
      flex: 1 1 100%;
      position: relative;

   }
}

.slider-images {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
}

.slider-images__additional-images {
   display: flex;
   justify-content: center;
   width: 100%;
}

@media (max-width: 520.98px) {
   .slider-images__additional-images {
      display: none;
   }
}

.slider-images__buttons {
   visibility: hidden;
}

.slider-images__buttons._active {
   width: 100%;
   visibility: visible;
   position: absolute;
   top: 50%;
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 0 0px;
}

@media (max-width: 520.98px) {
   .slider-images__buttons._active {
      width: 100%;
      position: absolute;
      top: 50%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 8px;
   }
}

.slider-images-button__next.active {
   visibility: hidden;
}

.slider-images-button__prev.active {

   visibility: hidden;
}

.basic-image {
   width: 100%;
}

.basic-image__images {
   width: 320px;
   height: 453px;
   margin-top: 20px;
}

/**
.basic-image__images:hover {
   margin-top: 90px;  
}
*/
@media (max-width: 520.98px) {
   .slider-images__basic-image {
      width: 100%;
      padding: 3px;

   }

   .basic-image__images {
      width: 100%;
   }
}

.basic-image__images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.additional-images__image {
   width: 58px;
   height: 70px;
   padding: 3px;
   cursor: pointer;
}

.additional-images__image img {
   width: 100%;
   height: 100%;
   object-fit: fill;
}

.slider-images-button__prev {
   cursor: pointer;
   font-size: 48px;
   font-weight: 700;
   color: rgb(231, 184, 103);
   padding: 5px;
   margin-right: 26px;
}

.slider-images-button__next {
   cursor: pointer;
   font-size: 48px;
   font-weight: 700;
   padding: 5px;
   margin-left: 26px;
   color: rgb(231, 184, 103);
}
/**
* timer css
*/
.countdown-title {
   width: 100%;
   text-align: center;
   color: rgba(187, 154, 97, 0.9);
   font-weight: 100;
   font-size: 22px;
   margin: 2px 0px 2px;
   padding: 5px;
}

.countdown {
   font-family: sans-serif;
   color: #fff;
   display: inline-block;
   font-weight: 100;
   text-align: center;
   font-size: 30px;
   width: 100%;
}

.date {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.countdown-number {
   padding: 5px;
   margin: 22px 8px;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;

   color: rgba(187, 154, 97, 0.9);
}

.countdown-time {
   padding: 5px;
   border-radius: 3px;

   display: inline-block;
   color: rgba(187, 154, 97, 0.9);
}

.countdown-text {
   display: block;
   padding-top: 5px;
   font-size: 16px;
   font-weight: 700;
}
.item-product__desc.hide {
   visibility: hidden;
}

.item-product__hide-product.hide {
   visibility: hidden;
}

.item-product__hide-product {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0.7;
   background-color: rgb(253, 249, 246);
   z-index: 2;
}