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

:focus {
  outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, button, input, select, textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

@font-face {
  font-family: "Zapfino Extra LT W1G One";
  src: url(../fonts/ZapfinoExtraLTW1G-One.woff2) format("woff2"), url(../fonts/ZapfinoExtraLTW1G-One.woff) format("woff"), url(../fonts/ZapfinoExtraLTW1G-One.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato-Regular.woff2) format("woff2"), url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cormorant";
  src: url(../fonts/Cormorant-Bold.woff2) format("woff2"), url(../fonts/Cormorant-Bold.woff) format("woff"), url(../fonts/Cormorant-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Optima";
  src: url(../fonts/optima.woff2) format("woff2"), url(../fonts/optima.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
body,
html {
  -webkit-font-smoothing: antialiased;
  font-family: "Lato";
  background: #1A2227;
}

.body--order {
  background: #131B21;
}

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

input,
textarea,
select,
button {
  font-family: "Lato";
}

.container {
  box-sizing: border-box;
  padding: 0 23px;
  margin: 0 auto;
  max-width: 1440px;
}
@media screen and (max-width: 1024px) {
  .container {
    padding: 0 25px;
  }
}
.container--2 {
  max-width: 810px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .container--2,
  .container--about {
    padding: 0 18px 0 25px;
  }
}
.container--3 {
  padding: 0 35px;
  max-width: 1370px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .container--3 {
    padding: 0 25px;
  }
}
.container--4 {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .container--4 {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1024px) {
  .container--menu {
    padding: 0;
  }
}
.container--products {
  padding: 0 23px 0;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .container--products {
    padding: 0 25px;
  }
}
.container--order {
  box-sizing: border-box;
  padding: 0 160px;
  margin: 0 auto;
  max-width: 1440px;
}
@media screen and (max-width: 1024px) {
  .container--order {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1024px) {
  .container--login {
    padding: 0 25px;
  }
}
.container--lk {
  padding: 0 135px;
}
@media screen and (max-width: 1300px) {
  .container--lk {
    padding: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .container--lk {
    padding: 0 20px;
  }
}

.page-wrapper {
  overflow: hidden;
  position: relative;
}
.page-wrapper:after {
  content: " ";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 1s ease-in-out all;
  background: #202629;
  z-index: 2;
}
.page-wrapper--loaded:after {
  opacity: 0;
  visibility: hidden;
}

.menu--opened,
.menu--opened body {
  height: 100vh;
  height: -webkit-fill-available;
  overflow: hidden;
}

.fotorama__thumb img,
.fotorama__nav__frame--thumb {
  object-fit: cover;
}

.fotorama__nav__frame {
  margin-right: 27px;
}

.fotorama__nav-wrap {
  margin-top: 27px;
}

.fotorama__stage {
  overflow: visible !important;
  z-index: 20;
}

.fotorama__arr {
  top: calc(100% - 61px) !important;
}

.fotorama__arr--next {
  right: -29px !important;
}

.fotorama__arr--prev {
  left: -29px !important;
}

.animation {
  background: #202629 no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  position: absolute;
  transition: opacity 1.5s ease, transform 1.5s ease;
  opacity: 0;
  transform: scale(0.9);
  text-decoration: none;
}
.animation a {
  text-decoration: none;
  display: block;
  padding: 50px;
}
.animation-body {
  background: #202629;
  height: -webkit-fill-available;
}
.animation.animate {
  opacity: 1;
  transition-duration: 1.5s;
  transform: scale(1);
  z-index: 2;
}
.animation--1 {
}
.animation--3 {
}
.animation--5 {
}
.animation--6 {
  background-image: url(../images/slides/section6.jpeg);
  background-position: center;
}
.animation--3:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 41, 49, 0.06);
  z-index: 0;
}
.animation--5:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 41, 49, 0.3);
  z-index: 0;
  display: none;
}
.animation__desc {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 4px;
  color: #fff;
  letter-spacing: 0.06em;
  text-align: center;
  font-family: "Cormorant";
}
.animation__txt {
  width: 265px;
  height: 17px;
  text-align: center;
  margin: 11px auto 0;
  display: block;
}
.animation__txts {
  transform-origin: 0 0;
  animation: hide 0.2s linear both;
  transform: translateZ(0);
  top: 40px;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  transform-origin: 50% 0%;
  z-index: 5;
}
.animation__txts a {
  padding: 100px 50px;
}
@media (max-width: 600px) {
  .animation__txts a {
    padding: 100px 0;
  }
}
.animate .animation__txts {
  animation: flip-2-hor-top-fwd 0.6s linear both 0.3s;
}
@media (max-height: 400px) {
  .animation__txts {
    top: 0;
  }
}
.animation__icon {
  width: 85.63px;
  height: 136.14px;
}
.animation__icon--2 {
  width: 33.41px;
  height: 38.96px;
  z-index: 10;
}
.animation__icon-link {
  position: relative;
}
.animation__icon-link--2 {
  text-decoration: none;
  outline: none;
  display: block;
  margin: 0 auto;
  width: 133.41px;
  position: absolute;
  bottom: 6px;
  transition: 0.8s ease opacity, 0.8s ease transform;
  animation: hide 0.2s linear both;
  z-index: 3;
}
@media screen and (max-width: 1200px) {
  .animation__icon-link--2 {
    bottom: 0;
  }
}
.animate .animation__icon-link--2 {
  animation: flip-2-hor-top-fwd2 0.5s linear both 0.4s;
}
@media (max-height: 450px) {
  .animation__icon-link--2 {
    bottom: -40px;
  }
}
.animation__icon-link:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(32, 38, 41, 0.3);
  left: 0;
  top: 0;
  z-index: 2;
  transform: scale(1, 1);
  transition: none;
  transform-origin: 0 100%;
}
.animation__icon-link--active:after {
  transform: scale(1, 0);
  transition: 3s linear transform;
}

@keyframes flip-2-hor-top-fwd {
  0% {
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes flip-2-hor-top-fwd2 {
  0% {
    opacity: 0;
    transform: translate(0, 50px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.header {
  background: #1A2227;
  padding: 34px 0 11px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.6s ease-out all;
  height: 138px;
  box-sizing: border-box;
  will-change: height;
  z-index: 5;
}
.page-wrapper--fixed .header {
  transform: translate(0, -50px);
}
@media screen and (max-width: 1024px) {
  .page-wrapper--fixed .header {
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 1024px) {
  .header {
    padding: 20px 0 16px;
    height: 60px;
    overflow: visible;
  }
}
.header--product {
  background: #131B21;
  padding-bottom: 0;
}
.header-menu {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .header-menu {
    align-items: center;
  }
}
.header-menu__tit {
  font-family: "Cormorant";
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  margin: 0 auto 42px;
  transition: 0.6s ease-out transform;
}
.page-wrapper--fixed .header-menu__tit {
  transform: translate(0, 50px);
}
@media screen and (max-width: 1024px) {
  .page-wrapper--fixed .header-menu__tit {
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 1024px) {
  .header-menu__tit {
    display: none;
  }
}
.header-menu__tit span + span {
  margin-left: 6px;
}
.header-menu__tit--mob {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header-menu__tit--mob {
    display: block;
    font-size: 22px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .header-menu__tit--mob {
    font-size: 18px;
  }
}
@media screen and (max-width: 530px) {
  .header-menu__tit--mob {
    display: none;
  }
}
.header-menu__link {
  font-family: "Lato";
  font-size: 12px;
  color: #91979a;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 92px;
  transition: 0.5s ease all;
}
.header-menu__link:hover {
  color: #fff;
}
@media screen and (max-width: 1300px) {
  .header-menu__link {
    margin-right: 82px;
  }
}
@media screen and (max-width: 1200px) {
  .header-menu__link {
    margin-right: 67px;
  }
}
@media screen and (max-width: 1100px) {
  .header-menu__link {
    margin-right: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .header-menu__link {
    margin-right: 0;
    padding-bottom: 14px;
    padding-top: 18px;
    border-bottom: 1px solid #3A4145;
    width: 100%;
  }
}
.header-menu__links {
  display: flex;
  align-items: center;
  padding: 0 25px;
  position: absolute;
  top: 104px;
  transition: 0.5s ease-out transform;
}
.header-menu__links--mob {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header-menu__links--mob {
    transform: translate(305px, 0) !important;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0 !important;
  }
}
.page-wrapper--fixed .header-menu__links {
  transform: translate(0, 50px);
}
@media screen and (max-width: 1024px) {
  .header-menu__links {
    flex-direction: column;
    padding: 0;
    margin-top: 53px;
    width: 265px;
  }
}
.header-menu__link-active {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .header-menu__link--products {
    display: flex;
    justify-content: space-between;
  }
}
.header-menu__link-icon {
  display: none;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .header-menu__link-icon {
    display: block;
  }
}
.header-menu__left {
  width: 20%;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .header-menu__left {
    width: 15%;
  }
}
@media screen and (max-width: 768px) {
  .header-menu__left {
    width: 12%;
  }
}
.header-menu__right {
  display: flex;
  align-items: center;
  margin-bottom: 68px;
  width: 20%;
  justify-content: flex-end;
  transition: 0.6s ease-out transform;
}
.page-wrapper--fixed .header-menu__right {
  transform: translate(0, 50px);
}
@media screen and (max-width: 1024px) {
  .page-wrapper--fixed .header-menu__right {
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 1024px) {
  .header-menu__right {
    margin-bottom: 0;
  }
}
.header-menu__block {
  width: 60%;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .header-menu__block {
    order: -1;
    width: 304px;
    padding: 26px 0 26px 40px;
    background: #1a2226;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    z-index: 100;
    transform: translate(-304px, 0);
  }
}
.header-menu__block--show-products .header-menu__links--first > .header-menu__link {
  transform: translate(-315px, 0);
}
.header-menu__block--show-products .header-menu__links--mob {
  transform: translate(0, 0) !important;
}
.header-menu__block--show-products .header-menu__block-title {
  transform: translate(-280px, 0);
}
.header-menu__block--show-products .header-menu__block-title--products {
  transform: none;
}
.header-menu__block-title {
  font-family: Lato;
  font-size: 14px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  transition: 0.5s ease all;
  display: none;
}
@media screen and (max-width: 1024px) {
  .header-menu__block-title {
    display: block;
    padding-right: 40px;
  }
}
.header-menu__block-title--products {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header-menu__block-title--products {
    position: absolute;
    width: 270px;
    text-align: center;
    padding-right: 63px;
    box-sizing: border-box;
    top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease all;
    transform: translate(280px, 0);
  }
  .header-menu__block-title--products svg {
    transform: rotate(180deg);
  }
}
.header-menu__block--products {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header-menu__block--products {
    display: none;
  }
}
.header-menu__language {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  background-color: #1A2227;
}
.header-menu__language::before {
  content: "";
  width: 18px;
  height: 10px;
  position: absolute;
  bottom: -7px;
  cursor: pointer;
}
.header-menu__language-icon {
  width: 6px;
  height: 6px;
  margin-right: 9px;
  transition: 0.3s all ease;
}
.header-menu__language-link {
  text-decoration: none;
  font-family: "Cormorant";
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  transition: 0.5s ease color;
}
.header-menu__language-link--inactive {
  opacity: 0;
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 25px;
  transition: 0.5s all ease;
  visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .header-menu__language-link--inactive {
    top: 32px;
  }
}
.header-menu__language-block {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.header-menu__language-block::before {
  content: "";
  background-color: #1A2227;
  width: 47px;
  height: 53px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -7px;
  opacity: 0;
  transition: 0.3s all ease;
}
.header-menu__language-block--product::before {
  background: none;
}
.header-menu__language:hover > .header-menu__language-link--inactive {
  opacity: 1;
  visibility: visible;
}
.header-menu__language:hover > .header-menu__language-block::before {
  /*opacity: 1;
  visibility: visible;*/
}
.header-menu__language:hover .header-menu__language-icon {
  /*transform: rotate(90deg);*/
}
.header-menu__language--product {
  background: #131B21;
}
.header-menu__login {
  text-decoration: none;
  outline: none;
  margin: 0 25px;
}
.header-menu__login-icon {
  width: 20px;
  height: 21.1px;
}
@media screen and (max-width: 1024px) {
  .header-menu__products {
    display: flex;
    align-items: baseline;
  }
}

.logo {
  width: 49px;
  height: 56px;
}
@media screen and (max-width: 1024px) {
  .logo {
    width: 21px;
    height: 24px;
  }
}
.logo--order {
  margin-right: 21px;
  width: 35px;
  height: 41px;
}
.logo__link {
  transition: 0.6s ease-out transform;
}
.page-wrapper--fixed .logo__link {
  transform: translate(0, 30px) scale(0.8);
}
@media screen and (max-width: 1024px) {
  .page-wrapper--fixed .logo__link {
    transform: translate(0, 0);
  }
}
.body--order .logo__link {
  transform: none !important;
}
.logo__link--order {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
  font-family: "Cormrant";
  letter-spacing: 0.05em;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .logo__link--order {
    font-size: 22px;
  }
}

.aboutus {
  padding-top: 37px;
  padding-bottom: 20px;
}
.aboutus__tit {
  font-family: "Zapfino Extra LT W1G One";
  font-size: 42px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #fff;
  margin-bottom: 12px;
}
@media screen and (max-width: 450px) {
  .aboutus__tit {
    max-width: 315px;
    text-align: left;
  }
}
.aboutus__tit span {
  font-size: 32px;
}
.aboutus__txt-first {
  margin-bottom: 19px;
  text-align: center !important;
}
@media screen and (max-width: 450px) {
  .aboutus__txt-first {
    text-align: left !important;
    width: 268px !important;
  }
}
.aboutus__txt span {
  display: block;
}
.aboutus-block {
  width: 1000px;
  margin: 0 auto;
}
.aboutus-block .txt {
    font-size: 15px;
}
@media screen and (max-width: 1024px) {
  .aboutus-block {
    width: 100%;
    max-width: 727px;
  }
}
@media screen and (max-width: 768px) {
  .aboutus-block {
    max-width: 600px;
  }
}
@media screen and (max-width: 640px) {
  .aboutus-block {
    max-width: 500px;
  }
}
@media screen and (max-width: 540px) {
  .aboutus-block {
    max-width: 400px;
  }
}
.aboutus-block__bot {
  margin-top: 47px;
}
@media screen and (max-width: 450px) {
  .aboutus-block__bot {
    max-width: 308px;
  }
}
.aboutus-block__bot-txt {
  font-family: "Zapfino Extra LT W1G One";
  font-size: 42px;
  letter-spacing: 0.01em;
  line-height: 26px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 450px) {
  .aboutus-block__bot-txt {
    font-size: 38px;
    line-height: 42px;
  }
}
.aboutus-block__bot-txt:not(:last-child) {
  margin-bottom: 28px;
}

.footer {
  margin-top: 20px;
  padding-bottom: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.category .footer {
  background: rgba(26, 34, 39, 0.9);
  margin-top: 0;
}
.bg--lk .footer {
  background: #131b21;
  margin-top: 0;
}
.item .footer {
  margin-top: 90px;
}
@media screen and (max-width: 1024px) {
  .footer {
    margin-top: 80px;
  }
}
.footer--howorder {
  margin-top: 7px;
}
@media screen and (max-width: 450px) {
  .footer--howorder {
    margin-top: 150px;
  }
}
.footer-block {
  display: flex;
  width: 33%;
  justify-content: center;
}
[lang="ru"] .footer-block {
    width: 10%;
}
.footer-block--left {
  justify-content: flex-start;
  position: relative;
}
[lang="ru"] .footer-block--left,
[lang="ru"] .footer-block:last-child {
    width: 45%;
}
@media screen and (max-width: 1024px) {
  .footer-block {
    width: 100% !important;
  }
  .footer-block--left {
    order: 3;
    margin-top: 20px;
    justify-content: center;
  }
}
.footer-blocks {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 1024px) {
  .footer-blocks {
    flex-direction: column;
  }
}
.footer-block:last-child {
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .footer-block:last-child {
    justify-content: center;
  }
}
.footer-block__txt {
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.2;
}
.footer-block__txt:first-child {
  padding-right: 7px;
}
.footer-block__link {
  padding: 0 7px;
}
.footer-block__link--last {
  padding-left: 7px;
}
.footer-block--order {
  width: 100%;
}
.footer-block--order:last-child {
  justify-content: flex-start;
}
@media screen and (max-width: 450px) {
  .footer-block--order:last-child {
    justify-content: center;
  }
}
.footer .signup-link {
  color: #AC8D66;
  text-decoration: none;
  background: #33393B;
  padding: 6px 12px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
}

.logo__grey {
  width: 42.252px;
  height: 49.276px;
}
@media screen and (max-width: 1024px) {
  .logo__grey-link {
    margin-bottom: 24px;
  }
}

.fixed-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
}

.bg {
  background-size: cover;
  background-position: 100% 7%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 133px 0 96px;
  background-attachment: fixed;
}
.bg--clients {
  background-position: top;
}
.bg--product {
  background: #131B21;
  padding-bottom: 76px;
}
.bg--login {
  background: url(../images/login%402x.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 1024px) {
  .bg {
    padding-top: 59px;
    background-position: center;
    padding-bottom: 140px;
    transform: none;
    transition: 0.5s ease transform;
  }
  .bg--product {
    padding-bottom: 113px;
  }
  .menu--opened .bg {
    transform: translate(304px, 0);
  }
}
.bg--order {
  background: #131B21;
}
.bg--lk {
  background: #131B21;
  padding-bottom: 0;
}

.title {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-family: "Cormorant";
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 450px) {
  .title {
    text-align: left;
  }
}
.title__left {
  text-align: left;
}
.title__big {
  font-family: "Zapfino Extra LT W1G One";
  font-size: 92px;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: left;
  color: #fff;
  margin-top: 100px;
}
@media screen and (max-width: 820px) {
  .title__big {
    font-size: 52px;
  }
}
@media screen and (max-width: 720px) {
  .title__big {
    width: 100%;
  }
}
.title__product {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  color: #fff;
  margin: 80px 0 48px;
}
.title__cart {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 32px;
  color: #202629;
  text-transform: uppercase;
}
.title__cart--order {
  color: #fff;
  width: 100%;
  text-align: right;
  font-size: 26px;
  font-family: Optima;
}
.title--howorder {
  margin-bottom: 20px;
}
@media screen and (max-width: 450px) {
  .title--howorder {
    text-align: left;
  }
}

.txt {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  color: #fff;
  margin-bottom: 18px;
}
@media screen and (max-width: 450px) {
  .txt {
    max-width: 332px;
  }
}
.txt span {
  display: block;
}
.txt--link {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
.txt--contacts {
  margin-bottom: 10px;
}
.txt strong {
    font-weight: 700;
    font-size: 1.2em;
}
.txt strong {
    display: inline-block;
    margin-top: 30px;
}
.clients {
  padding-top: 34px;
}
.clients__block {
  width: calc(33.33% - 30px);
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1A2227;
  margin: 0 15px 25px;
}
.clients__blocks {
  display: flex;
  flex-wrap: wrap;
  margin: 37px -20px 15px;
  justify-content: center;
}
@media screen and (max-width: 450px) {
  .clients__blocks {
    margin: 20px -40px 15px;
  }
}
@media screen and (max-width: 992px) {
  .clients__block {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 450px) {
  .clients__block {
    width: 100%;
    height: 192px;
  }
}
.clients__block--here {
  flex-direction: column;
  color: #91979A;
  font-size: 16px;
  text-decoration: none;
  font-style: italic;
  text-align: center;
}
.clients__block-logo--1 {
  width: 162px;
  height: 148px;
}
@media screen and (max-width: 450px) {
  .clients__block-logo--1 {
    width: 119px;
    height: 109px;
  }
}
.clients__block-logo--2 {
  width: 223px;
  height: 127px;
}
.clients__block-logo--3 {
  width: 205px;
  height: 127px;
}
.clients__block-logo--bg {
  margin-bottom: 48px;
  display: block;
  width: 42px;
  height: 49px;
  margin-top: -11px;
}

.contacts {
  padding: 34px 15px;
  max-width: 1000px;
  margin: 0 auto;
}
.contacts .txt {
    font-size: 15px;
}
@media screen and (max-width: 650px) {
  .contacts {
    padding-bottom: 0;
  }
}
.contacts__block {
  max-width: 356px;
}
@media screen and (max-width: 650px) {
  .contacts__block {
    max-width: 100%;
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 30px;
  }
}
.contacts__blocks {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 650px) {
  .contacts__blocks {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.contacts__block-right {
  position: relative;
  left: 15px;
  margin-top: 29px;
}
@media (max-width: 1050px) {
  .contacts__block-right {
    left: 0;
  }
}
.contacts__block-txt {
  font-weight: bold;
  margin-top: 29px;
}
.contacts__block-txt span {
  font-weight: normal;
}
.contacts__block-link {
  color: #fff;
}
@media (max-width: 650px) {
  .contacts .title {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 650px) {
  .contacts .txt {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contacts .txt--contacts {
  margin-top: 28px;
}
.contacts .txt--contacts:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}
.txt__icon {
  display: flex;
  align-items: center;
  margin-left: -20px;
}
@media (max-width: 650px) {
  .txt__icon {
    margin-left: 0;
  }
}
.txt__icon svg {
  width: 13px;
  height: 9px;
  margin-right: 5px;
  top: 1px;
  position: relative;
}
.txt__icon--phone svg {
  width: 9px;
  height: 13px;
}

.luxury {
  background-image: url(../images/bgluxury%402x.jpg);
  background-size: cover;
  background-position: bottom;
  position: fixed;
  top: 20px;
  top: 20px;
  left: 0%;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.luxury__txt {
  font-weight: normal;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  color: #fff;
  width: 744px;
  margin-top: 49px;
}
@media screen and (max-width: 820px) {
  .luxury__txt {
    width: auto;
    margin-right: 0;
    margin-left: 0;
  }
}

.products-wrapper {
  margin-top: 100vh;
  position: relative;
  z-index: 2;
  background: rgba(26, 34, 39, 0.9);
  min-height: 100vh;
}

.button__product {
  border: 1px solid #fff;
  font-family: Lato;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  background: none;
  padding: 2px 15px 9px 15px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
  text-decoration: none;
}
.button__product svg {
    top: 3px !important;
    position: relative;
}
@media screen and (max-width: 450px) {
  .button__product {
    padding: 5px 15px 8px 15px;
  }
}
.button__product-icon {
  width: 16.3px;
  height: 23px;
  margin-right: 13.7px;
}
.button__products {
  border: none;
  background: #202629;
  font-family: Lato;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  padding: 15px 33px 15px 30px;
  position: absolute;
  top: 283px;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  z-index: 100;
}
.button__products-icon {
  width: 16.8px;
  height: 20px;
  margin-right: 17.4px;
  position: relative;
  top: 3px;
}
.button__basket {
  background: none;
  border: none;
  padding: 0;
}
.button__close {
  background: none;
  border: none;
  padding: 0;
  width: 15.59px;
  height: 15.59px;
}
.button__minus {
  background: #fff;
  border: 1px solid #DBDDDE;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 30px;
  transition: all 0.3s ease;
  font-size: 20px;
  color: #202629;
}
.button__minus--order {
  background: none;
  border-color: #3D4449;
  color: #fff;
}
.button__plus {
  background: #fff;
  border: 1px solid #DBDDDE;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 30px;
  transition: all 0.3s ease;
  font-size: 20px;
  color: #202629;
}
.button__plus--order {
  background: none;
  border-color: #3D4449;
  color: #fff;
}
.button__check {
  display: inline-block;
  background: #202629;
  border: none;
  color: #fff;
  padding: 16px 60px 18px;
  font-size: 20px;
  text-decoration: none;
}
.button__check-block {
  margin: 0 auto;
}
.button__header {
  display: none;
  background: none;
  padding: 0;
  width: 26px;
  height: 13px;
  border: none;
  margin: 4px 20px 0 0;
}
@media screen and (max-width: 1024px) {
  .button__header {
    display: block;
  }
}
.button__arrow {
  width: 4px;
  height: 8px;
  background: none;
  padding: 0;
  border: none;
  margin-right: 74px;
}
.button__apply {
  padding: 16px 34px 15px;
  background: #fff;
  border: none;
  color: #202629;
  font-size: 16px;
  box-sizing: border-box;
  height: 50px;
}

.products {
  display: flex;
  padding: 92px 0 50px 0;
  justify-content: space-between;
}
.products__title {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #fff;
  margin: 72px 0 31px;
}
.products__txt {
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  color: #fff;
  width: 750px;
}
@media screen and (max-width: 820px) {
  .products__txt {
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  .products__txt {
    margin: 0 auto;
  }
}
.products-menu {
  width: 28.3%;
  padding-top: 74px;
}
@media screen and (max-width: 1024px) {
  .products-menu {
    display: none;
  }
}
.products-menu__list {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.01em;
}
.products-menu__list-active {
  margin-left: 18px;
  color: #AC8D66;
}
.products-menu__item-link {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 37px;
}
.products-menu__item-link[data-link=company] {
  text-transform: none;
  max-width: 176px;
  line-height: 1.3;
  font-size: 18px;
  font-style: italic;
}
.products-menu__item-link--active {
  color: #AC8D66;
  text-decoration: underline;
  padding-left: 20px;
}
.products-menu__sub {
  display: none;
}
.products-block {
  width: 100%;
}
.products-block__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: baseline;
}
.products-block__title {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 0.01em;
  line-height: 1.56;
  color: #fff;
}
.products-block__qty {
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: right;
  color: #91979a;
}
.products-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 1150px) {
  .products-list[style] {
    max-width: 100% !important;
  }
}
@media (max-width: 480px) {
  .products-list {
    margin: 0;
  }
}
.products-list--product {
  justify-content: center;
  margin-bottom: 50px;
}
.products-item {
  position: relative;
  max-width: 320px;
  margin: 0 15px 41px;
  max-width: calc(33.33% - 30px);
  width: 100%;
}
.product-item--156,
.product-item--170{
    margin-left: auto;margin-right: auto;margin-top: 15px;
}
.products-list--product .products-item {
  width: calc(25% - 30px);
}
@media (max-width: 890px) {
        
.product-item--156,
.product-item--170{
    margin: 0 15px 41px;
}
}
@media (max-width: 768px) {
        
    .product-item--156,
    .product-item--170{
        margin-top: 0;
    }
  .products-item {
    max-width: calc(50% - 30px);
  }
  .products-list--product .products-item {
    width: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
}
@media (max-width: 480px) {
  .products-item {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .products-list--product .products-item {
    max-width: 100%;
    width: 100%;
  }
}
.products-item img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.products-item:hover .products-item__photo {
  background: #1a2227;
  opacity: 0.7;
}
.products-item--product {
  margin: 0 18px 41px;
}
.products-item__photo {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.3s all ease;
}
.products-item__flag {
  position: absolute;
  top: 23px;
  right: 0;
}
.products-item__flag-icon {
  width: 100%;
}
.products-item:hover .button__products {
  opacity: 1;
}
.products-item:hover .products-item__name-txt {
  text-decoration: underline;
}
.products-item:hover .products-item__price {
  text-decoration: underline;
  color: #91979a;
}
.products-item:hover .products-item__price-now {
  text-decoration: underline;
  color: #fff;
}
.products-item__desc {
  margin-top: 13px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.products-item__desc--item {
    margin-bottom: 6px;
    display: block;
    border: 1px solid rgba(255,255,255, .3);
    margin-top: 0;
    padding: 7px;
    min-height: 48px;
    padding-top: 9px;
}

.products-item__name-txt {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #fff;
  line-height: 1.2;
}
.products-item__price-old {
  font-family: Cormorant;
  font-style: italic;
  font-weight: bold;
  font-size: 22px;
  text-align: left;
  color: #91979a;
  text-decoration: line-through;
  margin-right: 14px;
}
.products-item__price-old span {
  margin-right: 2px;
}
.products-item__price-now {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.01em;
    color: #fff;
    padding: 18px 0 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 30px 0;
    font-family: Optima;
}
.products-item__price-now span {
  margin-right: 2px;
}

.product {
  display: flex;
  padding-top: 50px;
}
@media screen and (max-width: 992px) {
  .product {
    flex-direction: column;
    max-width: 550px;
    margin: 0 auto;
  }
}
.product-photo {
  display: flex;
  margin-right: 15px;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  .product-photo {
    margin-right: 0;
  }
}
.product-photo__small {
  display: flex;
  width: 103px;
  margin-top: 30px;
}
.product-photo__small .fotorama__thumb, .product-photo__small-img {
  width: 103px;
  height: 119px;
}
.product-photo__small-block {
  position: relative;
  margin-right: 30px;
  cursor: pointer;
}
.product-photo__small-block::before {
  content: "";
  position: absolute;
  border: 2px solid #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
.product-photo__big {
  position: relative;
  width: 500px;
}
@media screen and (max-width: 992px) {
  .product-photo__big {
    width: 350px;
  }
}
@media screen and (max-width: 1200px) {
  .product-photo__big {
    width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .product-photo__big {
    width: 100%;
  }
}
.product-photo__big-img {
  width: 564px;
}
@media screen and (max-width: 768px) {
  .product-photo__big-img {
    width: 100%;
  }
}
.product-photo__big-flag {
  position: absolute;
  top: 26px;
  right: 0;
  width: 56px;
}
.product-info__name {
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 0.01em;
  line-height: 1.49;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .product-info__name {
    width: 100%;
    font-size: 19px;
  }
}
.product-info__price {
  margin-bottom: 31px;
}
.product-info__price-old {
  font-family: Cormorant;
  font-size: 42px;
  letter-spacing: 0.01em;
  color: #91979a;
  text-decoration: line-through;
  font-style: italic;
}
.product-info__price-now {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.01em;
  color: #fff;
  padding: 15px 0 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 30px 0;
  font-family: Optima;
}
.product-info__price-now span {
  font-size: 16px;
  font-weight: 400;
  margin-right: 20px;
}
.product-info__txt {
  width: auto;
  font-size: 14px;
  line-height: 1.85;
  color: #fff;
}
.product-info__txt p {
  margin-bottom: 17px;
}
.product-info__txt p b, .product-info__txt p strong {
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .product-info__txt {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .product-info__txt {
    width: 577px;
    min-height: 0;
  }
}
@media screen and (max-width: 768px) {
  .product-info__txt {
    width: 100%;
    min-height: 0;
    padding-top: 0;
  }
  .product-info__available {
      float: none !important;
  }
  .product-info__vat {
      display: block;
      margin-top: 10px;
  }
}
.product-form {
  margin-bottom: 0;
}
.product-form__desc {
  font-size: 14px;
  letter-spacing: 0.01em;
  color: #fff;
  margin-bottom: 15px;
  text-align: right;
  margin-top: 20px;
}
.product-form__block {
  display: flex;
}
.product-form__block--border {
  margin-top: 30px;
  padding: 15px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.product-form__block.ms2_form {
  margin-right: 40px;
  margin-right: 0;
  margin-top: -15px;
}
@media (max-width: 600px) {
  .product-form__block.ms2_form {
    flex-direction: column;
    align-items: flex-start;
  }
  .product-form__block.ms2_form .button__product {
    margin-top: 20px;
  }
}
.product-form__block-select {
  position: relative;
  margin-right: 20px;
  color: #fff;
  font-size: 16px;
  margin-left: auto;
}
@media (max-width: 600px) {
  .product-form__block-select {
    margin-left: 0;
  }
}
.product-form__block-select span {
  margin-right: 22px;
}
.product-form__block-select::after {
  content: "";
  width: 8.68px;
  height: 6px;
  position: absolute;
  top: 17px;
  right: 10px;
  background: url(../icons/select.svg) no-repeat;
  background-size: contain;
}
.product-form__select {
  background: none;
  border: 1px solid #fff;
  padding: 4px 5px 5px 13px;
  font-size: 14px;
  color: #fff;
  appearance: none;
  width: 36px;
  height: 25px;
  box-sizing: content-box;
  border-radius: 0;
}
.product-form__select option {
  background: #131B21;
}

.cart {
  max-width: 435px;
  background: #fff;
  padding: 55px 35px 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  top: 0;
  overflow: auto;
  height: 100%;
  transform: translate(100%, 0);
  transition: all 1s ease;
  font-family: Optima;
}
.cart--show {
  transform: none;
}
@media screen and (max-width: 768px) {
  .cart {
    padding: 88px 20px 20px;
  }
}
.cart--order {
  transform: none;
  background: none;
  transition: none;
  min-width: 500px;
  padding: 0 0 0 34px;
  position: static;
  border-left: 1px solid #20272C;
}
@media screen and (max-width: 1400px) {
  .cart--order {
    max-width: 586px;
    border-left: none;
    padding-left: 0;
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 768px) {
  .cart--order {
    min-width: 100%;
  }
}
.cart__bg {
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: flex-end;
}
.cart__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  align-items: center;
}
.cart-product {
  padding: 32px 0 22px;
  border-top: 1px solid rgba(145, 151, 154, 0.33);
  border-bottom: 1px solid rgba(145, 151, 154, 0.33);
}
.cart-product--order {
  border-top: 1px solid #20272C;
  border-bottom: 1px solid #20272C;
}
.cart-product__top {
  display: flex;
}
.cart-product__photo {
  width: 120px;
  margin-right: 30px;
}
.cart-product__info {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
  color: #202629;
  margin-bottom: 20px;
}
.cart-product__info--order {
  color: #fff;
}
.cart-product__button {
  display: flex;
}
.cart-product__input {
  height: 46px;
  box-sizing: border-box;
  padding: 0;
  width: 55px;
  border: none;
  text-align: center;
  border-bottom: 1px solid #DBDDDE;
  border-top: 1px solid #DBDDDE;
  font-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.cart-product__input--order {
  background: none;
  color: #fff;
  border-color: #3D4449;
}
.cart-product__price {
  display: flex;
  justify-content: space-between;
  margin: 11px 0 0;
  align-items: baseline;
}
.cart-product__price-txt {
  font-size: 16px;
  color: #202629;
}
.cart-product__price-txt--order {
  color: #fff;
}
.cart-product__price-cost {
  font-weight: bold;
  font-size: 15px;
  color: #202629;
}
.cart-product__price-cost span {
  font-size: 26px;
}
.cart-product__price-cost--order {
  color: #fff;
}
.cart-total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 55px 0;
}
@media screen and (max-width: 768px) {
  .cart-total {
    margin-top: 30px;
  }
}
.cart-total--border {
  border-bottom: 1px solid #20272C;
  padding-bottom: 14px;
}
.cart-total--order {
  margin: 30px 0 13px;
}
.cart-total__txt {
  font-size: 16px;
  color: #202629;
}
.cart-total__txt--upp {
  text-transform: uppercase;
  font-weight: bold;
}
.cart-total__txt--order {
  color: #fff;
}
.cart-total__cost {
  font-weight: bold;
  font-size: 16px;
  color: #202629;
}
.cart-total__cost span {
  font-size: 26px;
}
.cart-total__cost--small {
  font-size: 26px;
}
.cart-total__cost--order {
  color: #fff;
}
.cart__txt {
  font-size: 14px;
  line-height: 1.85;
  text-align: left;
  color: #202629;
  width: 334px;
  margin-bottom: 21px;
}
.cart__txt--order {
  color: #fff;
  width: 100%;
}
.cart-card {
  display: flex;
  margin: 20px 0 23px;
  justify-content: space-between;
}
.cart-card__block {
  position: relative;
  width: 345px;
}
@media screen and (max-width: 768px) {
  .cart-card__block {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .cart-card {
    flex-direction: column;
  }
}

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

.open {
  box-shadow: -2003px 54px 46px 2000px rgba(255, 255, 255, 0.25);
  transform: translate(0%, 0);
}

.order {
  padding: 52px 0 44px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .order {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.order-products {
  position: fixed;
  bottom: 0;
  left: calc(50% + 55px);
  top: 55px;
  font-family: Optima;
}
@media screen and (max-width: 1024px) {
  .order-products {
    width: 100%;
    position: static;
  }
}
.order-info {
  max-width: calc(50% + 20px);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .order-info {
    max-width: 100%;
  }
}
.order-info__block {
  margin-bottom: 12px;
}
.order-info__blocks {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
@media screen and (max-width: 450px) {
  .order-info__blocks {
    flex-direction: column;
    width: 100%;
  }
}
.order-info__blocks .order-info__input-block {
  width: 49%;
}
@media screen and (max-width: 450px) {
  .order-info__blocks .order-info__input-block {
    width: 100%;
  }
  .order-info__blocks .order-info__input-block:not(:last-child) {
    margin-bottom: 12px;
  }
}
.order-info__blocks .order-info__block:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
  .order-info__blocks--lk {
    flex-direction: column;
  }
}
@media screen and (max-width: 900px) {
  .order-info__blocks--lk .order-info__input-block {
    width: 100%;
  }
  .order-info__blocks--lk .order-info__input-block:not(:last-child) {
    margin-bottom: 12px;
  }
}
.order-info__block--details-pass {
  margin: 40px 0 50px;
}
.order-info__link {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
.order-info__links {
  margin-bottom: 25px;
}
.order-info__link--grey {
  color: #91979A;
}
.order-info__link i {
  margin: 0 7px 0;
}
.order-info__more {
  display: flex;
  align-items: center;
  border: 1px solid #3D4449;
  padding: 15px 20px 14px 20px;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  margin-bottom: 40px;
}
@media screen and (max-width: 450px) {
  .order-info__more {
    padding: 15px 16px;
  }
}
.order-info__more-icon {
  width: 22px;
  height: 22px;
  margin-right: 15px;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 450px) {
  .order-info__more-icon {
    margin: 0 0 7px 0;
  }
}
.order-info__more-link {
  color: #fff;
  margin-left: 5px;
  text-decoration: underline;
  position: relative;
}
@media screen and (max-width: 450px) {
  .order-info__more-link {
    margin-left: 0px;
  }
}
@media screen and (max-width: 450px) {
  .order-info__more p {
    line-height: 1.3;
    text-align: center;
  }
}
.order-info__desc {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.order-info__desc-block {
  margin-bottom: 20px;
}
.order-info__desc--mt {
  margin-top: 40px;
}
.order-info__input {
  background: none;
  border: none;
  letter-spacing: 0.01em;
  color: #fff;
  font-size: 16px;
  padding: 0;
  line-height: 1;
  z-index: 10;
  border: 1px solid #3D4449;
  padding: 15px 20px 0 20px;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
}
.order-info__input-block {
  position: relative;
}
.order-info__input:focus {
  border: 2px solid #fff;
}
.order-info__label {
  position: absolute;
  font-family: Lato;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #91979a;
  top: 17px;
  left: 20px;
  transition: all 0.3s ease;
  z-index: 1;
}
.order-info__label--focus {
  transform: translate(0, -10px);
  color: #fff;
  font-size: 12px;
}
.order-info__label-select {
  font-size: 12px;
  letter-spacing: 0.01em;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 20px;
}
.order-info__check {
  margin: 20px 0 40px;
}
.order-info__check-label {
  display: flex;
  align-items: center;
}
.order-info__check-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.order-info__check-txt {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 14px;
  color: #fff;
}
.order-info__check-txt::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid #3D4449;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 110% 50%;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 450px) {
  .order-info__check-txt {
    line-height: 1.2;
  }
}
.order-info__select {
  width: 100%;
  background: none;
  border: none;
  border: 1px solid #3D4449;
  height: 60px;
  padding: 23px 20px 8px 20px;
  font-family: Cormorant;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.order-info__select option {
  background: #131B21;
}
.order-info__select-block {
  position: relative;
}
.order-info__select-block::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 8px;
  background: url(../icons/select_arrow.svg) no-repeat;
  background-size: contain;
  top: 27px;
  right: 23px;
  z-index: 0;
}
.order-info__select-block::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 38px;
  background: #3D4449;
  top: 11px;
  right: 59px;
  z-index: 0;
}
.order-info__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50px 0;
}
@media screen and (max-width: 768px) {
  .order-info__buttons {
    flex-direction: column;
  }
}
.order-info__back {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.order-info__back-icon {
  margin-right: 9px;
  width: 10px;
  height: 10px;
}
@media screen and (max-width: 768px) {
  .order-info__back {
    margin-bottom: 30px;
  }
}
.order-info__button {
  font-family: Lato;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #202629;
  background: #fff;
  border: none;
  padding: 18px 48px 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 450px) {
  .order-info__button {
    width: 100%;
  }
}
.order-info__bot {
  padding: 20px 34px 20px 20px;
  display: flex;
  border: 1px solid rgba(145, 151, 154, 0.2);
  box-sizing: border-box;
  margin-bottom: 33px;
}
.order-info__bot-txt {
  font-size: 13px;
  line-height: 1.69;
  text-align: left;
  color: #fff;
}
.order-info__bot-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-right: 15px;
}

input:focus ~ .order-info__label,
.filled .order-info__label {
  transform: translate(0, -10px);
  color: #fff;
  font-size: 12px;
}

.order-info__check-label > .order-info__check-input:checked + .order-info__check-txt::before {
  border: none;
  background-image: url(../icons/checked.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

#msOrder {
  margin-top: 0 !important;
}

.login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100px auto 128px;
}
.login-block {
  background: #1a2227;
  padding: 30px 80px 35px;
  width: 620px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .login-block {
    padding: 30px 40px 35px;
  }
}
@media screen and (max-width: 450px) {
  .login-block {
    padding: 30px 25px 35px;
  }
}
.login__logo {
  width: 46px;
  height: 73px;
  display: block;
  margin: 0 auto;
}
.login__logo-icon {
  width: 46px;
  height: 73px;
}
.login__tit {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: center;
  color: #fff;
  margin: 28px 0 13px;
}
.login__tit--up {
  position: relative;
  margin-bottom: 35px;
  text-transform: uppercase;
  line-height: 1.3;
}
.login__tit--up::before {
  content: "";
  width: 80px;
  height: 1px;
  background: #ac8d66;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translate(-50%, 0);
}
.login__txt {
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.3;
}
.login__txt--verify {
  margin-bottom: 20px;
}
.login-form {
  width: 100%;
  text-align: center;
}
.login-form__link {
  text-decoration: underline;
  color: #ac8d66;
}
.login-form__link:hover {
  text-decoration: none;
}
.login-form__input {
  background: none;
  border: none;
  letter-spacing: 0.01em;
  color: #fff;
  font-size: 16px;
  padding: 0;
  line-height: 1;
  z-index: 10;
  border: 1px solid #3D4449;
  padding: 15px 20px 0 20px;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
}
.login-form__input-block {
  position: relative;
}
.login-form__input:not(:last-child) {
  margin-bottom: 12px;
}
.login-form__input:focus {
  border: 2px solid #fff;
}
.login-form__input:focus ~ .login-form__label {
  transform: translate(0, -10px);
  color: #fff;
  font-size: 12px;
}
.filled .login-form__input + label {
  transform: translate(0, -10px);
  color: #fff;
  font-size: 12px;
}
.login-form__label {
  position: absolute;
  font-family: Lato;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #91979a;
  top: 17px;
  left: 20px;
  transition: all 0.3s ease;
  z-index: 1;
}
.login-form__label--focus {
  transform: translate(0, -10px);
  color: #fff;
  font-size: 12px;
}
.login-form__button {
  padding: 20px 75px 18px;
  background: #fff;
  font-family: Lato;
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: center;
  color: #202629;
  border: none;
  display: block;
  margin: 20px auto 20px;
}
.login-form__button--up {
  margin-bottom: 0;
}
.login-form__txt {
  font-size: 18px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #ac8d66;
  text-decoration: none;
  position: relative;
  margin: 10px 0 20px;
  line-height: 1.3;
}
.login__reply {
  display: flex;
  align-items: center;
  background: rgba(172, 141, 102, 0.06);
  border: 1px solid #ac8d66;
  padding: 17px 20px 13px;
  box-sizing: border-box;
  margin-bottom: 18px;
}
.login__reply--red {
  background: rgba(221, 74, 74, 0.06);
  border: 1px solid #dd4a4a;
  padding: 11px 20px 11px;
}
.login__reply-txt {
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: left;
  color: #ac8d66;
}
.login__reply-txt span {
  display: block;
  margin-top: 3px;
}
@media screen and (max-width: 450px) {
  .login__reply-txt span {
    margin-top: 0;
  }
}
.login__reply-txt--red {
  color: #DD4A4A;
}
@media screen and (max-width: 450px) {
  .login__reply-txt {
    font-size: 12px;
    line-height: 1.2;
  }
}
.login__reply-icon {
  margin-right: 20px;
  width: 21px;
  height: 21px;
  flex-shrink: 0;
}
@media screen and (max-width: 450px) {
  .login__reply-icon {
    margin-right: 10px;
  }
}
.login__reply--details {
  justify-content: space-between;
  margin-bottom: 50px;
}
.login__reply--details-block {
  display: flex;
  align-items: center;
}
.login__reply-button {
  background: url(../icons/close-gold.svg) no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  padding: 0;
  border: none;
}

@-webkit-keyframes autofill {
  0%, 100% {
    color: #fff;
    background: transparent;
  }
}
input:-webkit-autofill {
  -webkit-animation-delay: 1s;
  /* Safari support - any positive time runs instantly */
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #1a2227 inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}

.lk-wrapper {
  position: relative;
  z-index: 2;
  margin-top: 308px;
  background: #131b21;
  padding-bottom: 100px;
}
.lk-top {
  background: url(../images/bg_lk%402x.jpg) no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 140px;
  height: 300px;
}
.lk-card {
  background: #131b21;
  padding: 33px 79px 19px 31px;
  display: inline-block;
  margin-top: 77px;
}
@media screen and (max-width: 768px) {
  .lk-card {
    background: none;
    padding: 0 0 24px 14px;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .lk-card--mob {
    display: flex;
    justify-content: space-between;
    padding-top: 29px;
  }
}
.lk-card__img {
  width: 170px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
}
.lk-card__img--digital {
  margin-right: 29px;
}
.lk-card__name {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 34px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  margin: 26px 0 8px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lk-card__name--digital {
  margin: 5px 0 8px;
}
@media screen and (max-width: 950px) {
  .lk-card__name--digital {
    margin-top: 15px;
  }
}
.lk-card__number {
  font-size: 12px;
  color: #91979a;
  line-height: 1;
}
.lk-card__blocks {
  display: flex;
  padding: 0 0 42px;
  background: none;
  margin-top: 0;
  border-bottom: 1px solid rgba(145, 151, 154, 0.33);
}
@media screen and (max-width: 950px) {
  .lk-card__blocks {
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .lk-card__blocks {
    padding-bottom: 30px;
  }
}
.lk-card__discount {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  margin-top: 9px;
}
.lk-card__discount span {
  color: #AC8D66;
  font-size: 32px;
}
.lk-block {
  margin-top: 50px;
  width: 100%;
}
.lk-block__tit {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  margin-bottom: 25px;
}
.lk-blocks {
  display: flex;
  margin-bottom: 64px;
}
.lk-blocks--card {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .lk-blocks {
    flex-direction: column;
    margin-bottom: 41px;
  }
}
.lk-menu {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .lk-menu {
    margin-right: 0;
  }
}
.lk-menu__link {
  padding: 22px 31px;
  width: 336px;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .lk-menu__link {
    width: 130%;
    margin-left: -31px;
  }
}
.lk-menu__link--active {
  background: rgba(172, 141, 102, 0.1);
  color: #AC8D66;
}
.lk-menu__link--active .lk-menu__link-icon {
  background-image: url(../icons/home-gold.svg);
}
.lk-menu__link--active .lk-menu__link-icon--orders {
  background-image: url(../icons/shopping-list-gold.svg);
}
.lk-menu__link--active .lk-menu__link-icon--addresse {
  background-image: url(../icons/delivery-box-gold.svg);
}
.lk-menu__link--active .lk-menu__link-icon--personal {
  background-image: url(../icons/user-gold.svg);
}
.lk-menu__link--active .lk-menu__link-icon--pass {
  background-image: url(../icons/padlock-gold.svg);
}
.lk-menu__link--active .lk-menu__link-icon--card {
  background-image: url(../icons/credit-card-2-gold.svg);
}
.lk-menu__link--active .lk-menu__link-icon--out {
  background-image: url(../icons/logout-gold.svg);
}
.lk-menu__link-left {
  width: 15px;
  margin-right: 22px;
  display: flex;
  justify-content: center;
}
.lk-menu__link-icon {
  background: url(../icons/home.svg) no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
}
.lk-menu__link-icon--orders {
  width: 11px;
  height: 15px;
  background-image: url(../icons/shopping-list.svg);
}
.lk-menu__link-icon--addresse {
  background-image: url(../icons/delivery-box.svg);
}
.lk-menu__link-icon--personal {
  background-image: url(../icons/user.svg);
  width: 15px;
  height: 15px;
}
.lk-menu__link-icon--pass {
  background-image: url(../icons/padlock.svg);
  width: 11px;
}
.lk-menu__link-icon--card {
  background-image: url(../icons/credit-card-2.svg);
  width: 12px;
  height: 8px;
}
.lk-menu__link-icon--out {
  background-image: url(http://127.0.0.1:8088/assets/icons/logout.svg);
}
.lk-info {
  display: flex;
  padding: 43px 0;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  border-top: 1px solid rgba(145, 151, 154, 0.33);
}
@media screen and (max-width: 1300px) {
  .lk-info {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .lk-info {
    padding: 32px 0;
  }
}
.lk-info:last-child {
  padding-bottom: 0;
}
.lk-info s {
  width: 100%;
}
.lk-info--addresse {
  padding-bottom: 25px;
}
.lk-info--addresse3 {
  border-top: none;
  padding: 0 0 30px;
  border-bottom: 1px solid rgba(145, 151, 154, 0.33);
  margin-bottom: 50px;
}
.lk-info--orders {
  padding-bottom: 8px;
}
.lk-info--line {
  padding: 0 0 40px;
}
@media screen and (max-width: 450px) {
  .lk-info--line {
    padding-bottom: 30px;
  }
}
.lk-info__desc-tit {
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  margin-bottom: 23px;
  text-transform: uppercase;
}
.lk-info__desc-tit--addresse {
  margin-bottom: 5px;
}
.lk-info__desc-txt {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .lk-info__desc-txt {
    font-size: 14px;
    line-height: 1.42;
  }
}
.lk-info__button {
  font-family: Lato;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  background: #ac8d66;
  border: none;
  padding: 19px 30px 15px;
  display: inline-block;
  text-decoration: none;
}
@media screen and (max-width: 1300px) {
  .lk-info__button {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lk-info__button {
    margin-top: 17px;
  }
}
.lk-info__button-addresse {
  background: #fff;
  color: #202629;
}
@media screen and (max-width: 1300px) {
  .lk-info__button-addresse3 {
    margin-top: 0;
  }
}
.lk-info__form-button {
  background: #fff;
  padding: 20px 34px 18px;
  border: none;
  font-family: Lato;
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #202629;
  box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 450px) {
  .lk-info__form-button {
    width: 100%;
  }
}
.lk-info__form-button--black {
  border: 1px solid #fff;
  background: none;
  color: #fff;
  padding: 19px 30px 17px;
  margin-left: 12px;
  display: inline-block;
  text-decoration: none;
}
@media screen and (max-width: 450px) {
  .lk-info__form-button--black {
    margin: 20px 0 0;
  }
}
.lk-info__form-buttons {
  margin-top: 38px;
}
@media screen and (max-width: 450px) {
  .lk-info__form-buttons {
    flex-direction: column;
  }
}
.lk-info__addresse-name {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.lk-info__addresse-txt {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
.lk-info__addresse-button {
  padding: 17px 30px 15px;
  background: #fff;
  border: none;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #202629;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 450px) {
  .lk-info__addresse-button {
    width: 100%;
    justify-content: center;
  }
}
.lk-info__addresse-button span {
  background: url(../icons/edit.svg) no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background-size: contain;
}
.lk-info__addresse-button--cancel {
  border: 1px solid #fff;
  background: none;
  color: #fff;
  padding: 16px 30px 14px;
  margin-left: 12px;
}
@media screen and (max-width: 450px) {
  .lk-info__addresse-button--cancel {
    margin: 20px 0 0;
  }
}
.lk-info__addresse-button--cancel span {
  background-image: url(../icons/delete.svg);
  width: 16px;
  height: 19px;
  margin-right: 10px;
}
.lk-info__addresse-buttons {
  display: flex;
}
@media screen and (max-width: 1300px) {
  .lk-info__addresse-buttons {
    margin-top: 15px;
  }
}
@media screen and (max-width: 450px) {
  .lk-info__addresse-buttons {
    flex-direction: column;
    width: 100%;
  }
}
.lk-info__details {
  margin-bottom: 27px;
}
.lk-info__details-form {
  max-width: 390px;
}
.lk-info__details-desc {
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #91979a;
  margin-bottom: 9px;
}
.lk-info__details-name {
  font-size: 16px;
  text-align: left;
  color: #fff;
  line-height: 1;
}
.lk-info__details-tit {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  margin: 59px 0 23px;
}
.lk-info__details-txt {
  font-size: 14px;
  line-height: 1.71;
  color: #fff;
  width: 355px;
}
.lk-order {
  padding: 24px;
  background: #1a2227;
  border: 1px solid #3d4449;
}
.lk-order:not(:last-child) {
  margin-bottom: 40px;
}
.lk-order__number {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #ac8d66;
  margin-bottom: 30px;
}
.lk-order__block-product {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(145, 151, 154, 0.33);
}
.lk-order__block-product:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 450px) {
  .lk-order__block-product {
    flex-direction: column;
    padding-bottom: 14px;
  }
}
.lk-order__block-left {
  display: flex;
}
.lk-order__block-img {
  width: 54px;
  margin-right: 20px;
}
.lk-order__block-name {
  font-family: Cormorant;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 3px;
}
.lk-order__block-names {
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .lk-order__block-name {
    line-height: 1.2;
  }
}
.lk-order__block-count {
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
}
.lk-order__block-cost {
  font-family: Cormorant;
  font-weight: bold;
  font-style: italic;
  font-size: 32px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
  align-self: flex-end;
}
.lk-order__block-cost span {
  margin-right: 10px;
}
@media screen and (max-width: 450px) {
  .lk-order__block-cost {
    align-self: flex-start;
    margin-top: 10px;
  }
}
.lk-order__block-bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lk-order__block-txt {
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
}
.lk-order__block-total {
  font-family: Cormorant;
  font-weight: bold;
  font-style: italic;
  font-size: 32px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #fff;
}
.lk-order__block-total span {
  margin-right: 10px;
}
.lk__logout {
  display: none;
}
@media screen and (max-width: 768px) {
  .lk__logout {
    display: block;
    background: url(http://127.0.0.1:8088/assets/icons/logout-mob.svg) no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
  }
}

div#bellavita_audio {
	position: absolute;
    width: 28px;
    height: 20px;
    top: 2px;
    left: 92px;
    opacity: 0.7;
    cursor: pointer;
}
[lang="ru"] div#bellavita_audio {
    left: 178px;
}
svg#bellavita_audio_icon {
	position: absolute;
	top: 0;
	left: 0;
}

div#bellavita_audio_1 {
	position: absolute;
	border: solid 1px white;
	width: 8px;
	height: 8px;
	border-top: none;
	border-left: none;
	border-radius: 0 0 10px 0;
	transform: rotate( -45deg);
	right: 7px;
	top: 5px;
	transition: ease .5s;
}

div#bellavita_audio.muted div#bellavita_audio_1,
div#bellavita_audio.muted div#bellavita_audio_2 {
	width: 2px;
	height: 2px;
	top: 8px;
	right: 16px;
}

div#bellavita_audio_2 {
	position: absolute;
	border: solid 1px white;
	width: 12px;
	height: 12px;
	border-top: none;
	border-left: none;
	border-radius: 0 0 12px 0;
	transform: rotate( -45deg);
	right: 2px;
	top: 3px;
	transition: ease .5s;
}

div#bellavita_audio.muted div#bellavita_audio_1,
div#bellavita_audio.muted div#bellavita_audio_2 {
	width: 2px;
	height: 2px;
	top: 8px;
	right: 15.5px;
}

div#bellavita_audio_mute {
	position: absolute;
	width: 1px;
	height: 0;
	background-color: #fff;
	transform: rotate( 45deg);
	top: 0;
	left: 7px;
	transition: ease .5s;
}

div#bellavita_audio.muted div#bellavita_audio_mute {
	height: 19px;
}
@media (max-width: 1024px) {
    [lang="ru"] div#bellavita_audio {
        left: 0;
    }
}
/*# sourceMappingURL=style.css.map */

/* turned D of the ꓷ&D name */
.products-menu__item-link--active .dd-turned { text-decoration: underline; }

/* ꓷ&D 2026-10-16: intro changes are pure soft fades, no zoom, tilt or shake */
.animation, .animation.animate { transform: none; transition: opacity 1.5s ease-in-out; }
.animate .animation__txts { animation: dd-soft-fade 0.9s ease-in-out both 0.3s; }
.animate .animation__icon-link--2 { animation: dd-soft-fade 0.9s ease-in-out both 0.4s; }
@keyframes dd-soft-fade { 0% { opacity: 0; } 100% { opacity: 1; } }


/* ꓷ&D 2026-10-17: bottom monogram centred exactly under DALMATIAN DESIRES (box fits the 85 px master monogram) */
.animation__icon-link--2 { width: auto; }

/* ꓷ&D 2026-10-17: music speaker shown on every page (original icon); pages without a footer get it in the bottom-left corner */
.dd-audio-corner { position: fixed; left: 24px; bottom: 22px; width: 28px; height: 20px; z-index: 50; }
.dd-audio-corner div#bellavita_audio { top: 0; left: 0; }
/* ꓷ&D 2026-10-17: DALMATIAN DESIRES + Fine Products and Services exactly in the vertical middle of every intro photo (old site pushed them 40 px down) */
.animation__txts { top: 0; }
/* ꓷ&D 2026-10-17: Fine Products and Services a little closer to DALMATIAN DESIRES (gap between the letters 16 px -> 10 px) */
.animation__txt { margin-top: 5px; }
/* ꓷ&D 2026-10-17: intro order 01 Zlatni Rat B&W, 02 Zlatni Rat colour, 03 Olive Grove, 04 Water Splash, 05 Pool Terrace (Blue Berries removed). Zlatni Rat photos fill the whole screen like the others (Duško 02:22) */
/* ꓷ&D 2026-10-17 16:02: DALMATIAN DESIRES 31 px on all intro photos (Duško) */
.animation__desc { font-size: 31px; white-space: nowrap; }
/* ꓷ&D 2026-10-17 16:13: Fine Products and Services 1 px bigger than before = 21 px EB Garamond Italic (Duško) */
.animation__txt { width: 242px !important; height: 18.25px; }
/* ꓷ&D 2026-10-17 16:50: final intro, 15 photos in Duško's order, each fills the whole screen (slide classes keep their first numbers) */
.animation--p01 { background-image: url("../images/I. Islet_BW.jpg"); background-position: center; }
.animation--p02 { background-image: url("../images/I. Sailing_Yachts_BW.jpg"); background-position: center; }
.animation--p04 { background-image: url("../images/I. Champagne Table.jpg"); background-position: center; }
.animation--p06 { background-image: url("../images/I. ZR_BW.jpg"); background-position: center; }
.animation--p07 { background-image: url("../images/I. Green_Olives.jpg"); background-position: center; }
.animation--p08 { background-image: url("../images/I. Black_Olives.jpg"); background-position: center; }
.animation--p09 { background-image: url("../images/I. Waiter_Tray.jpg"); background-position: center; }
.animation--p11 { background-image: url("../images/I. Water_Pouring.jpg"); background-position: center; }
.animation--p13 { background-image: url("../images/I. Hotel_Lobby.jpg"); background-position: center; }
.animation--p16 { background-image: url("../images/I. Islet_CO.jpg"); background-position: center; }
.animation--p17 { background-image: url("../images/I. Chinaware_BW.jpg"); background-position: center; }
.animation--p18 { background-image: url("../images/I. Yacht_Dinner.jpg"); background-position: center; }
.animation--p19 { background-image: url("../images/I. Spiral_Staircase.jpg"); background-position: center; }
/* ꓷ&D 2026-10-17 23:37: DALMATIAN DESIRES Cormorant Bold 33 px on all intro photos (Duško); shrinks only on screens too narrow for it */
.animation__desc { font-size: min(33px, calc((100vw - 24px) * 33 / 364)); }
/* ꓷ&D 2026-10-17 23:40: Fine Products and Services 1 px bigger = 22 px EB Garamond Italic on all intro photos (Duško) */
.animation__txt { width: 253.52px !important; height: 19.12px; }

/* ꓷ&D 2026-10-19: EB Garamond (SIL Open Font License) for the ABOUT US text (Duško) */
@font-face { font-family: "EB Garamond"; src: url(../fonts/EBGaramond-latin-ext.woff2) format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; src: url(../fonts/EBGaramond-Italic-latin-ext.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; src: url(../fonts/EBGaramond-latin.woff2) format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; src: url(../fonts/EBGaramond-Italic-latin.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* ꓷ&D 2026-10-19: ABOUT US new text (Duško): EB Garamond, white, centred block with straight edges; title 24 px, text 18 px, closing line italic 18 px */
.aboutus-block--dd { width: 100%; max-width: 860px; margin: 0 auto; font-family: "EB Garamond", Garamond, serif; color: #fff; }
.aboutus-dd__tit { text-align: center; font-size: 24px; line-height: 1.4; margin: 0 0 34px; color: #fff; }
.aboutus-dd__name { font-weight: 700; letter-spacing: 0.03em; margin-right: 0.6em; }
.aboutus-dd__motto { font-style: italic; font-weight: 400; }
.aboutus-dd__txt { font-size: 18px; line-height: 1.85; text-align: justify; text-align-last: left; margin: 0 0 30px; color: #fff; }
.aboutus-dd__end { font-size: 18px; font-style: italic; text-align: center; margin: 44px 0 30px; color: #fff; }
@media screen and (max-width: 700px) {
  .aboutus-dd__name, .aboutus-dd__motto { display: block; margin-right: 0; }
  .aboutus-dd__tit { font-size: min(24px, calc((100vw - 43px) / 16.8)); }
}

/* ꓷ&D 2026-10-19 06:22: top menu bar title DALMATIAN DESIRES = EB Garamond Bold, same sizes as before: 28 / 22 / 18 px (Duško, sample 3; replaces Copperplate) */
.header-menu__tit { font-family: "EB Garamond", Garamond, serif; font-weight: 700; }
/* ꓷ&D 2026-10-19 06:26: 1 px bigger = 29 / 23 / 19 px (Duško) */
.header-menu__tit { font-size: 29px; }
@media screen and (max-width: 1024px) { .header-menu__tit--mob { font-size: 23px; } }
@media screen and (max-width: 768px) { .header-menu__tit--mob { font-size: 19px; } }

/* ꓷ&D 2026-10-19 06:48: ORDERS page (how-order.html) title and text = EB Garamond, sizes as ABOUT US (Duško: text size commands title size): title Bold 24 px, text 18 px */
.aboutus-block--order .title--howorder { font-family: "EB Garamond", Garamond, serif; font-weight: 700; font-size: 24px; }
.aboutus-block--order .txt { font-family: "EB Garamond", Garamond, serif; font-size: 18px; }

/* ꓷ&D 2026-10-19 07:00: CLIENTS and CONTACT pages = EB Garamond like ABOUT US and ORDERS (Duško: text 18 px, CAPITAL titles Bold 24 px); wording and layout unchanged */
.clients .container--2 .title, .contacts .title { font-family: "EB Garamond", Garamond, serif; font-weight: 700; font-size: 24px; }
.clients .container--2 .txt, .contacts .txt { font-family: "EB Garamond", Garamond, serif; font-size: 18px; }

/* ꓷ&D 2026-10-21 07:00 Zagreb: ABOUT US text block perfectly centred on tablets and phones (equal space left and right) (Duško) */
@media screen and (max-width: 1024px) {
  .container--about { padding: 0 22px; }
}

/* ꓷ&D 2026-10-21 17:30 Zagreb: ORDERS page title HOW TO ORDER = Georgia Bold 19 px (17:41 change, was 20 px regular), capitals, white, centred (Duško) */
@font-face { font-family: "Jost"; src: url(../fonts/Jost-Light-latin.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
/* ꓷ&D 2026-10-21 19:45 Zagreb: HOW TO ORDER = Option 2 (Duško): Jost Light (Futura style), capitals, letter spacing 0.15em, white, centred, fluid size always clearly smaller than DALMATIAN DESIRES */
.aboutus-block--order .title--howorder { font-family: "Jost", Futura, "Helvetica Neue", sans-serif; font-weight: 300; font-size: clamp(15px, calc(12px + 0.33vw), 17px); letter-spacing: 0.15em; line-height: 1.4; text-transform: uppercase; text-align: center; color: #fff; }
@media screen and (max-width: 768px) { .aboutus-block--order .title--howorder { font-size: 13px; text-align: center; } }
/* ꓷ&D 2026-10-21 19:55 Zagreb: PARTNERS & CLIENTS = same Option 2 style as HOW TO ORDER (Duško) */
.clients .container--2 .title { font-family: "Jost", Futura, "Helvetica Neue", sans-serif; font-weight: 300; font-size: clamp(15px, calc(12px + 0.33vw), 17px); letter-spacing: 0.15em; line-height: 1.4; text-transform: uppercase; text-align: center; color: #fff; }
@media screen and (max-width: 768px) { .clients .container--2 .title { font-size: 13px; text-align: center; } }
/* ꓷ&D 2026-10-21 19:58 Zagreb: CONTACT US = same Option 2 style as HOW TO ORDER (Duško) */
.contacts .title { font-family: "Jost", Futura, "Helvetica Neue", sans-serif; font-weight: 300; font-size: clamp(15px, calc(12px + 0.33vw), 17px); letter-spacing: 0.15em; line-height: 1.4; text-transform: uppercase; text-align: center; color: #fff; }
@media screen and (max-width: 768px) { .contacts .title { font-size: 13px; text-align: center; } }
/* ꓷ&D 2026-10-21 18:55 Zagreb: HOW TO ORDER size balanced to the 18 px text: 22 px with light spacing (computer and iPad), 20 px on small tablets and phones (Claude, Duško asked us to decide) */



/* ꓷ&D 2026-10-21: background photos framed (Duško): the photo starts under the top menu bar, so no part of it hides behind the bar; ORDERS, PARTNERS, CONTACT; ORDERS shows the whole picture on wide screens, soft edges into #202629; tall screens use a focal point */
/* the old site script makes the background 100 px wider and taller than the screen (off-centre); framed photos use the exact screen size instead */
.fixed-bg--framed { top: 138px; width: 100% !important; height: calc(100vh - 138px) !important; }
.fixed-bg--orders { background: #202629; }
.fixed-bg__pic { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: 45% center; }
@media (min-aspect-ratio: 1/1) {
  .fixed-bg--orders .fixed-bg__pic { left: 50%; right: auto; width: min(100%, calc((100vh - 138px) * 1.3)); transform: translateX(-50%); background-position: center;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%); }
  @supports (height: 100dvh) { .fixed-bg--orders .fixed-bg__pic { width: min(100%, calc((100dvh - 138px) * 1.3)); } }
}
@media screen and (max-width: 1024px) {
  .fixed-bg--framed { top: 60px; height: calc(100vh - 60px) !important; }
}
@media screen and (max-width: 1024px) and (min-aspect-ratio: 1/1) {
  .fixed-bg--orders .fixed-bg__pic { width: min(100%, calc((100vh - 60px) * 1.3)); }
  @supports (height: 100dvh) { .fixed-bg--orders .fixed-bg__pic { width: min(100%, calc((100dvh - 60px) * 1.3)); } }
}

/* ꓷ&D 2026-10-21 19:45 Zagreb: DALMATIAN DESIRES always the biggest text (Duško): top bar keeps 29 px down to tablet width (was 23 px), 22 px on small tablets (was 19 px), exactly centred between logo and icons */
@media screen and (max-width: 1024px) {
  .header-menu { position: relative; }
  .header-menu__tit--mob { font-size: 23px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; white-space: nowrap; }
  .page-wrapper--fixed .header-menu__tit--mob { transform: translate(-50%, -50%); }
}
@media screen and (max-width: 768px) {
  .header-menu__tit--mob { font-size: 19px; }
}
/* ꓷ&D 2026-10-22 01:50 Zagreb: DALMATIAN DESIRES back to the approved sizes (Duško): 29 px full width, 23 px up to 1024, 19 px up to 768; centring kept */

/* ꓷ&D 2026-10-21 20:20 Zagreb: intro photos also as AVIF (first choice) and WebP, JPEG kept as backup; 1x = 2048 px copy, 2x = full size (Duško image rule). Browsers without image-set() keep the JPEG rule above. Nothing visible changes. */
.animation--p01 { background-image: image-set(url("../images/I. Islet_BW_2048.avif") type("image/avif") 1x, url("../images/I. Islet_BW.avif") type("image/avif") 2x, url("../images/I. Islet_BW_2048.webp") type("image/webp") 1x, url("../images/I. Islet_BW.webp") type("image/webp") 2x, url("../images/I. Islet_BW_2048.jpg") type("image/jpeg") 1x, url("../images/I. Islet_BW.jpg") type("image/jpeg") 2x); }
.animation--p02 { background-image: image-set(url("../images/I. Sailing_Yachts_BW.avif") type("image/avif"), url("../images/I. Sailing_Yachts_BW.webp") type("image/webp"), url("../images/I. Sailing_Yachts_BW.jpg") type("image/jpeg")); }
.animation--p04 { background-image: image-set(url("../images/I. Champagne Table_2048.avif") type("image/avif") 1x, url("../images/I. Champagne Table.avif") type("image/avif") 2x, url("../images/I. Champagne Table_2048.webp") type("image/webp") 1x, url("../images/I. Champagne Table.webp") type("image/webp") 2x, url("../images/I. Champagne Table_2048.jpg") type("image/jpeg") 1x, url("../images/I. Champagne Table.jpg") type("image/jpeg") 2x); }
.animation--p06 { background-image: image-set(url("../images/I. ZR_BW_2048.avif") type("image/avif") 1x, url("../images/I. ZR_BW.avif") type("image/avif") 2x, url("../images/I. ZR_BW_2048.webp") type("image/webp") 1x, url("../images/I. ZR_BW.webp") type("image/webp") 2x, url("../images/I. ZR_BW_2048.jpg") type("image/jpeg") 1x, url("../images/I. ZR_BW.jpg") type("image/jpeg") 2x); }
.animation--p07 { background-image: image-set(url("../images/I. Green_Olives.avif") type("image/avif"), url("../images/I. Green_Olives.webp") type("image/webp"), url("../images/I. Green_Olives.jpg") type("image/jpeg")); }
.animation--p08 { background-image: image-set(url("../images/I. Black_Olives.avif") type("image/avif"), url("../images/I. Black_Olives.webp") type("image/webp"), url("../images/I. Black_Olives.jpg") type("image/jpeg")); }
.animation--p09 { background-image: image-set(url("../images/I. Waiter_Tray_2048.avif") type("image/avif") 1x, url("../images/I. Waiter_Tray.avif") type("image/avif") 2x, url("../images/I. Waiter_Tray_2048.webp") type("image/webp") 1x, url("../images/I. Waiter_Tray.webp") type("image/webp") 2x, url("../images/I. Waiter_Tray_2048.jpg") type("image/jpeg") 1x, url("../images/I. Waiter_Tray.jpg") type("image/jpeg") 2x); }
.animation--p11 { background-image: image-set(url("../images/I. Water_Pouring_2048.avif") type("image/avif") 1x, url("../images/I. Water_Pouring.avif") type("image/avif") 2x, url("../images/I. Water_Pouring_2048.webp") type("image/webp") 1x, url("../images/I. Water_Pouring.webp") type("image/webp") 2x, url("../images/I. Water_Pouring_2048.jpg") type("image/jpeg") 1x, url("../images/I. Water_Pouring.jpg") type("image/jpeg") 2x); }
.animation--p13 { background-image: image-set(url("../images/I. Hotel_Lobby_2048.avif") type("image/avif") 1x, url("../images/I. Hotel_Lobby.avif") type("image/avif") 2x, url("../images/I. Hotel_Lobby_2048.webp") type("image/webp") 1x, url("../images/I. Hotel_Lobby.webp") type("image/webp") 2x, url("../images/I. Hotel_Lobby_2048.jpg") type("image/jpeg") 1x, url("../images/I. Hotel_Lobby.jpg") type("image/jpeg") 2x); }
.animation--p16 { background-image: image-set(url("../images/I. Islet_CO_2048.avif") type("image/avif") 1x, url("../images/I. Islet_CO.avif") type("image/avif") 2x, url("../images/I. Islet_CO_2048.webp") type("image/webp") 1x, url("../images/I. Islet_CO.webp") type("image/webp") 2x, url("../images/I. Islet_CO_2048.jpg") type("image/jpeg") 1x, url("../images/I. Islet_CO.jpg") type("image/jpeg") 2x); }
.animation--p17 { background-image: image-set(url("../images/I. Chinaware_BW_2048.avif") type("image/avif") 1x, url("../images/I. Chinaware_BW.avif") type("image/avif") 2x, url("../images/I. Chinaware_BW_2048.webp") type("image/webp") 1x, url("../images/I. Chinaware_BW.webp") type("image/webp") 2x, url("../images/I. Chinaware_BW_2048.jpg") type("image/jpeg") 1x, url("../images/I. Chinaware_BW.jpg") type("image/jpeg") 2x); }
.animation--p18 { background-image: image-set(url("../images/I. Yacht_Dinner.avif") type("image/avif"), url("../images/I. Yacht_Dinner.webp") type("image/webp"), url("../images/I. Yacht_Dinner.jpg") type("image/jpeg")); }
.animation--p19 { background-image: image-set(url("../images/I. Spiral_Staircase_2048.avif") type("image/avif") 1x, url("../images/I. Spiral_Staircase.avif") type("image/avif") 2x, url("../images/I. Spiral_Staircase_2048.webp") type("image/webp") 1x, url("../images/I. Spiral_Staircase.webp") type("image/webp") 2x, url("../images/I. Spiral_Staircase_2048.jpg") type("image/jpeg") 1x, url("../images/I. Spiral_Staircase.jpg") type("image/jpeg") 2x); }

/* ꓷ&D 2026-10-21 21:30 Zagreb: Garamond body text follows the expert rule (Duško yes): line height 1.75, letter spacing 0.01em; font, 18 px size, colour and words unchanged (ABOUT US, ORDERS, PARTNERS, CONTACT) */
.aboutus-dd__txt, .aboutus-block--order .txt, .clients .container--2 .txt, .contacts .txt { line-height: 1.75; letter-spacing: 0.01em; }
.aboutus-dd__end { letter-spacing: 0.01em; }

/* ꓷ&D 2026-10-21 21:40 Zagreb: CONTACT photo CONTACT_Desk_Sea_Window works exactly like the 14 intro photos (Duško): one whole photo, fills the frame (cover, centred), grey-black filter #202629 70%; AVIF first, WebP, JPEG backup; 1x = 2048 px copy, 2x = full size */
.fixed-bg--contact { background: #202629; }
.fixed-bg__pic--contact { background-image: url("../images/contact/CONTACT_Desk_Sea_Window.jpg"); background-image: image-set(url("../images/contact/CONTACT_Desk_Sea_Window_2048.avif") type("image/avif") 1x, url("../images/contact/CONTACT_Desk_Sea_Window.avif") type("image/avif") 2x, url("../images/contact/CONTACT_Desk_Sea_Window_2048.webp") type("image/webp") 1x, url("../images/contact/CONTACT_Desk_Sea_Window.webp") type("image/webp") 2x, url("../images/contact/CONTACT_Desk_Sea_Window_2048.jpg") type("image/jpeg") 1x, url("../images/contact/CONTACT_Desk_Sea_Window.jpg") type("image/jpeg") 2x); background-size: cover; background-position: center; }
/* CONTACT: company block (left) and General Enquiries (right) on one row, moved lower; the gap grows with the screen height */
.contacts__blocks { margin-top: clamp(40px, 12vh, 130px); }

/* ===================================================================================
   ꓷ&D ONE PAGE STYLE FOR THE WHOLE SITE (Duško 2026-10-22 02:00 Zagreb: "1 way only")
   Every page (ABOUT US, ORDERS, PARTNERS, CONTACT and every new sub-page) uses these 3 classes:
   1. .dd-bg      = the background photo, built the same way on every page:
                    <div class="fixed-bg fixed-bg--framed dd-bg" style="--dd-shade: 0.65">
                      <div class="dd-bg__pic" style="background-image: url('x.jpg'); background-image: image-set(AVIF, WebP, JPEG)"></div>
                      <div class="dd-bg__shade"></div>
                    </div>
                    One whole photo, starts under the menu bar, fills the page (cover), centred;
                    grey-black #202629 layer on top (--dd-shade = the page's darkness, his choice per page).
                    Photos wider than 2200 px also get a _2048 copy (1x) with the full size as 2x.
   2. .dd-column  = the text column: up to 860 px wide, centred; 22 px side margins on tablets and phones.
   3. .dd-text    = every text paragraph: EB Garamond 15 px, white, line height 1.60 (Duško 2026-10-22 03:06; before 16/1.65, 18/1.75), letter spacing 0.01em,
                    straight left and right edges (justified), 18 px between paragraphs (Duško 2026-10-22 03:06). = EXACTLY the ABOUT US text (Duško: "USE ABOUT US").
   Titles (Jost Light capitals) and the top bar are separate and unchanged.
   =================================================================================== */
.dd-bg { background: #202629; }
.dd-bg__pic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.dd-bg__shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #202629; opacity: var(--dd-shade, 0.65); }
.dd-column { box-sizing: content-box; width: auto; max-width: 860px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
.dd-column .dd-text, .dd-column .dd-text.txt { font-family: "EB Garamond", Garamond, serif; font-size: 15px; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; color: #fff; text-align: justify; text-align-last: left; margin-bottom: 18px; max-width: none; }
.dd-column .dd-text.contacts__block-txt { font-weight: bold; }
.contacts.dd-column .contacts__block-right { left: 0; }
@media screen and (max-width: 1024px) {
  .container--about { padding-left: 0; padding-right: 0; }
  .dd-column { padding-left: 22px; padding-right: 22px; }
}
/* ꓷ&D 2026-10-22 02:20 Zagreb: PARTNERS boxes keep the computer look (3 per row) in narrower windows too, and resize fluidly with the window at the same proportions (Duško yes); 2 per row only on small screens, 1 per row on phones. Top menu, left menu and titles untouched */
.clients__block { height: auto; aspect-ratio: 22 / 13; }
@media screen and (max-width: 992px) { .clients__block { width: calc(33.33% - 30px); } }
@media screen and (max-width: 700px) { .clients__block { width: calc(50% - 30px); } }
@media screen and (max-width: 450px) { .clients__block { width: 100%; height: 192px; aspect-ratio: auto; } }
/* ꓷ&D 2026-10-22 02:35 Zagreb: ABOUT US closing line (Garamond italic) follows the same new size 16 px (Duško: Garamond 18 -> 16 on every page) */
.aboutus-dd__end { font-size: 15px; }
/* ꓷ&D 2026-10-22 02:45 Zagreb: page title shared class .dd-title = the chosen title style (Jost Light capitals, 0.15em, fluid size), same as HOW TO ORDER, PARTNERS & CLIENTS, CONTACT US; ABOUT US title uses it (Duško: motto replaced by the title ABOUT US) */
.dd-title { font-family: "Jost", Futura, "Helvetica Neue", sans-serif; font-weight: 300; font-size: clamp(15px, calc(12px + 0.33vw), 17px); letter-spacing: 0.15em; line-height: 1.4; text-transform: uppercase; text-align: center; color: #fff; }
@media screen and (max-width: 768px) { .dd-title { font-size: 13px; text-align: center; } }
/* ABOUT US title sits at exactly the same height as the other page titles (top space 34 px like ORDERS, PARTNERS, CONTACT) */
.aboutus { padding-top: 34px; }
/* ꓷ&D 2026-10-22 02:55 Zagreb: footer ꓷ&D monogram solid white 100% on every page, exactly like the master (Duško: old 55% see-through removed; size unchanged) */
.logo__grey { opacity: 1 !important; }
/* ꓷ&D 2026-10-22 03:10 Zagreb: PARTNERS boxes text "Your Discerning Brand Here" 12 px (was 14, before 16), Lato italic grey unchanged (Duško) */
.clients__block--here { font-size: 12px; }
/* ꓷ&D 2026-10-22 Zagreb: footer monogram 80x37 px (was 107x49), same proportions, solid white, centred (Duško) */
.logo__grey { height: 37px !important; width: auto !important; }
/* ꓷ&D 2026-10-22 Zagreb: ONE PAGE LENGTH for every page (Duško "the length from up to very down, the same for all"): every page is exactly as long as PARTNERS (3 rows of boxes), measured from the top to the very bottom. New pages: add class dd-page to the main content div right after the header. Phones (≤700 px): footer just below the first screen. */
.dd-page { box-sizing: border-box; display: flow-root; min-height: min(calc(59.55vw + 271px), 1129px); }
@media screen and (max-width: 1024px) { .dd-page { min-height: calc(60.35vw + 274px); } }
@media screen and (max-width: 760px) { .dd-page { min-height: calc(60.35vw + 296px); } }
@media screen and (max-width: 700px) { .dd-page { min-height: 100vh; min-height: 100svh; } }
/* ꓷ&D 2026-10-22 Zagreb: ONE TITLE SPACE for every page: 40 px from the page title to the first line of text (Duško). New pages get it automatically inside .dd-page. */
.dd-page h3.title { margin-bottom: 40px !important; }
/* ꓷ&D 2026-10-22 Zagreb: ONE TITLE POSITION for every page: the page title starts exactly 33 px below the bottom edge of the top menu bar (Duško). Menu bar bottom = 138 px on wide screens (page starts at 133), 60 px on smaller screens (page starts at 59). */
.dd-page { padding-top: 38px !important; }
@media screen and (max-width: 1024px) { .dd-page { padding-top: 34px !important; } }
/* ꓷ&D 2026-10-22 Zagreb: FINAL title position: the visible top of the title letters is 36 px below the bottom of the menu bar on every page; only the title line moves, the text does not move (Duško) */
.dd-page h3.title { position: relative; top: calc(3px - 0.3em); }
@media screen and (min-width: 900px) and (max-width: 1050px) { .dd-page h3.title { top: calc(3.6px - 0.3em); } }
/* ꓷ&D 2026-10-22 Zagreb: LEGAL PAGES TEXT STYLE (Duško: LEGAL and TERMS are pages outside the main website, so their text is Times New Roman 11, smaller than the Garamond pages).
   Use .dd-legal inside .dd-column for TERMS and LEGAL. Clause numbers hang in a left column, a/b/c lists are indented, contents list at the top. */
.dd-legal { max-width: 640px; margin: 0 auto; font-family: "Times New Roman", Times, "Liberation Serif", Tinos, serif; font-size: 11px; line-height: 1.6; color: #fff; text-align: left; }
.dd-legal p, .dd-legal li, .dd-legal h4, .dd-legal h5 { font-family: inherit; font-size: 11px; line-height: 1.6; color: #fff; margin: 0; padding: 0; letter-spacing: 0; }
.dd-legal a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.45); text-underline-offset: 2px; }
.dd-legal__updated { text-align: center; font-style: italic; opacity: .8; margin-bottom: 28px !important; }
.dd-legal__toc { border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); padding: 16px 0 14px; margin-bottom: 36px; }
.dd-legal__toc-title { text-transform: uppercase; letter-spacing: .12em !important; text-align: center; margin-bottom: 10px !important; }
.dd-legal__toc ol { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 32px; }
.dd-legal__toc li { break-inside: avoid; padding: 2px 0; }
.dd-legal__toc a { text-decoration: none; }
.dd-legal__toc a:hover { text-decoration: underline; }
.dd-legal__n { display: inline-block; min-width: 3.4em; flex: 0 0 3.4em; white-space: nowrap; }
.dd-legal__sec { scroll-margin-top: 150px; margin-bottom: 30px; }
.dd-legal__h { font-weight: bold !important; text-transform: uppercase; letter-spacing: .1em !important; padding-bottom: 6px !important; margin-bottom: 12px !important; border-bottom: 1px solid rgba(255,255,255,.25); }
.dd-legal__sub { font-weight: bold !important; margin: 16px 0 6px !important; }
.dd-legal__c { display: flex; margin-bottom: 8px !important; }
.dd-legal__c > span:last-child, .dd-legal__list li > span:last-child { flex: 1 1 auto; min-width: 0; }
.dd-legal__p { padding-left: 3.4em !important; margin-bottom: 4px !important; }
.dd-legal__list { list-style: none; margin: -2px 0 10px 3.4em; padding: 0; }
.dd-legal__list li { display: flex; margin-bottom: 4px; }
.dd-legal__list .dd-legal__n { min-width: 2em; flex-basis: 2em; }
.dd-legal__list--sub { margin-left: 5.4em; }
.dd-legal__bullets { list-style: none; margin: -2px 0 10px 3.4em; padding: 0; }
.dd-legal__bullets li { position: relative; padding-left: 1.4em; margin-bottom: 2px; }
.dd-legal__bullets li::before { content: "·"; position: absolute; left: .3em; }
@media screen and (max-width: 1024px) { .dd-legal__sec { scroll-margin-top: 72px; } }
@media screen and (max-width: 500px) { .dd-legal__toc ol { columns: 1; } .dd-legal__list, .dd-legal__bullets, .dd-legal__p { margin-left: 2.4em; } .dd-legal__p { padding-left: 2.4em !important; margin-left: 0; } .dd-legal__list--sub { margin-left: 4.4em; } }