@charset "UTF-8";
/* 1. Settings
=========================*/
/* 2. Font family
=========================*/
/* 3. Font sizes
=========================*/
/* 4. Colors
=========================*/
/* 39. Tooltips
=========================*/
/* Default */
/* Sizes */
/* Styling */
/* Default Buttons
============================*/
/* Outline Buttons
============================*/
/* Inverted Buttons
============================*/
/* Gradient Buttons
============================*/
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
.hidden {
  display: none !important;
}

.container {
  width: 1560px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

html {
  font-size: 10px;
  font-variant-numeric: lining-nums;
}

html,
body {
  -webkit-overflow-scrolling: touch;
}
html.fixed,
body.fixed {
  overflow: hidden;
  touch-action: none;
}

body {
  margin: 0;
  padding: 0;
  background-color: #1A1826;
  font-family: "Work Sans", sans-serif;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body.home .site__wrapper {
  padding-top: 3rem;
}
body.home .section {
  z-index: 1;
}
body:not(.home) .site__wrapper {
  padding-top: 4rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0;
  text-decoration: none;
}

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

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

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
   background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #D38C46;
    border-radius: 6px;
    background-clip: padding-box;
}

::selection {
  background-color: #7c8799;
  color: #D38C46;
}

.site {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding-top: 7rem;
  overflow: hidden;
}

.site__wrapper {
  position: relative;
  background-color: #27233A;
}

.mask {
  position: fixed;
  height: 100%;
  background: #000000;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.mask.active {
  opacity: 0.7;
  visibility: visible;
}

/* Vendor libs */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-slider.slick-vertical .slick-list {
  margin: 0;
}
.slick-slider.slick-vertical .slick-track {
  flex-direction: column;
}
.slick-slider.slick-vertical .slick-slide {
  padding: 1.25rem 0;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0 -1rem;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  position: relative;
  display: flex;
  left: 0;
  top: 0;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  min-height: 1px;
  height: auto;
  padding: 0 1rem;
}
.slick-slide:focus {
  outline: 0;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

/* Arrows */
.arrows {
  display: flex;
  gap: 2rem;
}

.slick-arrow {
  position: relative;
  display: block;
  height: 5.4rem;
  width: 5.4rem;
  border-radius: 50%;
  padding: 0;
  border: none;
  background-color: #D38C46;
  line-height: 0;
  font-size: 0;
  color: transparent;
  outline: none;
  cursor: pointer;
  z-index: 1;
  transition: 0.3s;
}
.slick-arrow:before {
  content: "";
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.292893 7.29289C-0.0976314 7.68342 -0.0976315 8.31658 0.292892 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34314C8.46159 1.95262 8.46159 1.31946 8.07107 0.928931C7.68054 0.538407 7.04738 0.538407 6.65686 0.928931L0.292893 7.29289ZM21 7L1 7L1 9L21 9L21 7Z' fill='black'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.slick-arrow:hover,
.slick-arrow:focus {
  outline: none;
  color: transparent;
}
.slick-arrow:hover {
  background-color: #7c8799;
}
.slick-arrow.slick-disabled {
  opacity: 0.1;
}
.slick-arrow.slick-hidden {
  display: none;
}

.slick-next:before {
  transform: rotate(180deg);
}

.slick-dots {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  margin-top: 2rem;
}
.slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  overflow: hidden;
  transition: 0.3s;
}
.slick-dots li.slick-active button {
  background-color: #D38C46;
}
.slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #7c8799;
  outline: none;
  font-size: 0;
  cursor: pointer;
  transition: 0.3s;
}
.slick-dots li button:hover {
  background-color: #D38C46;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
/* 34. Modals
=========================*/
/* Overlay */
/* Animation */
/* Wrapper */
/* Close Btn */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
html.remodal-is-locked body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 1.5rem;
}

/* Default theme styles of the modal dialog */
.remodal {
  max-width: 100%;
  padding: 35px;
  background-color: #35304E;
  border-radius: 2rem;
  transform: translate3d(0, 0, 0);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Keyframes */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries */
.remodal {
  width: 480px;
}

/* IE8  */
.lt-ie9 .remodal-overlay {
  background: #000000;
}

.lt-ie9 .remodal {
  width: 480px;
}

.remodal {
  padding: 0;
  overflow: hidden;
}
.remodal .block__title {
  margin-bottom: 4rem;
  font-size: 3.4rem;
  text-align: left;
}
.remodal .form__row {
  margin-left: 0;
  margin-right: 0;
}

.remodal-close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #D38C46;
  outline: 0;
  z-index: 4;
  cursor: pointer;
  overflow: visible;
  transition: 0.3s;
}
.remodal-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 0.1rem;
  background-color: #ffffff;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: 0.3s;
}
.remodal-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 0.1rem;
  background-color: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.3s;
}
.remodal-close:hover {
  background-color: #FFAA01;
}

.remodal__body {
  padding: 8rem 8rem 5rem;
}

.connect {
  margin-top: 4rem;
}

.connect__item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  height: 5.4rem;
  border-radius: 0.8rem;
  background-color: #524D6B;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  color: #ffffff;
  transition: 0.3s;
}
.connect__item-wrapper:hover {
  background-color: #7c8799;
}

.connect__img {
  width: 2.8rem;
  height: 2.8rem;
}
.connect__img img {
  display: block;
  height: 100%;
}

.remodal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9rem;
  border-top: solid 1px #524D6B;
}
.remodal__footer .block__text {
  font-weight: 500;
  font-size: 1.5rem;
}
.remodal__footer .block__text a {
  font-weight: 700;
  text-decoration: none;
  color: #D38C46;
}
.remodal__footer .block__text a:hover {
  color: #FFAA01;
}

@media (max-width: 480px) {
  .remodal .block__title {
    font-size: 2.2rem;
  }
  .remodal__body {
    padding: 4rem;
  }
}

/* Import blocks */
.section {
  position: relative;
  margin-bottom: 8rem;
}
.section.contacts {
  margin-bottom: 0;
}

.page__header {
  position: relative;
  margin-bottom: 4rem;
  z-index: 3;
}
.page__header .actions {
  justify-content: flex-end;
  margin-top: 0;
}
.page__header .actions .btn {
  width: 5.4rem;
  height: 5.4rem;
  padding: 0 1rem;
  border-radius: 0.8rem;
}
.page__header .action {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.page__header .lng {
  width: 31rem;
  z-index: 3;
}
.page__header .lng .header__link {
  width: 100%;
  height: 5.4rem;
  padding: 0 2rem;
  border-radius: 0.8rem;
  background-color: #524D6B;
  font-weight: 600;
  font-size: 1.5rem;
}
.page__header .lng__wrapper {
  right: auto;
  left: 0;
  width: 100%;
}
.page__header .lng__wrapper-container {
  width: 100%;
  padding: 2rem;
  border-radius: 0.8rem;
}
.page__header .lng__list {
  gap: 2.5rem;
}
.page__header .lng__sub-item > a {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: 600;
  font-size: 1.6rem;
}
.page__header .lng__sub-item > a img {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
}

.page__header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 3rem;
}
.page__header-wrapper .block__title {
  margin-bottom: 0;
}

.page__title {
  font-size: 4rem;
  line-height: 1.4;
}

.block__title {
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1.1;
}
.block__title.center {
  text-align: center;
}

.block__subtitle {
  font-size: 1.6rem;
}
.block__subtitle.center {
  text-align: center;
}

.block__text.center {
  text-align: center;
}

.block__text h1 {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 4rem;
}
.block__text h1:not(:first-child) {
  margin-top: 1em;
}

.block__text h2 {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 2.4rem;
}
.block__text h2:not(:first-child) {
  margin-top: 1em;
}

.block__text h3 {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 2.4rem;
}
.block__text h3:not(:first-child) {
  margin-top: 1em;
}

.block__text h4 {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 2.4rem;
}
.block__text h4:not(:first-child) {
  margin-top: 1em;
}

.block__text h5 {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 2.4rem;
}
.block__text h5:not(:first-child) {
  margin-top: 1em;
}

.block__text h6 {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 2.4rem;
}
.block__text h6:not(:first-child) {
  margin-top: 1em;
}

.block__text p {
  margin-bottom: 1em;
}
.block__text p:last-of-type {
  margin-bottom: 0;
}

.block__text a {
  color: #ffffff;
  text-decoration: underline;
  transition: 0.3s;
}
.block__text a:hover {
  color: #D38C46;
}

.block__text ul {
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}

.link {
  font-weight: 500;
  font-size: 1.6rem;
  color: #ffffff;
  transition: 0.3s;
}
.link:hover {
  color: #D38C46;
}

.img {
  max-width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
.img img {
  display: block;
  width: 100%;
}

.block__mask {
  border-radius: 2rem;
  clip-path: polygon(
    0% 0%,
    0% 0%,
    calc(100% - 57.5934px) 0.0627px,
    calc(100% - 56.0296px) 0.2491px,
    calc(100% - 54.4922px) 0.5564px,
    calc(100% - 52.988px) 0.9817px,
    calc(100% - 51.5236px) 1.5224px,
    calc(100% - 50.1059px) 2.1756px,
    calc(100% - 48.7414px) 2.9385px,
    calc(100% - 47.437px) 3.8084px,
    calc(100% - 46.1993px) 4.7825px,
    calc(100% - 45.035px) 5.858px,
    calc(100% - 5.858px) 45.035px,
    calc(100% - 5.858px) 45.035px,
    calc(100% - 4.7825px) 46.1993px,
    calc(100% - 3.8084px) 47.437px,
    calc(100% - 2.9385px) 48.7414px,
    calc(100% - 2.1756px) 50.1059px,
    calc(100% - 1.5224px) 51.5236px,
    calc(100% - 0.9817px) 52.988px,
    calc(100% - 0.5564px) 54.4922px,
    calc(100% - 0.2491px) 56.0296px,
    calc(100% - 0.0627px) 57.5934px,
    100% 100%,
    59.177px calc(100% + -0px),
    59.177px calc(100% + -0px),
    57.5934px calc(100% - 0.0627px),
    56.0296px calc(100% - 0.2491px),
    54.4922px calc(100% - 0.5564px),
    52.988px calc(100% - 0.9817px),
    51.5236px calc(100% - 1.5224px),
    50.1059px calc(100% - 2.1756px),
    48.7414px calc(100% - 2.9385px),
    47.437px calc(100% - 3.8084px),
    46.1993px calc(100% - 4.7825px),
    45.035px calc(100% - 5.858px),
    5.858px calc(100% - 45.035px),
    5.858px calc(100% - 45.035px),
    4.7825px calc(100% - 46.1993px),
    3.8084px calc(100% - 47.437px),
    2.9385px calc(100% - 48.7414px),
    2.1756px calc(100% - 50.1059px),
    1.5224px calc(100% - 51.5236px),
    0.9817px calc(100% - 52.988px),
    0.5564px calc(100% - 54.4922px),
    0.2491px calc(100% - 56.0296px),
    0.0627px calc(100% - 57.5934px),
    0% 0%
  );
  overflow: hidden;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
}
.actions.center {
  justify-content: center;
}
.actions .btn {
  padding: 0 2.5rem;
}

.date {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.15;
  color: #b5b5b5;
}

.arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  color:#D38C46;
  background-color: currentColor;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.1212L14 8.06061L0 0C2.14478 5.18518 2.14478 10.9596 0 16.1212Z' fill='%23C157FF'/%3e%3c/svg%3e ");
  
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
}

.game-bar {
  margin-bottom: 4rem;
}
.game-bar .lng {
  width: 23rem;
}
.game-bar .lng .header__link {
  width: 100%;
  height: 100%;
  gap: 1.6rem;
  padding: 1.2rem;
  border-radius: 0.8rem;
  background-color: #524D6B;
  font-weight: 600;
  font-size: 1.6rem;
}
.game-bar .lng .header__link img {
  width: 3rem;
  height: 3rem;
}
.game-bar .lng__wrapper {
  right: auto;
  left: 0;
  width: 100%;
}
.game-bar .lng__wrapper-container {
  width: 100%;
  padding: 0.9rem;
  border-radius: 0.8rem;
}
.game-bar .lng__sub-item > a {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-weight: 600;
}
.game-bar .lng__sub-item > a img {
  display: block;
  width: 3rem;
  height: 3rem;
}
.game-bar .actions {
  gap: 1.5rem;
  margin-top: 0;
}
.game-bar .btn {
  padding: 0 2rem;
  border-radius: 0.8rem;
}

.game-bar__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.game-bar__block {
  position: relative;
}

.layout__wrapper {
  display: flex;
  align-items: flex-start;
}

.sidebar {
  width: 36rem;
  max-width: 100%;
  padding: 0 2.5rem 2.5rem;
  border-radius: 2rem;
  background-color: #35304E;
}

.sidebar__footer {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2.5rem 0 0;
}
.sidebar__footer .btn {
  flex: 1;
  height: 4.4rem;
}

.widget {
  border-bottom: solid 1px #524D6B;
}

.widget__title {
  position: relative;
  display: block;
  padding: 2.5rem 0;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.45;
  letter-spacing: -0.05em;
}
.widget__title:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 0;
  width: 1rem;
  height: 1rem;
  color:#D38C46;
  background-color: currentColor;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.08973 5.37643C5.28637 5.35743 5.47232 5.27803 5.62205 5.14914L9.64148 1.70392C9.74158 1.62369 9.82453 1.52415 9.8854 1.41122C9.94627 1.29829 9.98382 1.17428 9.99581 1.04655C10.0078 0.918824 9.99398 0.78999 9.95519 0.667706C9.9164 0.545422 9.85343 0.432184 9.77001 0.334723C9.68658 0.237262 9.58442 0.157567 9.46959 0.100374C9.35475 0.0431816 9.22959 0.00965913 9.10154 0.00179842C8.97349 -0.0060623 8.84517 0.0118995 8.7242 0.0546166C8.60323 0.0973337 8.49209 0.163934 8.39737 0.250459L4.99999 3.16336L1.60262 0.250458C1.5079 0.163933 1.39676 0.0973334 1.27579 0.0546163C1.15482 0.0118992 1.0265 -0.00606265 0.898452 0.00179806C0.770404 0.00965876 0.645238 0.0431813 0.530403 0.100374C0.415568 0.157567 0.313406 0.237262 0.229983 0.334723C0.146561 0.432184 0.0835876 0.545422 0.0447969 0.667705C0.00600624 0.789989 -0.0078001 0.918823 0.00418949 1.04655C0.0161791 1.17428 0.0537167 1.29829 0.114587 1.41122C0.175456 1.52415 0.258409 1.62369 0.358511 1.70392L4.37794 5.14914C4.47528 5.23282 4.58845 5.29607 4.71073 5.33512C4.83301 5.37416 4.9619 5.38821 5.08973 5.37643Z' fill='%23C157FF'/%3e%3c/svg%3e ");
  
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
  
  transition: 0.3s;
}
.widget__title.active:before {
  transform: rotateZ(180deg);
}

.widget__content {
  display: none;
  padding-bottom: 2.5rem;
  font-size: 1.6rem;
}
.widget__content .actions {
  margin-top: 0;
}
.widget__content .input {
  flex: 1;
  height: 4.4rem;
}
.widget__content .slider {
  margin-bottom: 2.5rem;
}
.widget__content .slider--exterior {
  padding-top: 3rem;
}
.widget__content .slider--exterior .noUi-target {
  background: linear-gradient(
    to right,
    #57bf9e 0%,
    #57bf9e 24%,
    #61b1ed 24%,
    #61b1ed 43.5%,
    #8ba5c2 43.5%,
    #8ba5c2 62.3%,
    #f2ba7c 62.3%,
    #f2ba7c 77.5%,
    #c86f67 77.5%,
    #c86f67 100%
  );
}
.widget__content .slider--exterior .noUi-connect {
  display: none;
}

.layout__main {
  width: calc(100% - 36rem);
  padding-left: 2rem;
}

.orders .cart__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-radius: 0;
  background-color: transparent;
}
.orders .cart__list .cart__item {
  gap: 3rem;
  padding: 5rem 3.5rem;
  border-radius: 2rem;
  background-color: #35304E;
}
.orders .cart__list .cart__item:not(:last-child) {
  border-bottom: none;
}

.orders .actions {
  justify-content: flex-end;
  gap: 2rem 8rem;
  margin-top: 2.5rem;
}
.orders .actions .price img {
  width: 1.8rem;
  margin-left: 0;
  margin-right: 0.7rem;
}

.orders .action {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-weight: 500;
  font-size: 2.4rem;
}
.orders .action *:not(.btn) {
  letter-spacing: -0.05em;
}

.order__item {
  display: flex;
  gap: 2rem;
}
.order__item .cart__list {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 2rem;
  border-radius: 0;
  background-color: transparent;
}
.order__item .cart__list .cart__item {
  flex: 1;
  border-radius: 2rem;
  background-color: #35304E;
}
.order__item .cart__list .cart__item:not(:last-child) {
  border-bottom: none;
}

.order__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 35.5rem;
  gap: 2rem;
  padding: 3.5rem;
  border-radius: 2rem;
  background-color: #35304E;
}

.order__title {
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-size: 2rem;
}

.order__meta {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.order__meta-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  font-weight: 600;
  font-size: 1.6rem;
}
.order__meta-item span:first-child {
  color: #b5b5b5;
}
.order__meta-item .price img {
  width: 1.4rem;
  margin-left: 0;
  margin-right: 0.7rem;
}

.order__status {
  font-weight: 600;
  font-size: 2rem;
}

.balance__wrapper {
  display: flex;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #35304E;
}
.balance__wrapper:not(:last-child) {
  margin-bottom: 8rem;
}

.balance__title {
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
}
.balance__title.center {
  text-align: center;
}

.balance__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
  padding-bottom: 3rem;
}

.balance__item {
  width: calc(100% / 7);
  padding: 0 1rem;
}
.balance__item.active .balance__item-wrapper {
  background-color: #D38C46;
}
.balance__item.active .balance__item-img span {
  opacity: 1;
}

.balance__item-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 24rem;
  gap: 2rem;
  padding: 4rem 0 3rem;
  border-radius: 2rem;
  background-color: #524D6B;
  text-align: center;
  overflow: hidden;
}

.balance__item-img {
  position: relative;
  width: 10rem;
  height: 10rem;
}
.balance__item-img img {
  display: block;
  width: 100%;
}
.balance__item-img span {
  position: absolute;
  top: -1.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
}
.balance__item-img span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}
.balance__item-img span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.05);
}

.balance__item-title {
  font-weight: 600;
  font-size: 1.9rem;
}

.balance__progress {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin-bottom: 2.5rem;
  border-radius: 0.8rem;
  background-color: #524D6B;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25) inset;
}
.balance__progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 0.8rem;
  background-color: #D38C46;
}

.balance__text {
  font-weight: 600;
  font-size: 1.9rem;
  color: #D38C46;
}
.balance__text .price {
  flex-wrap: wrap;
}
.balance__text .price span {
  color: #ffffff;
}
.balance__text .price img {
  width: 1.6rem;
  margin-left: 0.7rem;
}

.balance__wallet {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.balance__wallet-block {
  padding: 3rem 3rem 4rem;
}
.balance__wallet-block:first-child {
  width: 35.5rem;
  border-right: solid 1px #524D6B;
}
.balance__wallet-block:last-child {
  flex: 1;
}
.balance__wallet-block td {
  width: 25%;
}
.balance__wallet-block td .price img,
.balance__wallet-block td .price svg {
  width: 1.8rem;
  margin-left: 0.7rem;
}

.wallet__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.5rem;
  text-align: center;
}
.wallet__content .balance__title {
  width: 100%;
  margin-bottom: 4rem;
  text-align: left;
}
.wallet__content .price {
  font-weight: 600;
  font-size: 4rem;
}
.wallet__content .price img {
  width: 3.3rem;
  margin-left: 1rem;
}
.wallet__content .btn {
  min-width: 14.5rem;
}

.wallet__img {
  width: 8.1rem;
  margin-bottom: 4rem;
}
.wallet__img img {
  display: block;
  width: 100%;
}

.wallet__balance {
  margin-bottom: 4rem;
}

.settings__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}

.settings__block {
  width: 100%;
  padding: 0 1rem;
}
.settings__block .form {
  display: flex;
  flex-wrap: wrap;
  max-width: initial;
  margin: 0 -1rem;
}
.settings__block .form__block {
  width: calc(100% / 3);
  padding: 0 1rem;
}
.settings__block .form__actions {
  width: 100%;
  padding: 0 1rem;
}

.settings__block-wrapper {
  height: 100%;
  padding: 3rem;
  border-radius: 2rem;
  background-color: #35304E;
}
.settings__block-wrapper .block__title {
  margin-bottom: 2rem;
  font-size: 3rem;
}

.live_stream {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}

.live_stream-block {
  width: 80rem;
  max-width: 100%;
}

.live_stream-grid {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.live_stream-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.live_stream-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cookie-window-block {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  flex-direction: column;
  width: 46rem;
  max-width: calc(100% - 4rem);
  gap: 2rem;
  padding: 2rem 3rem 3rem;
  border-radius: 2rem;
  background-color: #35304E;
  z-index: 10;
  font-size: 1.4rem;
  line-height: 2;
}
.cookie-window-block .block__text {
  padding-right: 2rem;
  font-size: 1.6rem;
}
.cookie-window-block .block__text a {
  font-weight: 600;
  text-decoration: none;
  color: #D38C46;
}
.cookie-window-block .block__text a:hover {
  color: #FFAA01;
}
.cookie-window-block.closed {
  display: none !important;
}

.cookie-window-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
}
.cookie-window-actions .link {
  display: block;
}
.cookie-window-actions .btn {
  flex: 1;
}

.breadcrumbs {
  position: relative;
  margin-bottom: 1.2rem;
  z-index: 2;
}

.breadcrumbs__wrapper {
  display: flex;
  align-items: center;
  gap: 2rem 0;
  overflow-x: auto;
}
.breadcrumbs__wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 1.2rem;
  font-weight: 600;
  font-size: 1.2rem;
  white-space: nowrap;
  color: #ffffff;
  transition: 0.3s;
}
.breadcrumbs__item:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 1.2rem;
  background-color: #D38C46;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.37643 3.92822C5.35743 3.7709 5.27803 3.62215 5.14914 3.50236L1.70392 0.286817C1.62369 0.206735 1.52415 0.140373 1.41122 0.0916773C1.29829 0.0429817 1.17428 0.0129422 1.04655 0.00335045C0.918824 -0.00624126 0.78999 0.00481344 0.667706 0.0358457C0.545422 0.066878 0.432184 0.117257 0.334723 0.183995C0.237262 0.250733 0.157567 0.332463 0.100374 0.424331C0.0431817 0.516199 0.00965914 0.616331 0.00179843 0.718769C-0.00606229 0.821207 0.0118995 0.923863 0.0546166 1.02064C0.0973337 1.11741 0.163934 1.20633 0.250459 1.2821L3.16336 4L0.250458 6.7179C0.163933 6.79368 0.0973335 6.8826 0.0546164 6.97937C0.0118993 7.07614 -0.00606257 7.1788 0.00179814 7.28124C0.00965884 7.38368 0.0431813 7.48381 0.100374 7.57568C0.157567 7.66755 0.237262 7.74927 0.334723 7.81601C0.432184 7.88275 0.545422 7.93313 0.667705 7.96416C0.789989 7.99519 0.918824 8.00624 1.04655 7.99665C1.17428 7.98706 1.29829 7.95703 1.41122 7.90833C1.52415 7.85964 1.62369 7.79327 1.70392 7.71319L5.14914 4.49765C5.23282 4.41978 5.29607 4.32924 5.33512 4.23141C5.37416 4.13359 5.38821 4.03048 5.37643 3.92822Z' fill='%23C157FF'/%3e%3c/svg%3e ");
  
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
  
  pointer-events: none;
}
.breadcrumbs__item:last-child {
  color: #b5b5b5;
}
.breadcrumbs__item:hover:not(:last-child) {
  color: #D38C46;
}

@media (max-width: 1100px) {
  .breadcrumbs {
    padding-top: 0;
  }
}

.paginations {
  width: 114rem;
  max-width: 100%;
  margin: 4rem auto 0;
}

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

.pagination__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2rem;
  background-color: transparent;
  font-weight: 500;
  font-size: 1.6rem;
  color: #D38C46;
  white-space: nowrap;
  transition: 0.3s;
}
.pagination__item--current {
  color: #ffffff;
  pointer-events: none;
}
.pagination__item--disabled {
  color: #524D6B;
  pointer-events: none;
}
.pagination__item--left,
.pagination__item--right {
  width: 14rem;
  padding: 0 2rem;
  border-radius: 4.4rem;
  background-color: #D38C46;
  color: #ffffff;
}
.pagination__item--left:hover,
.pagination__item--right:hover {
  background-color: #FFAA01;
}
.pagination__item--left.pagination__item--disabled,
.pagination__item--right.pagination__item--disabled {
  border: solid 1px #524D6B;
  background-color: transparent;
  color: #524D6B;
}
.pagination__item--left {
  margin-right: 2.4rem;
}
.pagination__item--right {
  margin-left: 2.4rem;
}

a.pagination__item:hover {
  color: #ffffff;
}

.error__page {
  display: flex;
  min-height: 60rem;
  gap: 4rem 7rem;
  padding: 8rem 0 0;
}
.error__page .block__title {
  margin-top: 5.5rem;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 2.4rem;
}
.error__page .block__subtitle {
  margin-bottom: 1.7rem;
  font-weight: 600;
  font-size: 8rem;
  letter-spacing: -0.05em;
}
.error__page .btn {
  min-width: 14.5rem;
}

.error__page-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.error__page-block:first-child {
  align-items: flex-end;
}

@media (max-width: 1360px) {
  .error__page {
    min-height: 40rem;
    gap: 2rem 4rem;
  }
  .error__page .block__title {
    margin-top: 3.5rem;
  }
  .error__page .block__subtitle {
    font-size: 6rem;
  }
}

@media (max-width: 992px) {
  .error__page {
    flex-direction: column;
    min-height: 30rem;
    padding: 1rem 0 0;
  }
  .error__page .block__title {
    margin-top: 0;
  }
  .error__page .block__subtitle {
    margin-bottom: 1rem;
    font-size: 4rem;
  }
  .error__page-block {
    align-items: center;
    flex: initial;
    text-align: center;
  }
  .error__page-block:first-child {
    align-items: center;
  }
}

.btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.4rem;
  padding: 0 1.5rem;
  border-radius: 5.4rem;
  border: solid 1px transparent;
  background-color: transparent;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
  cursor: pointer;
  transition: 0.3s;
}
.btn img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: 0.3s;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn:hover img {
  opacity: 0.7;
}
.btn:focus {
  outline: 0;
}
.btn--main {
  background-color: #D38C46;
  border-color: #D38C46;
  color: #ffffff;
}
.btn--main:hover {
  background-color: #FFAA01;
  border-color: #FFAA01;
}
.btn--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.btn--white:hover {
  background-color: #D38C46;
  border-color: #D38C46;
}
.btn--black {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.btn--black:hover {
  background-color: #35304E;
  border-color: #656565;
}
.btn--gray {
  background-color: #524D6B;
  border-color: #524D6B;
  color: #ffffff;
}
.btn--gray:hover {
  color: #D38C46;
}
.btn--o-black {
  border-color: #000000;
  color: #000000;
}
.btn--o-black:hover {
  background-color: #000000;
  color: #ffffff;
}
.btn--o-light {
  border-color: #edecec;
  color: #656565;
}
.btn--o-light:hover {
  background-color: #edecec;
}
.btn--o-red {
  border-color: #d78383;
  color: #d78383;
}
.btn--o-red:hover {
  background-color: #d78383;
  color: #ffffff;
}
.btn--remove {
  min-width: 10.5rem;
  height: 3.6rem;
  font-size: 2rem;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table thead {
  border-bottom: 4px solid #524D6B;
}
table th {
  height: 4.2rem;
  padding: 0.5rem 2rem 0.5rem 0;
  vertical-align: baseline;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -0.05em;
  color: #b5b5b5;
}
table th:last-child {
  padding: 0.5rem 0;
  text-align: right;
}
table td {
  height: 6.5rem;
  padding: 0.5rem 2rem 0.5rem 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.05);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.05em;
  color: #ffffff;
}
table td:last-child {
  padding: 0.5rem 0;
  text-align: right;
}

@media (max-width: 768px) {
  .orders__table thead {
    display: none;
  }
  .orders__table tr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.05);
  }
  .orders__table td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: 0;
    padding: 0;
    border-bottom: none;
  }
  .orders__table td:last-child {
    text-align: left;
  }
  .orders__table td:before {
    content: attr(data-label);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    color: #b5b5b5;
  }
}

form {
  max-width: 100%;
  margin: 0 auto;
}

.form__search {
  width: 31rem;
  max-width: 100%;
}
.form__search .form__group {
  padding-left: 0;
}
.form__search .form__group .input {
  padding-left: 5rem;
  border: solid 1px #524D6B;
  color:#524D6B;
  background:none;
}

.form__search .form__group .search-btn {
  position: absolute;
  top: 50%;
  left: 1.8rem;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}
.form__search .form__group .search-btn img {
  display: block;
  width: 1.8rem;
}
.form__search .form__group .search-btn:hover {
  opacity: 0.7;
}

.form__group {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  border-radius: 0.8rem;
}
.form__group .label {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  color: #c6c6c6;
}
.form__group .input {
  padding-left: 1rem;
}
.form__group .input--error {
  border-color: transparent;
  color: #d78383;
}
.form__group .input--success {
  border-color: transparent;
  color: #57bf9e;
}

.form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 0;
  margin: 0 -1rem 2.5rem;
}
.form__row .form__block {
  width: 50%;
  margin-bottom: 0;
  padding: 0 1rem;
}
.form__row .form__block.small {
  width: 15rem;
}

.form__block {
  margin-bottom: 2.5rem;
}

.form__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
}
.form__actions .btn {
  min-width: 14.5rem;
}

.form__title {
  margin-bottom: 2.5rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3rem;
  line-height: 1.2;
}

.form__link {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-color: transparent;
  cursor: pointer;
  transition: 0.3s;
}
.form__link:hover {
  text-decoration: underline;
  text-decoration-color: #000000;
}

.form__footer {
  margin-top: 6rem;
  padding-top: 3rem;
  border-top: solid 1px #edecec;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.2rem;
  line-height: 1.2;
  text-align: center;
  color: #656565;
}
.form__footer a {
  text-decoration: underline;
  text-decoration-color: transparent;
  color: #000000;
  transition: 0.3s;
}
.form__footer a:hover {
  text-decoration-color: #000000;
}

.sign__form {
  width: 48rem;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 2rem;
  background-color: #35304E;
}
.sign__form .remodal__footer {
  border-top: solid 1px #524D6B;
}

.form-error {
  color: #d78383;
}

@media (max-width: 1240px) {
  .form__search {
    width: 25rem;
  }
}

@media (max-width: 640px) {
  .form__row .form__block {
    width: 100%;
  }
  .form__title {
    margin-bottom: 2rem;
    font-size: 2.6rem;
  }
  .form__actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .form__footer {
    margin-top: 4rem;
    padding-top: 2rem;
    font-size: 2rem;
  }
}

@media (max-width: 460px) {
  .form__search {
    width: 100%;
  }
}

.label {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
  color: #ffffff;
  cursor: pointer;
}
.label span {
  color: #d78383;
}

.input {
  width: 100%;
  height: 5.4rem;
  padding: 0.5rem 1.7rem;
  border-radius: 0.8rem;
  border: 1px solid #524D6B;
  vertical-align: middle;
  background-color: #524D6B;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  color: #ffffff;
  font-variant-numeric: lining-nums;
  transition: 0.3s;
}
.input:focus {
  outline: 0;
}
.input::placeholder {
  color: #c6c6c6;
}
.input[type="number"]::-webkit-outer-spin-button,
.input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input[type="number"] {
  -moz-appearance: textfield;
}
.input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 5.4rem #524D6B;
  -webkit-text-fill-color: #ffffff;
}
.input--error {
  border-color: #d78383;
}
.input--success {
  border-color: #57bf9e;
}

.input__link {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  color: #D38C46;
  transition: 0.3s;
}
.input__link:hover {
  color: #FFAA01;
}

.select {
  position: relative;
}
.select select {
  width: 100%;
  height: 5.4rem;
  padding: 0 4.4rem 0 2rem;
  border-radius: 0.8rem;
  vertical-align: middle;
  background-color: #524D6B;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  color: #ffffff;
  font-variant-numeric: lining-nums;
  cursor: pointer;
  transition: 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:0;
}
.select select:focus {
  outline: 0;
}
.select:after {
  content: "";
  position: absolute;
  right: 1.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
	background-color: #D38C46;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.08973 5.37643C5.28637 5.35743 5.47232 5.27803 5.62205 5.14914L9.64148 1.70392C9.74158 1.62369 9.82453 1.52415 9.8854 1.41122C9.94627 1.29829 9.98382 1.17428 9.99581 1.04655C10.0078 0.918824 9.99398 0.78999 9.95519 0.667706C9.9164 0.545422 9.85343 0.432184 9.77001 0.334723C9.68658 0.237262 9.58442 0.157567 9.46959 0.100374C9.35475 0.0431816 9.22959 0.00965913 9.10154 0.00179842C8.97349 -0.0060623 8.84517 0.0118995 8.7242 0.0546166C8.60323 0.0973337 8.49209 0.163934 8.39737 0.250459L4.99999 3.16336L1.60262 0.250458C1.5079 0.163933 1.39676 0.0973334 1.27579 0.0546163C1.15482 0.0118992 1.0265 -0.00606265 0.898452 0.00179806C0.770404 0.00965876 0.645238 0.0431813 0.530403 0.100374C0.415568 0.157567 0.313406 0.237262 0.229983 0.334723C0.146561 0.432184 0.0835876 0.545422 0.0447969 0.667705C0.00600624 0.789989 -0.0078001 0.918823 0.00418949 1.04655C0.0161791 1.17428 0.0537167 1.29829 0.114587 1.41122C0.175456 1.52415 0.258409 1.62369 0.358511 1.70392L4.37794 5.14914C4.47528 5.23282 4.58845 5.29607 4.71073 5.33512C4.83301 5.37416 4.9619 5.38821 5.08973 5.37643Z' fill='%23C157FF'/%3e%3c/svg%3e ");
 
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
 
  pointer-events: none;
  z-index: 1;
}

.filter__form-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.filter__form-list .radio input + label {
  min-height: 2.6rem;
  font-weight: 500;
  font-size: 1.6rem;
}
.filter__form-list .checkbox input + label {
  display: flex;
  align-items: center;
  min-height: 2.6rem;
  padding-left: 4.1rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.45;
  text-transform: initial;
}
.filter__form-list .checkbox input + label:before {
  width: 2.6rem;
  height: 2.6rem;
}
.filter__form-list .checkbox input + label:after {
  width: 2.6rem;
  height: 2.6rem;
  background-size: 1rem;
}

.textarea {
  width: 100%;
  height: 18.5rem;
  padding: 2rem;
  border-radius: 0.8rem;
  border: none;
  vertical-align: middle;
  background-color: #524D6B;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  color: #ffffff;
  font-variant-numeric: lining-nums;
  resize: none;
  transition: 0.3s;
}
.textarea:focus {
  outline: 0;
}
.textarea::placeholder {
  color: #c6c6c6;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.accordion__item {
  position: relative;
  border-radius: 2rem;
  background-color: #35304E;
  transition: 0.3s;
}
.accordion__item.active .accordion__title a i {
  transform: translateY(-50%) rotate(180deg);
}

.accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 2.3rem;
  line-height: 1.5;
}
.accordion__title a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 8.4rem;
  padding: 2rem 11.4rem 2rem 3.5rem;
  transition: 0.3s;
}
.accordion__title a i {
  content: "";
  position: absolute;
  top: 50%;
  right: 3.5rem;
  transform: translateY(-50%);
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background-color: #000000;
  transition: 0.3s;
  &:before{
	  content:'';
	  position:absolute;
	  inset:0;
	  border-radius:50%;
	  background-color: #D38C46;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1212 7.04681e-07L8.06061 14L0 0C5.18518 2.14478 10.9596 2.14478 16.1212 7.04681e-07Z' fill='%23C157FF'/%3e%3c/svg%3e ");

	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 17px 14px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 17px 14px;
  }
}

.accordion__content {
  width: 124rem;
  max-width: 100%;
  margin-top: -2rem;
  padding: 0 3.5rem 3rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6;
}
.accordion__content.hide {
  display: none;
}

@media (max-width: 992px) {
  .accordion__title {
    font-size: 2rem;
  }
  .accordion__title a {
    min-height: 8rem;
    padding: 2rem 10rem 2rem 3rem;
  }
  .accordion__title a:before {
    right: 2rem;
    width: 4rem;
    height: 4rem;
  }
  .accordion__content {
    margin-top: 0;
    padding: 0 3rem 3rem;
    font-size: 1.5rem;
  }
}

.tabs__nav {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #7c8799;
}

.tabs__nav-item {
  position: relative;
  display: flex;
  justify-content: center;
  width: 4.4rem;
  padding: 0;
  font-weight: 500;
  font-size: 1.2rem;
  text-align: center;
  color: #656565;
  transition: 0.3s;
}
.tabs__nav-item:last-child {
  margin-right: 0;
}
.tabs__nav-item:hover {
  color: #000000;
}
.tabs__nav-item:focus {
  text-decoration: none;
}
.tabs__nav-item.active .color-tab--swatch-image:before {
  opacity: 1;
}

.tabs__content {
  position: relative;
  padding: 2rem 1.1rem 0.5rem 0;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.17;
  color: #000000;
}
.tabs__content:before {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000000;
}

.tabs__item {
  height: 22rem;
  margin-top: -0.3rem;
  padding-top: 0.3rem;
  padding-right: 2.5rem;
  overflow-y: auto;
}
.tabs__item:not(.active) {
  display: none;
}

.checkbox__wrapper {
  padding-top: 3rem;
}

.checkbox__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.checkbox {
  position: relative;
  display: block;
}
.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkbox input + label {
  position: relative;
  display: block;
  padding-left: 4.3rem;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: left;
  letter-spacing: -0.05em;
  color: #ffffff;
  cursor: pointer;
  user-select: none;
}
.checkbox input + label a {
  color: #D38C46;
  transition: 0.3s;
}
.checkbox input + label a:hover {
  color: #FFAA01;
}
.checkbox input + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: #524D6B;
  border-radius: 0.8rem;
  transition: 0.3s;
}
.checkbox input + label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 3rem;
  height: 3rem;
  color:#D38C46;
  background-color: currentColor;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9519 0.39409C14.4279 0.919297 14.4279 1.76824 13.9519 2.29369L6.03655 11.0262C5.79908 11.2881 5.48737 11.42 5.17565 11.42C4.86393 11.42 4.55222 11.2881 4.31475 11.0262L0.357203 6.65992C-0.119068 6.13472 -0.119068 5.28553 0.357203 4.76032C0.83325 4.23487 1.60273 4.23487 2.079 4.76032L5.17565 8.17675L12.2301 0.39409C12.7061 -0.131363 13.4756 -0.131363 13.9519 0.39409Z' fill='%23C157FF'/%3e%3c/svg%3e ");
  
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 15px 12px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 15px 12px;
  
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
.checkbox input:checked + label:after {
  opacity: 1;
}

.radio {
  position: relative;
}

.radio__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.radio__input:checked + .radio__label:after {
  opacity: 1;
}
.radio__input:checked + .radio__label:hover:after {
  opacity: 1;
}

.radio__label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 4.1rem;
  user-select: none;
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: initial;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
.radio__label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #524D6B;
  z-index: 1;
  transition: 0.3s;
}
.radio__label:after {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #D38C46;
  opacity: 0;
  z-index: 1;
  transition: 0.3s;
}
.radio__label:hover:not(.radio__label--disabled):after {
  opacity: 0.2;
}

.radio__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1rem 2.5rem;
}
.radio__list .radio {
  width: 4.4rem;
}
.radio__list .radio__input:checked + .radio__label .swatch--image:before {
  opacity: 1;
}
.radio__list .radio__input:disabled + .radio__label {
  opacity: 0.3;
  pointer-events: none;
}
.radio__list .radio__label {
  padding-left: 0;
}
.radio__list .radio__label:before,
.radio__list .radio__label:after {
  display: none;
}

.swatch--image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
  text-align: center;
  word-break: break-word;
}

.swatch--image {
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background-color: #7c8799;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.swatch--image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: solid 1px #a1a1a1;
  opacity: 0;
  transition: 0.3s;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 0.6rem;
}

.noUi-horizontal .noUi-handle {
  width: 2rem;
  height: 2rem;
  right: -1rem;
  top: -0.7rem;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background-color: #524D6B;
  border-radius: 2px;
  /*border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;*/
}

.noUi-connects {
  border-radius: 0;
}

.noUi-connect {
  background: #D38C46;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  /*  border: 1px solid #D9D9D9;*/
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  /*  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;*/
}

.noUi-active {
  /*  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;*/
}

/* Handle stripes;
 */
/*.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}*/
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  /*  border: 1px solid #D9D9D9;*/
  /*  border-radius: 3px;*/
  /*  background: #fff;*/
  padding-bottom: 0.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  color: #ffffff;
  /*  padding: 0;*/
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.intro {
  margin-bottom: 6rem;
}

.intro__wrapper {
  display: flex;
  margin: 0 -1rem;
}

.intro__slider {
  flex-grow: 1;
  max-width: calc(100% - 51.3rem);
  padding: 0 1rem;
}
.intro__slider .slick-active .intro__content .btn {
  opacity: 1;
  transform: translateY(0);
}
.intro__slider .slick-active .intro__title {
  opacity: 1;
  transform: translateY(0);
}
.intro__slider .slick-active .intro__text {
  opacity: 1;
  transform: translateY(0);
}
.intro__slider .slick-active .intro__img img {
  transform: translateY(0);
}
.intro__slider .btn {
  padding: 0 3.5rem;
}
.intro__slider .slick-dots {
  position: absolute;
  bottom: 6rem;
  left: 0;
  justify-content: flex-start;
  margin-top: 0;
  padding: 0 6rem;
}
.intro__slider .slick-dots li.slick-active {
  width: 8.4rem;
}

.intro__item {
  position: relative;
  width: 100%;
  height: 52rem;
  background-color: #35304E;
}
.intro__item:before {
  content: "";
  position: absolute;
  bottom: -4.6rem;
  right: -1rem;
  width: 42.6rem;
  height: 42.6rem;
  border-radius: 50%;
  background-color: rgba(193, 87, 255, 0.4);
  filter: blur(10rem);
}

.intro__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 4.8rem 6rem 12.6rem;
  z-index: 2;
}
.intro__content .btn {
  margin-top: 2rem;
  opacity: 0;
  transform: translateY(2rem);
  transition: 1.5s;
}

.intro__title {
  font-size: 4rem;
  line-height: 1.25;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(2rem);
  transition: 0.5s;
}

.intro__text {
  font-size: 1.4rem;
  line-height: 1.45;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(2rem);
  transition: 1s;
}

.intro__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 52rem;
  height: 100%;
  z-index: 1;
}
.intro__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right bottom;
  will-change: transform;
  transform: translateY(2rem);
  transition: 0.5s;
}

.feed {
  background-color: #35304E;
  overflow: hidden;
}

.feed__wrapper {
  display: flex;
  align-items: center;
  height: 14rem;
}

.feed__title {
  position: relative;
  width: calc(100% / 8);
  padding-right: 2rem;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.45;
  letter-spacing: -0.05em;
  white-space: nowrap;
  z-index: 1;
}
.feed__title span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #D38C46;
  z-index: -1;
  animation: pulse 1.5s infinite ease-in-out 0.6s;
}
.feed__title span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: #D38C46;
  opacity:.1;
  animation: pulse 1.5s infinite ease-in-out;
}
.feed__title span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #D38C46;
  opacity:.3;
  animation: pulse 1.5s infinite ease-in-out 0.3s;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

.feed__list {
  width: calc(100% / 8 * 7);
}

.js-feed {
  width: 100%;
}

.feed__item-wrapper {
  position: relative;
  display: block;
  height: 14rem;
  background-color: #35304E;
  overflow: hidden;
}
.feed__item-wrapper:hover .feed__content {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.feed__img {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  z-index: 1;
}
.feed__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 10rem;
  max-height: 10rem;
  transform-origin: center;
  will-change: transform;
  transition: 0.3s;
}
.feed__img .feed__item-title {
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  opacity: 0;
  font-size: 1.4rem;
  line-height: 1.28;
  transform: translateX(0.5rem);
  transition: 0.3s;
}
.feed__img:hover img {
  opacity: 0;
}
.feed__img:hover .feed__item-title {
  opacity: 1;
  transform: translateX(0);
}

.feed__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 1rem;
  padding: 2rem 2rem 1.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: #ffffff;
  opacity: 0;
  transition: 0.3s;
  z-index: 2;
}
.feed__content .price img {
  width: 1.1rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

@media (max-width: 1360px) {
  .intro__slider .slick-dots {
    padding: 0 4rem;
  }
  .intro__content {
    padding: 4rem 4rem 10rem;
  }
  .intro__title {
    font-size: 3rem;
  }
}

@media (max-width: 1100px) {
  .intro {
    margin-bottom: 5rem;
    padding-top: 0;
  }
  .intro__wrapper {
    flex-direction: column;
    gap: 2rem;
  }
  .intro__slider {
    width: 100%;
    max-width: 100%;
  }
  .feed__title {
    width: calc(100% / 6);
    font-size: 2.2rem;
  }
  .feed__list {
    width: calc(100% / 6 * 5);
  }
}

@media (max-width: 768px) {
  .intro__slider .slick-dots {
    padding: 0 3rem;
  }
  .intro__item {
    height: 40rem;
  }
  .intro__item:before {
    width: 26rem;
    height: 26rem;
  }
  .intro__img {
    width: 40rem;
  }
  .intro__content {
    padding: 3rem 3rem 10rem;
  }
  .intro__title {
    font-size: 2.2rem;
  }
  .intro__text {
    font-size: 1.2rem;
  }
}

@media (max-width: 640px) {
  .intro__img {
    opacity: 0.3;
  }
  .feed__title {
    width: calc(100% / 4);
    font-size: 2rem;
  }
  .feed__list {
    width: calc(100% / 4 * 3);
  }
  .feed__content {
    padding: 1.5rem;
  }
}

.perks__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2rem;
}

.perks__item {
  width: 20%;
  padding: 0 2rem;
}
.perks__item:not(:last-child) .perks__item-wrapper:before {
  content: "";
  position: absolute;
  top: 2rem;
  right: 0;
  bottom: 2rem;
  width: 1px;
  background-color: #303844;
}

.perks__item-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.perks__img {
  width: 10rem;
  height: 10rem;
}
.perks__img img {
  display: block;
  width: 100%;
}

.perks__title {
  flex: 1;
  padding-right: 3rem;
  font-size: 1.2rem;
  line-height: 1.45;
  text-transform: uppercase;
}

@media (max-width: 1460px) {
  .perks__item {
    width: calc(100% / 3);
  }
}

@media (max-width: 992px) {
  .perks__item {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .perks__img {
    width: 8rem;
    height: 8rem;
  }
  .perks__title {
    padding-right: 2rem;
  }
}

@media (max-width: 580px) {
  .perks__item {
    width: 100%;
  }
  .perks__item:not(:last-child) .perks__item-wrapper:before {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .perks__item-wrapper {
    padding: 1rem 0;
  }
  .perks__img {
    width: 6rem;
    height: 6rem;
  }
  .perks__title {
    padding-right: 0;
  }
}

.categories {
  overflow: hidden;
}

.js-categories {
  border-radius: 2rem;
  overflow: hidden;
}
.js-categories .categories__item {
  height: 100%;
}
.js-categories .slick-list {
  overflow: initial;
}

.categories__item-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 1rem;
  padding: 2.5rem;
  border-radius: 2rem;
  background-color: #35304E;
  transition: 0.3s;
}
.categories__item-wrapper:hover {
  background-color: #1A1826;
}

.categories__img {
  width: 15rem;
  height: 11rem;
}
.categories__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.categories__content {
  flex: 1;
}
.categories__content .price img,
.categories__content .price svg {
  width: 1.2rem;
}

.categories__title {
  margin-bottom: 1px;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.45;
  letter-spacing: -0.05em;
}

.categories__text {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.125;
  color: #b5b5b5;
}

.categories__btn {
  position: relative;
  width: 2.6rem;
  height: 2.6rem;
  margin-top: 1rem;
  border-radius: 50%;
  background-color: #D38C46;
}
.categories__btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.45459 9.76299L8.72731 4.9999L0.45459 0.236816C1.72196 3.30079 1.72196 6.71294 0.45459 9.76299Z' fill='black'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.category .products__list {
  flex: 1;
}

.category__wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  z-index: 1;
}

.category__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  padding: 2rem 1rem 2rem 0;
}
.category__content .btn {
  min-width: 10rem;
  height: 4.4rem;
}

.category__title {
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1.1;
  letter-spacing: -0.05em;
}

.category__subtitle {
  margin-bottom: 2rem;
  font-size: 2rem;
  line-height: 1.75;
}

.category__imgs {
  position: relative;
  margin-top: 2rem;
}

.category__logo {
  position: absolute;
  top: 7rem;
  left: 0;
  width: 100%;
  z-index: 1;
}
.category__logo img {
  display: block;
  max-width: 100%;
}

.category__img {
  position: relative;
  display: block;
  z-index: 2;
}
.category__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 1460px) {
  .category__wrapper {
    background-position: left top;
    background-size: cover;
  }
}

@media (max-width: 1240px) {
  .category__wrapper {
    flex-direction: column;
    background-size: contain;
    margin: 0 -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0;
  }
  .category__content {
    width: 100%;
    padding: 0 0 6rem;
  }
  .category__imgs {
    position: absolute;
    top: 0;
    right: 2rem;
    z-index: -1;
  }
}

@media (max-width: 992px) {
  .categories__item-wrapper {
    gap: 2rem;
    padding: 2rem;
  }
  .categories__img {
    width: 15rem;
    max-width: 40%;
  }
}

@media (max-width: 768px) and (min-width: 641px) {
  .categories {
    overflow: hidden;
  }
  .js-categories {
    overflow: initial;
  }
}

:root {
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(100% / var(--marquee-elements-displayed));
  --marquee-animation-duration: 10s;
  /* Задаем длительность анимации */
}

.marquee {
  background-color: #FFAA01;
  overflow: hidden;
}

.marquee__wrapper {
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}

.marquee__item {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1rem;
  padding: 1rem 4rem;
}
.marquee__item:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 2.2rem;
  background-color: #928bdb;
}

.marquee__img {
  width: 3rem;
  height: 3rem;
}
.marquee__img img {
  display: block;
  width: 100%;
}

.marquee__text {
  font-weight: 500;
  font-size: 1.6rem;
  white-space: nowrap;
  color: #ffffff;
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.hero .swiper-slide {
  width: calc(1480px / 4);
  transition: 0.5s;
}
.hero .swiper-slide.swiper-slide-active {
  width: calc(1480px / 2);
}
.hero .swiper-slide.swiper-slide-active .hero__item-wrapper {
  padding: 2.5rem 4rem 4rem;
  background-color: #35304E;
}
.hero .swiper-slide.swiper-slide-active .hero__video {
  opacity: 1;
}
.hero .swiper-slide.swiper-slide-active .hero__text {
  font-size: 1.4rem;
  opacity: 1;
}
.hero .swiper-slide.swiper-slide-active .hero__btn {
  margin-left: 0;
  padding-left: 2.3rem;
  padding-right: 2.3rem;
}
.hero .swiper-slide.swiper-slide-active .hero__btn:before {
  width: 100%;
  background-color: var(--hover-button);
  background-size: 0;
}

.hero__wrapper {
  border-radius: 2rem;
  overflow: hidden;
}

.hero__item-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 47.5rem;
  gap: 3rem;
  padding: 2.5rem 3rem 4rem 3rem;
  border-radius: 2rem;
  background-color: #1A1826;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}

.hero__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 42.3rem;
  max-width: 100%;
  height: 100%;
  z-index: -2;
}
.hero__img img {
  display: block;
  height: 100%;
}

.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
}
.hero__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero__title {
  margin-bottom: 2.2rem;
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1.16;
  letter-spacing: -0.05em;
  transition: 0.3s;
}

.hero__subtitle {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.57;
  text-transform: uppercase;
  color: #b5b5b5;
}

.hero__text {
  font-weight: 600;
  font-size: 0;
  line-height: 1.4;
  text-transform: uppercase;
  opacity: 0;
  transition: 0.3s;
}

.hero__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.hero__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  margin-left: 1rem;
  padding-left: 5.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  white-space: nowrap;
  z-index: 1;
  transition: 0.3s;
}
.hero__btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 4.4rem;
  background-color: #D38C46;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.0607L14 9.00006L0 0.939453C2.14478 6.12464 2.14478 11.899 0 17.0607Z' fill='black'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: calc(50% + 2px) 50%;
  background-size: 1.6rem;
  z-index: -1;
  transition: 0.3s;
}

@media (max-width: 1576px) {
  .hero .swiper-slide {
    width: calc((100vw - 96px) / 4);
  }
  .hero .swiper-slide.swiper-slide-active {
    width: calc((100vw - 96px) / 2);
  }
}

@media (max-width: 1500px) {
  .hero__title {
    font-size: 3rem;
  }
}

@media (max-width: 1360px) {
  .hero .swiper-slide {
    width: calc((100vw - 76px) / 3);
  }
  .hero .swiper-slide.swiper-slide-active {
    width: calc((100vw - 76px) / 3 * 2);
  }
  .hero .swiper-slide.swiper-slide-active .hero__item-wrapper {
    padding: 2rem;
  }
  .hero__item-wrapper {
    padding: 2rem;
  }
  .hero__title {
    margin-bottom: 1.5rem;
    font-size: 2.6rem;
  }
}

@media (max-width: 992px) {
  .hero .swiper-slide {
    width: calc((100vw - 56px) / 2 * 1.5);
  }
  .hero .swiper-slide.swiper-slide-active {
    width: calc((100vw - 56px) / 2 * 1.5);
  }
  .hero .swiper-slide.swiper-slide-active .hero__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .hero .swiper-slide {
    width: calc((100vw - 40px));
  }
  .hero .swiper-slide.swiper-slide-active {
    width: calc((100vw - 40px));
  }
}

.js-promo {
  border-radius: 2rem;
  overflow: hidden;
}
.js-promo .slick-list {
  overflow: initial;
}

.promo__item {
  height: 100%;
}

.promo__item-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 2rem;
  background-image: linear-gradient(
    to bottom,
    #35304E 29rem,
    var(--color) 20rem
  );
  overflow: hidden;
  z-index: 1;
}
.promo__item-wrapper:hover .promo__logo img {
  transform: scale(1.2);
}
.promo__item-wrapper:hover .promo__img img {
  transform: translate(2rem, 2rem);
}

.promo__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 29rem;
  padding: 4rem 4rem 3.5rem;
}

.promo__logo {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.promo__logo img {
  display: block;
  height: 3.6rem;
  transform-origin: right top;
  transition: 0.5s;
}

.promo__count {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.16;
  text-transform: uppercase;
}
.promo__count span {
  display: block;
  font-weight: 600;
  font-size: 3.4rem;
  letter-spacing: -0.05em;
}

.promo__footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 20rem;
  padding: 3.5rem 4rem 4rem;
}

.promo__text {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.5;
  text-transform: uppercase;
}

.promo__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background-color: #ffffff;
}
.promo__btn svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.promo__btn path {
  fill: #35304E;
}

.promo__img {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.promo__img img {
  display: block;
  max-width: 100%;
  transition: 1s;
}

@media (max-width: 768px) and (min-width: 641px) {
  .js-promo {
    overflow: initial;
  }
}

.js-live {
  overflow: hidden;
}

.live__item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.live__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  z-index: -1;
  transition: 0.3s;
}

.live__item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 44rem;
  gap: 2.4rem;
  padding: 6rem 0;
}

.live__title {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1;
  text-align: center;
}

.live__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  padding: 0 6.2rem 0 2.5rem;
  border-radius: 4.4rem;
  background-color: #D38C46;
  transition: 0.3s;
}
.live__button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  color:#D38C46;
  background-color: #000;
}
.live__button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  color:#D38C46;
  background-color: currentColor;
	--bg:url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 14.071C0.0328 15.5608 1.50519 16.4629 2.79525 15.7536L13.1693 9.65302C13.7342 9.32027 14.1176 8.71068 14.1176 7.99628C14.1176 7.28188 13.7342 6.67225 13.1693 6.33955L2.79525 0.247611C1.50519 -0.461612 0.0327247 0.431851 0 1.92164V14.071Z' fill='%23D38C46'/%3E%3C/svg%3E%0A");
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: 56% 50%;
	mask-size: 15px 16px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 56% 50%;
	-webkit-mask-size: 15px 16px;
  transition: 0.3s;
}
.live__button:hover {
  background-color: #FFAA01;
}
.live__button:hover:after {
	color:#FFAA01;
}

@media (max-width: 768px) {
  .live__item-wrapper {
    height: 40rem;
    padding: 3rem 0;
  }
}

.news .slick-dots {
  margin-top: 3rem;
}

.news__item {
  height: 100%;
}

.news__item-wrapper {
  display: flex;
  height: 100%;
  border-radius: 2rem;
  background-color: #35304E;
}
.news__item-wrapper:hover .news__img img {
  transform: scale(1.2);
}
.news__item-wrapper:hover .news__title {
  color: #D38C46;
}

.news__img {
  display: block;
  width: 36.5rem;
}
.news__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  will-change: transform;
  transition: 0.3s;
}

.news__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  width: calc(100% - 36.5rem);
  padding: 2.5rem 5rem 4.5rem 4rem;
}

.news__title {
  width: 93.5rem;
  max-width: 100%;
  margin-bottom: 0.7rem;
  font-size: 1.6rem;
  line-height: 1.6;
  text-transform: uppercase;
  transition: 0.3s;
}

.news__text {
  width: 93.5rem;
  max-width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
}

.news__content-footer {
  font-size: 1.2rem;
  line-height: 2;
  text-transform: uppercase;
  color: #D38C46;
  text-align: right;
}

.blog {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 8rem;
  overflow: hidden;
}

.js-blog {
  border-radius: 2rem;
  overflow: hidden;
}
.js-blog .slick-list {
  overflow: initial;
}

.blog__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.blog__wrapper .blog__item {
  width: 25%;
  height: auto;
  padding: 0 1rem;
}

.blog__item {
  height: 100%;
}

.blog__item-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 2rem;
  background-color: #35304E;
  overflow: hidden;
}
.blog__item-wrapper:hover .blog__img img {
  transform: scale(1.2);
}
.blog__item-wrapper:hover .blog__title {
  color: #D38C46;
}

.blog__img {
  position: relative;
  height: 0;
  padding-top: 57%;
  overflow: hidden;
}
.blog__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s;
}

.blog__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: 1.5rem;
  padding: 2.5rem 4rem 3rem;
}

.blog__title {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 2.3rem;
  line-height: 1.15;
  transition: 0.3s;
}
.blog__title.center {
  text-align: center;
}

.blog__text {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
}

.blog__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #D38C46;
}

.blog__layout {
  display: flex;
}
.blog__layout > .blog__content {
  flex: initial;
  width: calc(100% - 35.5rem);
  gap: 4rem;
  padding: 0 2rem 0 0;
}
.blog__layout > .blog__content .block__text {
  width: 97.7rem;
  max-width: 100%;
}
.blog__layout .blog__sidebar {
  width: 35.5rem;
}
.blog__layout .blog__sidebar .blog__wrapper .blog__item {
  width: 100%;
}

.share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-top: 3.5rem;
  border-top: solid 1px #656565;
}

.share__title {
  font-weight: 600;
  font-size: 1.6rem;
}

.share__list {
  display: flex;
  gap: 1.5rem;
}

.share__item {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
}
.share__item img {
  display: block;
  width: 100%;
}

@media (max-width: 1360px) {
  .blog__wrapper .blog__item {
    width: calc(100% / 3);
  }
}

@media (max-width: 1240px) {
  .blog__layout {
    flex-direction: column;
    gap: 3rem;
  }
  .blog__layout > .blog__content {
    width: 100%;
    gap: 3rem;
    padding: 0;
  }
  .blog__layout .blog__sidebar {
    width: 100%;
  }
  .blog__layout .blog__sidebar .blog__wrapper .blog__item {
    width: calc(100% / 3);
  }
}

@media (max-width: 1100px) {
  .news__content {
    padding: 3rem;
  }
  .blog__layout .blog__sidebar .blog__wrapper .blog__item {
    width: 50%;
  }
}

@media (max-width: 992px) {
  .news__img {
    width: 30rem;
  }
  .news__content {
    width: calc(100% - 30rem);
  }
  .blog__wrapper .blog__item {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .news__item-wrapper {
    flex-direction: column;
  }
  .news__img {
    width: 100%;
  }
  .news__content {
    width: 100%;
  }
  .news__text {
    font-size: 1.4rem;
  }
  .blog__wrapper .blog__item {
    width: 100%;
  }
  .blog__content {
    padding: 3rem;
  }
  .blog__title {
    font-size: 1.4rem;
  }
  .blog__layout .blog__sidebar .blog__wrapper .blog__item {
    width: 100%;
  }
}

@media (max-width: 768px) and (min-width: 641px) {
  .blog {
    overflow: hidden;
  }
  .js-blog {
    overflow: initial;
  }
}

.reviews {
  position: relative;
}

.reviews {
  overflow: hidden;
}

.js-reviews {
  border-radius: 2rem;
  overflow: hidden;
}
.js-reviews .slick-list {
  overflow: initial;
}

.reviews__item {
  height: 100%;
}

.reviews__item-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 2rem;
  padding: 4rem 4rem 3.5rem;
  border-radius: 2rem;
  background-color: #35304E;
  overflow: hidden;
}
.reviews__item-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.6rem;
  background-color: #D38C46;
}

.stars {
  display: flex;
  gap: 3px;
  margin-bottom: 2rem;
}

.stars__item {
  display: block;
  width: 2.4rem;
}

.reviews__title {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 2.3rem;
  line-height: 1.1;
}

.reviews__text {
  font-weight: 500;
  font-size: 1.6rem;
}

.reviews__user {
  display: flex;
  align-items: center;
  gap: 1.7rem;
}

.reviews__user-photo {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
}
.reviews__user-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.reviews__user-meta {
  flex: 1;
}
.reviews__user-meta .date {
  line-height: 1.58;
  text-transform: initial;
}

.reviews__user-name {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.2;
}

.reviews__user-position {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #b5b5b5;
}

@media (max-width: 1360px) {
  .reviews {
    position: relative;
  }
  .reviews__wrapper {
    flex-direction: column;
    gap: 3rem;
  }
  .reviews__block {
    width: 100%;
  }
  .reviews__block .img {
    position: absolute;
    top: 5rem;
    z-index: -1;
  }
  .reviews__block .block__text.center {
    text-align: left;
  }
  .reviews__carousel {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .reviews__item-wrapper {
    padding: 3rem;
  }
}

@media (max-width: 768px) {
  .reviews__text {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) and (min-width: 641px) {
  .reviews {
    overflow: hidden;
  }
  .js-reviews {
    overflow: initial;
  }
}

.about__wrapper {
  position: relative;
  display: flex;
  height: 53rem;
  margin-top: -6rem;
  margin-bottom: 1.5rem;
  z-index: 1;
}
.about__wrapper .animate {
  top: -12rem;
  left: 50%;
  width: 50rem;
  height: 80rem;
  transform: translateX(-50%);
}
.about__wrapper .animate img {
  max-width: 100%;
}

.about__bg {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
  height: 78rem;
  z-index: -2;
}
.about__bg img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-43%);
  height: 100%;
}

.about__img {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 43%;
  padding-right: 2rem;
}
.about__img img {
  display: block;
  max-width: 100%;
}

.about__block {
  display: flex;
  width: 57%;
  padding-top: 9rem;
}

.about__subtitle {
  width: 65rem;
  max-width: 100%;
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.25;
}

.about__text {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 0;
  z-index: 1;
}
.about__text .block__text {
  line-height: 1.8;
}

.about__text-block:first-child {
  width: 43%;
}
.about__text-block:first-child .block__text {
  width: 37.5rem;
  max-width: 100%;
}

.about__text-block:last-child {
  width: 57%;
}
.about__text-block:last-child .block__text {
  width: 64.7rem;
  max-width: 100%;
}

.about__title {
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 1;
}

@media (max-width: 1240px) {
  .about__wrapper {
    height: auto;
    margin-top: -4rem;
  }
  .about__wrapper .animate {
    width: 40rem;
    height: 70rem;
  }
  .about__img {
    width: 50%;
  }
  .about__bg {
    top: 35%;
    height: 48rem;
  }
  .about__block {
    width: 50%;
    padding-top: 7rem;
  }
  .about__subtitle {
    font-size: 3.6rem;
  }
  .about__text-block:first-child {
    width: 50%;
  }
  .about__text-block:last-child {
    width: 50%;
  }
}

@media (max-width: 1100px) {
  .about__text {
    flex-direction: column;
  }
  .about__text-block:first-child {
    width: 100%;
  }
  .about__text-block:first-child .block__text {
    width: 100%;
  }
  .about__text-block:last-child {
    width: 100%;
  }
  .about__text-block:last-child .block__text {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .about__wrapper {
    flex-wrap: wrap;
    height: auto;
  }
  .about__wrapper .animate {
    width: 30rem;
    height: 50rem;
  }
  .about__img {
    width: 24rem;
  }
  .about__block {
    width: auto;
    max-width: 100%;
    flex: 1;
    margin-bottom: 2.5rem;
  }
  .about__subtitle {
    width: 45rem;
  }
}

@media (max-width: 640px) {
  .about__wrapper .animate {
    top: -20rem;
    width: 15rem;
    height: 20rem;
  }
  .about__img {
    justify-content: center;
    width: 100%;
    padding-right: 0;
  }
  .about__bg {
    top: 65%;
    height: 25rem;
  }
}

.contacts {
  margin-top: -4rem;
}

.contacts__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.contacts__block:first-child {
  width: 56%;
  padding: 4rem 0 4rem calc((100vw - 1576px) / 2);
}
.contacts__block:first-child .page__header {
  margin-bottom: 2rem;
}
.contacts__block:first-child .block__text a {
  text-decoration: none;
}

.contacts__block:last-child {
  width: 44%;
  background-color: #35304E;
  padding: 8rem 0 14rem 0;
}
.contacts__block:last-child .block__title {
  margin-bottom: 4rem;
}

.contacts__form {
  width: 40.5rem;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 1100px) {
  .contacts__block:first-child {
    width: 100%;
    padding: 4rem 0 5rem;
  }
  .contacts__block:last-child {
    width: 100%;
    padding: 5rem 0;
  }
  .contacts__block:last-child .block__title {
    margin-bottom: 2rem;
  }
}

.products__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.products__list--favorites .products__item {
  width: calc(100% / 6);
}

.products__item {
  width: 20%;
  padding: 0 1rem;
}
.products__item--dota .products__item-wrapper {
  gap: 0;
  padding: 0 0 2.5rem;
}
.products__item--dota .products__img {
  height: 14.4rem;
  overflow: hidden;
}
.products__item--dota .products__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.products__item--dota .products__content {
  padding: 0 2.5rem;
}
.products__item--dota .products__body {
  position: relative;
  padding-top: 1.5rem;
}

.products__item-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1.2rem;
  padding: 2.5rem 2.5rem 2rem;
  border-radius: 2rem;
  background-color: #35304E;
  overflow: hidden;
  transition: 0.3s;
}
.products__item-wrapper:hover {
  background-color: #1A1826;
}

.products__header {
  position: relative;
  z-index: 1;
}
.products__header .favorites {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}
.products__header .favorites img {
  display: block;
  width: 100%;
}
.products__header .favorites:hover,
.products__header .favorites:focus {
  outline: 0;
}
.products__header .favorites:hover {
  opacity: 0.7;
}

.products__category {
  width: 100%;
  height: 2.6rem;
  margin-bottom: 0.3rem;
  font-weight: 600;
  font-size: 1.3rem;
  text-transform: uppercase;
  line-height: 1;
  color: #D38C46;
  overflow: hidden;
}

.products__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11rem;
  z-index: 1;
}
.products__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: 0.3s;
}

.products__content {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.7rem;
  z-index: 2;
}

.products__title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #ffffff;
  transition: 0.3s;
}

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

.products__price {
  font-size: 1.4rem;
  line-height: 1.35;
  color: #b5b5b5;
}
.products__price .price img {
  margin-left: 0;
  margin-right: 0.5rem;
}

.add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}
.add-to-cart img {
  display: block;
  width: 100%;
}
.add-to-cart:hover,
.add-to-cart:focus {
  outline: 0;
}
.add-to-cart:hover {
  opacity: 0.7;
}

.product {
  z-index: 0;
}

.product__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem 0;
  margin: 0 -1rem;
}

.product__block {
  width: 50%;
  padding: 0 1rem;
}

.product__block-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow: hidden;
}

.product__block-item {
  padding: 3rem;
  border-radius: 2rem;
  background-color: #35304E;
}
.product__block-item .actions {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 0;
}
.product__block-item .action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
}

.product__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37rem;
  padding: 3rem 0 2rem;
}
.product__img > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.product__icons {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3rem;
}

.product__icon {
  display: block;
  height: 2.4rem;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  transition: 0.3s;
}
.product__icon img {
  display: block;
  height: 100%;
  transition: 0.3s;
}
.product__icon:hover img {
  opacity: 0.7;
}
.product__icon:focus {
  outline: 0;
}

.product__info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.product__info-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.45;
}
.product__info-item span:first-of-type {
  color: #b5b5b5;
}
.product__info-item--exterior {
  margin-bottom: 1rem;
}
.product__info-item--exterior span:first-of-type {
  color: #ffffff;
}
.product__info-item--exterior span:last-of-type {
  color: #ffffff;
}

.exterior__line {
  position: relative;
  width: 100%;
  height: 1rem;
  margin-top: 3rem;
  background: linear-gradient(
    to right,
    #57bf9e 0%,
    #57bf9e 24%,
    #61b1ed 24%,
    #61b1ed 43.5%,
    #8ba5c2 43.5%,
    #8ba5c2 62.3%,
    #f2ba7c 62.3%,
    #f2ba7c 77.5%,
    #c86f67 77.5%,
    #c86f67 100%
  );
}
.exterior__line span {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 10L0 0L16 1.00947e-06L8 10Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

.price {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.price img,
.price svg {
  display: block;
  width: 1.1rem;
  margin-left: 0.5rem;
}
.price path {
  transition: 0.3s;
}

del.price {
  text-decoration: none;
}
del.price:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.5rem;
  transform: translateY(-1px);
  width: 100%;
  height: 3px;
  background-color: #d78383;
}

.product__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 2rem;
}
.product__price .price {
  font-weight: 600;
  font-size: 3.4rem;
}
.product__price .price img,
.product__price .price svg {
  width: 2.2rem;
  margin-left: 1rem;
}

.history__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
.history__header .nav__item > a {
  color: #D38C46;
}
.history__header .nav__item > a:hover {
  color: #fff;
}
.history__header .nav__item.active a {
  color: #fff;
}

.history__title {
  font-size: 1.1rem;
  text-transform: uppercase;
}

@media (max-width: 1460px) {
  .products__item {
    width: 25%;
  }
}

@media (max-width: 1360px) {
  .products__list--favorites .products__item {
    width: 20%;
  }
}

@media (max-width: 1240px) {
  .products__list--favorites .products__item {
    width: 25%;
  }
}

@media (max-width: 1100px) {
  .product__block {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .products__list--favorites .products__item {
    width: calc(100% / 3);
  }
  .products__item {
    width: calc(100% / 3);
  }
}

@media (max-width: 640px) {
  .products__list--favorites .products__item {
    width: 50%;
  }
  .products__item {
    width: 50%;
  }
  .products__item--dota .products__item-wrapper {
    padding: 0 0 2rem;
  }
  .products__item--dota .products__content {
    padding: 0 2rem;
  }
  .products__item-wrapper {
    padding: 2rem;
  }
  .product__block-item {
    padding: 2rem;
  }
  .product__block-item .actions {
    flex-wrap: wrap;
  }
  .product__img {
    height: 24rem;
  }
  .product__icons {
    top: 0;
    right: 0;
    gap: 2rem;
  }
}

@media (max-width: 360px) {
  .products__list--favorites .products__item {
    width: 100%;
  }
  .products__item {
    width: 100%;
  }
}

.cart__wrapper .cart__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-radius: 0;
  background-color: transparent;
}
.cart__wrapper .cart__list .cart__item {
  gap: 3rem;
  padding: 5rem 3.5rem;
  border-radius: 2rem;
  background-color: #35304E;
}
.cart__wrapper .cart__list .cart__item:not(:last-child) {
  border-bottom: none;
}

.cart__wrapper .actions {
  justify-content: flex-end;
  gap: 2rem 8rem;
  margin-top: 2.5rem;
}
.cart__wrapper .actions .action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem 1rem;
  font-weight: 500;
  font-size: 2.4rem;
}
.cart__wrapper .actions .action *:not(.btn) {
  letter-spacing: -0.05em;
}
.cart__wrapper .actions .price img {
  width: 1.8rem;
  margin-left: 0;
  margin-right: 0.7rem;
}
.cart__wrapper .actions .btn {
  min-width: 23rem;
}

.cart__list {
  border-radius: 2rem;
  background-color: #35304E;
}
.cart__list .cart__item {
  gap: 3rem;
  padding: 5rem 3.5rem;
}
.cart__list .cart__item:not(:last-child) {
  border-bottom: solid 1px #524D6B;
}
.cart__list .cart__item .cart__content {
  padding: 0 5rem 0 0;
}
.cart__list .cart__item .cart__content .price img {
  width: 1.8rem;
  margin-left: 0;
  margin-right: 0.7rem;
}
.cart__list .cart__item .cart__price {
  width: 10rem;
  font-size: 1.4rem;
}
.cart__list .cart__item .cart__price .price {
  justify-content: flex-end;
}

.cart__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3.5rem;
}
.cart__item:hover .cart__title {
  color: #D38C46;
}

.cart__img {
  width: 15rem;
  overflow: hidden;
}
.cart__img img {
  display: block;
  width: 100%;
  transform-origin: center top;
  will-change: transform;
  transition: 0.3s;
}

.cart__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 2rem;
}

.cart__title {
  font-weight: 600;
  font-size: 2rem;
  transition: 0.3s;
}

.cart__subtitle {
  font-weight: 600;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #D38C46;
}

.cart__price .price {
  font-size: 2rem;
}
.cart__price .price img {
  width: 1.8rem;
  margin-left: 0;
  margin-right: 0.7rem;
}

.remove {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 2rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.7805 0.219436C11.4879 -0.0731455 11.0186 -0.0731455 10.726 0.219436L6 4.94491L1.27398 0.219436C0.981367 -0.0731455 0.512077 -0.0731455 0.219462 0.219436C-0.0731539 0.512018 -0.0731539 0.981254 0.219462 1.27384L4.94548 5.99931L0.219462 10.7248C-0.0731539 11.0174 -0.0731539 11.4866 0.219462 11.7792C0.363009 11.9227 0.556246 12 0.743961 12C0.931677 12 1.12491 11.9282 1.26846 11.7792L5.99448 7.05371L10.7205 11.7792C10.864 11.9227 11.0573 12 11.245 12C11.4382 12 11.626 11.9282 11.7695 11.7792C12.0621 11.4866 12.0621 11.0174 11.7695 10.7248L7.05452 5.99931L11.7805 1.27384C12.0732 0.981254 12.0732 0.512018 11.7805 0.219436Z' fill='%23D78383'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.count__wrapper {
  display: flex;
  align-items: center;
}
.count__wrapper .btn {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
}
.count__wrapper .btn.minus:before,
.count__wrapper .btn.plus:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 0.2rem;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}
.count__wrapper .btn.plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1.4rem;
  width: 0.2rem;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}
.count__wrapper .input {
  width: 5rem;
  height: 4.4rem;
  padding: 0 1rem;
  border: none;
  background-color: transparent;
  font-size: 2rem;
  text-align: center;
}

@media (max-width: 1240px) {
  .cart__list .cart__item .cart__content {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .cart__wrapper .cart__list .cart__item {
    flex-direction: column;
    align-items: center;
    padding: 3rem;
  }
  .cart__wrapper .cart__list .cart__item .cart__content {
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
    text-align: center;
  }
  .cart__wrapper .cart__list .cart__item .cart__price {
    width: auto;
  }
  .cart__wrapper .cart__list .cart__item .cart__price .price {
    justify-content: center;
  }
  .cart__wrapper .cart__list .cart__action {
    position: absolute;
    top: 3rem;
    right: 3rem;
  }
  .cart__wrapper .cart__list .remove {
    margin-left: 0;
  }
}

@media (max-width: 640px) {
  .cart__wrapper .actions {
    flex-direction: column;
  }
}

.banner__wrapper {
  position: relative;
}

.banner__bg {
  display: flex;
  background-color: #7c8799;
}
.banner__bg img {
  display: block;
  width: 50%;
  height: 100%;
  min-height: 60rem;
  object-fit: cover;
  object-position: center top;
}

.banner__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner__content .container {
  height: 100%;
}

.banner__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.banner__content-wrapper .block__subtitle {
  font-size: 8rem;
}
.banner__content-wrapper .block__title {
  margin-bottom: 2.5rem;
  font-size: 11rem;
}
.banner__content-wrapper .block__text {
  width: 40rem;
  max-width: 100%;
  margin-bottom: 3rem;
  font-size: 1.8rem;
}

@media (max-width: 1240px) {
  .banner__content-wrapper .block__subtitle {
    font-size: 6rem;
  }
  .banner__content-wrapper .block__title {
    margin-bottom: 1rem;
    font-size: 8rem;
  }
}

@media (max-width: 768px) {
  .banner__bg img {
    width: 100%;
  }
  .banner__bg img:last-child {
    display: none;
  }
  .banner__content-wrapper .block__subtitle {
    font-size: 4rem;
  }
  .banner__content-wrapper .block__title {
    font-size: 6rem;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 10;
  transition:background-color .3s;
}
.header.fixed {
  background-color: #1A1826;
}
.header .btn {
  height: 4.4rem;
  min-width: 10rem;
}
.header .btn--main {
  color: #000000;
}
.header .btn--main:hover {
  color: #ffffff;
}
.header .link {
  margin-left: 1rem;
  margin-right: 0.5rem;
}
.header .lng {
  position: static;
}
.header .price img,
.header .price svg {
  width: 1.9rem;
  margin-left: 0.7rem;
}

.header__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 7rem;
  gap: 2rem;
  margin: 0 -1rem;
  transition: 0.3s;
}

.header__block {
  display: flex;
  padding: 0 1rem;
}
.header__block.center {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
.header__block.right {
  justify-content: flex-end;
}

.logo {
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.logo img {
  display: block;
  max-width: 100%;
  height: 3.4rem;
}

.nav {
  display: flex;
  gap: 4rem;
}

.nav__item > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 1.6rem;
  transition: 0.3s;
}
.nav__item > a:hover {
  color: #D38C46;
}

.nav__item.active > a {
  color: #D38C46;
}

.header__actions {
  display: flex;
  gap: 3rem;
}

.header__action {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
}

.header__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
  font-size: 1.6rem;
  transition: 0.3s;
}
.header__link img,
.header__link svg {
  display: block;
  height: 1.9rem;
  transition: 0.3s;
}
.header__link:hover {
  color: #D38C46;
}
.header__link:hover path {
  fill: #D38C46;
}

.divider {
  position: relative;
  width: 1px;
  height: 100%;
  display: flex;
  align-items: center;
}
.divider:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.4rem;
  background-color: #464646;
}

.count {
  position: absolute;
  bottom: 0.6rem;
  left: calc(50% - 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  padding-bottom: 1px;
  border-radius: 50%;
  border: solid 2px #000000;
  background-color: #D38C46;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  color: #000000;
}

.lng {
  position: relative;
  height: 100%;
}
.lng--sort .header__link {
  padding-right: 4rem;
}
.lng--sort .header__link:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.4rem);
  right: 1.7rem;
  width: 1rem;
  height: 1rem;
  color:#D38C46;
  background-color: currentColor;
	--bg:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.08973 5.37643C5.28637 5.35743 5.47232 5.27803 5.62205 5.14914L9.64148 1.70392C9.74158 1.62369 9.82453 1.52415 9.8854 1.41122C9.94627 1.29829 9.98382 1.17428 9.99581 1.04655C10.0078 0.918824 9.99398 0.78999 9.95519 0.667706C9.9164 0.545422 9.85343 0.432184 9.77001 0.334723C9.68658 0.237262 9.58442 0.157567 9.46959 0.100374C9.35475 0.0431816 9.22959 0.00965913 9.10154 0.00179842C8.97349 -0.0060623 8.84517 0.0118995 8.7242 0.0546166C8.60323 0.0973337 8.49209 0.163934 8.39737 0.250459L4.99999 3.16336L1.60262 0.250458C1.5079 0.163933 1.39676 0.0973334 1.27579 0.0546163C1.15482 0.0118992 1.0265 -0.00606265 0.898452 0.00179806C0.770404 0.00965876 0.645238 0.0431813 0.530403 0.100374C0.415568 0.157567 0.313406 0.237262 0.229983 0.334723C0.146561 0.432184 0.0835876 0.545422 0.0447969 0.667705C0.00600624 0.789989 -0.0078001 0.918823 0.00418949 1.04655C0.0161791 1.17428 0.0537167 1.29829 0.114587 1.41122C0.175456 1.52415 0.258409 1.62369 0.358511 1.70392L4.37794 5.14914C4.47528 5.23282 4.58845 5.29607 4.71073 5.33512C4.83301 5.37416 4.9619 5.38821 5.08973 5.37643Z' fill='%23C157FF'/%3e%3c/svg%3e ");
  
	-webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
  
  transition: 0.3s;
}
.lng--sort .lng__wrapper {
  padding-top: 0;
}
.lng--sort .lng__wrapper-container {
  padding: 0;
  border-radius: 0 0 0.8rem 0.8rem;
  background-color: #524D6B;
}
.lng--sort .lng__list {
  gap: 0;
}
.lng--sort .lng__sub-item > a {
  height: 5.4rem;
  padding: 0 1.2rem;
}
.lng--sort .lng__sub-item > a:hover {
  color: #D38C46;
}
.lng--sort:hover .header__link:before {
  transform: rotateZ(180deg);
}
.lng--cart .lng__wrapper {
  right: -1.5rem;
}
.lng--cart .lng__wrapper-container {
  min-width: 75rem;
  padding: 3rem 3rem 3.5rem;
}
.lng--cart .lng__list {
  gap: 3rem;
}
.lng--cart .lng__sub-item {
  padding-bottom: 3rem;
  border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}
.lng--account .header__link {
  padding-right: 2rem;
  color: #D38C46;
}
.lng--account .header__link:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.3rem);
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  background-color: currentColor;
	--bg: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.07178 5.37643C4.2291 5.35743 4.37785 5.27803 4.49764 5.14914L7.71318 1.70392C7.79327 1.62369 7.85963 1.52415 7.90832 1.41122C7.95702 1.29829 7.98706 1.17428 7.99665 1.04655C8.00624 0.918824 7.99519 0.78999 7.96415 0.667706C7.93312 0.545422 7.88274 0.432184 7.81601 0.334723C7.74927 0.237262 7.66754 0.157567 7.57567 0.100374C7.4838 0.0431816 7.38367 0.00965911 7.28123 0.00179839C7.17879 -0.00606233 7.07614 0.0118995 6.97936 0.0546166C6.88259 0.0973337 6.79367 0.163933 6.7179 0.250459L4 3.16336L1.2821 0.250458C1.20632 0.163933 1.1174 0.0973332 1.02063 0.0546161C0.923855 0.011899 0.821199 -0.00606288 0.718761 0.00179782C0.616323 0.00965852 0.516191 0.043181 0.424323 0.100374C0.332455 0.157567 0.250725 0.237262 0.183987 0.334723C0.117249 0.432184 0.0668697 0.545421 0.0358376 0.667705C0.00480553 0.789989 -0.00623993 0.918823 0.00335164 1.04655C0.0129432 1.17428 0.0429735 1.29829 0.091669 1.41122C0.140365 1.52415 0.206726 1.62369 0.286809 1.70392L3.50235 5.14914C3.58022 5.23282 3.67076 5.29607 3.76858 5.33512C3.86641 5.37416 3.96952 5.38821 4.07178 5.37643Z' fill='%23C157FF'/%3e%3c/svg%3e ");

  -webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
  transition: 0.3s;
}
.lng--account .header__link.active:before {
  transform: rotateZ(180deg);
}
.lng--currency .header__link {
  padding-right: 2rem;
  color: #D38C46;
}
.lng--currency .header__link:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.3rem);
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  background-color: currentColor;
	--bg: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.07178 5.37643C4.2291 5.35743 4.37785 5.27803 4.49764 5.14914L7.71318 1.70392C7.79327 1.62369 7.85963 1.52415 7.90832 1.41122C7.95702 1.29829 7.98706 1.17428 7.99665 1.04655C8.00624 0.918824 7.99519 0.78999 7.96415 0.667706C7.93312 0.545422 7.88274 0.432184 7.81601 0.334723C7.74927 0.237262 7.66754 0.157567 7.57567 0.100374C7.4838 0.0431816 7.38367 0.00965911 7.28123 0.00179839C7.17879 -0.00606233 7.07614 0.0118995 6.97936 0.0546166C6.88259 0.0973337 6.79367 0.163933 6.7179 0.250459L4 3.16336L1.2821 0.250458C1.20632 0.163933 1.1174 0.0973332 1.02063 0.0546161C0.923855 0.011899 0.821199 -0.00606288 0.718761 0.00179782C0.616323 0.00965852 0.516191 0.043181 0.424323 0.100374C0.332455 0.157567 0.250725 0.237262 0.183987 0.334723C0.117249 0.432184 0.0668697 0.545421 0.0358376 0.667705C0.00480553 0.789989 -0.00623993 0.918823 0.00335164 1.04655C0.0129432 1.17428 0.0429735 1.29829 0.091669 1.41122C0.140365 1.52415 0.206726 1.62369 0.286809 1.70392L3.50235 5.14914C3.58022 5.23282 3.67076 5.29607 3.76858 5.33512C3.86641 5.37416 3.96952 5.38821 4.07178 5.37643Z' fill='%23C157FF'/%3e%3c/svg%3e ");

  -webkit-mask-image: var(--bg);
	mask-image: var(--bg);
	
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
  transition: 0.3s;
}
.lng--currency .header__link.active:before {
  transform: rotateZ(180deg);
}
.lng--currency .lng__wrapper-container {
  min-width: 10rem;
  text-align: center;
}
.lng--currency .lng__wrapper {
  right: 0;
  left: 50%;
  transform: translateY(1rem) translateX(-50%);
  min-width: 10rem;
}

.lng__item {
  display: flex;
  align-items: center;
  height: 100%;
}

.lng__link {
  position: relative;
  padding-right: 1.3rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.3;
  transition: 0.3s;
}
.lng__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-40%);
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.52736e-07 0.551366C-3.83403e-06 0.442308 0.0323357 0.3357 0.0929265 0.245024C0.153518 0.154347 0.239638 0.083677 0.340397 0.0419511C0.441156 0.000225128 0.552026 -0.010682 0.658985 0.0106092C0.765944 0.0319005 0.864185 0.0844338 0.941285 0.161564L4.00222 3.22236L7.06315 0.161427C7.16692 0.0599312 7.30654 0.00345474 7.45169 0.00425414C7.59685 0.00505354 7.73583 0.0630642 7.83848 0.165697C7.94113 0.268329 7.99917 0.407303 7.99999 0.552457C8.00082 0.697612 7.94436 0.837236 7.84289 0.941029L4.00222 4.78198L0.161545 0.941166C0.110265 0.89004 0.0695943 0.829283 0.041871 0.762388C0.0141477 0.695493 -8.20433e-05 0.623778 4.52736e-07 0.551366Z' fill='black'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.3s;
}

.lng__wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
  transition: 0.3s;
}

.lng__wrapper {
  padding-top: 1px;
}

.lng__wrapper-container {
  min-width: 22rem;
  padding: 2.5rem 3rem;
  border-radius: 0 0 2rem 2rem;
  background-color: #D38C46;
}

.lng__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}

.lng__sub-item {
  width: 100%;
}
.lng__sub-item > a {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.264;
  transition: 0.3s;
}
.lng__sub-item > a:hover {
  color: #000000;
}

.lng__list-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-top: 3rem;
}
.lng__list-footer .btn {
  min-width: 13rem;
}

.menu__hide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #D38C46;
  transition: 0.3s;
}
.menu__hide:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.7805 0.219436C11.4879 -0.0731455 11.0186 -0.0731455 10.726 0.219436L6 4.94491L1.27398 0.219436C0.981367 -0.0731455 0.512077 -0.0731455 0.219462 0.219436C-0.0731539 0.512018 -0.0731539 0.981254 0.219462 1.27384L4.94548 5.99931L0.219462 10.7248C-0.0731539 11.0174 -0.0731539 11.4866 0.219462 11.7792C0.363009 11.9227 0.556246 12 0.743961 12C0.931677 12 1.12491 11.9282 1.26846 11.7792L5.99448 7.05371L10.7205 11.7792C10.864 11.9227 11.0573 12 11.245 12C11.4382 12 11.6259 11.9282 11.7695 11.7792C12.0621 11.4866 12.0621 11.0174 11.7695 10.7248L7.05452 5.99931L11.7805 1.27384C12.0732 0.981254 12.0732 0.512018 11.7805 0.219436Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.3s;
}
.menu__hide:hover {
  background-color: #FFAA01;
}

.mini-cart {
  position: fixed;
  top: 0;
  right: 0;
  width: 43rem;
  max-width: 100%;
  height: 100vh;
  background-color: #35304E;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 101;
  padding: 3rem 0 3.5rem;
  overflow-y: auto;
  transition: 0.3s;
}
.mini-cart.opened {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
.mini-cart::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.mini-cart .container {
  padding: 0 3.5rem;
}
.mini-cart .cart__list .cart__item {
  gap: 2rem;
}
.mini-cart .cart__list .cart__item .cart__content {
  padding: 0;
}
.mini-cart .cart__item {
  margin-bottom: 3rem;
  padding: 0 0 3rem 0;
  border-bottom: solid 1px #524D6B;
}
.mini-cart .cart__item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.mini-cart .cart__img {
  width: 14.5rem;
}
.mini-cart .cart__content {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.mini-cart .cart__title {
  font-weight: 600;
  font-size: 1.5rem;
}
.mini-cart .remove {
  width: 1rem;
  height: 1rem;
}

.mini-cart__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 6.5rem);
  gap: 3rem;
}

.mini-cart__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}
.mini-cart__content .price {
  font-size: 1.4rem;
  color: #b5b5b5;
}
.mini-cart__content .price img {
  margin-bottom: -1px;
  margin-left: 0;
  margin-right: 0.5rem;
  width: 1.1rem;
}

.mini-cart__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mini-cart__block {
  display: flex;
  align-items: center;
}

.mini-cart__title {
  font-weight: 600;
  font-size: 2.4rem;
}

.mini-cart__widget {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 1.6rem 2rem;
  background-color: #edecec;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #656565;
}
.mini-cart__widget img {
  display: block;
  height: 2.8rem;
}

.mini-cart__footer {
  padding-top: 2rem;
  border-top: solid 2px #524D6B;
  font-weight: 500;
  font-size: 2.4rem;
}
.mini-cart__footer .actions {
  justify-content: space-between;
  margin-top: 0;
  letter-spacing: -0.05em;
}
.mini-cart__footer .price img,
.mini-cart__footer .price svg {
  width: 1.8rem;
  margin-left: 0;
  margin-right: 0.7rem;
}

.mini-cart__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-top: 4rem;
}
.mini-cart__actions .btn {
  flex: 1;
}

@media (max-width: 1460px) {
  .header__block.center {
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
}

@media (max-width: 1240px) {
  .header .link {
    margin-right: 2rem;
  }
  .header__block--small {
    flex: auto;
    width: auto;
  }
  .nav {
    gap: 2rem;
  }
  .header__actions {
    gap: 2rem;
  }
}

@media (min-width: 1101px) {
  .lng:hover .lng__wrapper {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
  .lng--account:hover .header__link:before {
    transform: rotateZ(180deg);
  }
  .lng--sort:hover .header__link {
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .lng--currency:hover .lng__wrapper {
    transform: translateY(0) translateX(-50%);
  }
  .lng__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    transform: translateY(1rem);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

@media (max-width: 1100px) {
  .menu__show {
    position: relative;
    display: block;
    width: 2.6rem;
    height: 100%;
    margin-left: 3rem;
    transition: 0.3s;
  }
  .menu__show:before,
  .menu__show:after,
  .menu__show i {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 100%;
    display: block;
    height: 2px;
    background-color: #ffffff;
    transition: 0.3s;
  }
  .menu__show:before {
    transform: translate(0, -0.8rem);
  }
  .menu__show:after {
    transform: translate(0, 0.6rem);
  }
  .menu__show:hover:after {
    width: 1.3rem;
  }
  .menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 43rem;
    max-width: 100%;
    height: 100vh;
    background-color: #35304E;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 101;
    padding: 3rem 0 3.5rem;
    overflow-y: auto;
    transition: 0.3s;
  }
  .menu.opened {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
  .menu::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .menu .container {
    padding: 0 3.5rem;
  }
  .menu .header__link.active {
    color: #D38C46;
  }
  .menu .lng__wrapper {
    padding-top: 2rem;
  }
  .menu .lng__wrapper-container {
    border-radius: 2rem;
  }
  .menu .nav {
    flex-direction: column;
    gap: 3rem;
  }
  .menu .nav__item a {
    display: block;
  }
  .menu .divider:before {
    background-color: #ffffff;
  }
  .menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .menu__header .btn {
    min-width: 14rem;
  }
  .menu__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100vh - 6.5rem);
    gap: 4rem;
  }
  .menu__content {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
  .lng--sort .header__link.active {
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .lng--currency .lng__wrapper.opened {
    transform: translateY(0) translateX(-50%);
  }
  .lng__wrapper {
    left: 0;
    right: auto;
  }
  .lng__wrapper.opened {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
}

@media (max-width: 640px) {
  .menu {
    padding: 2rem 0;
  }
  .menu .container {
    padding: 0 2rem;
  }
  .menu__wrapper {
    min-height: calc(100vh - 4rem);
  }
  .menu__content {
    gap: 2rem;
  }
  .menu__wrapper {
    gap: 2rem;
  }
  .mini-cart {
    padding: 2rem 0;
  }
  .mini-cart .container {
    padding: 0 2rem;
  }
  .mini-cart__wrapper {
    min-height: calc(100vh - 4rem);
  }
}

.footer .nav {
  flex-direction: column;
  gap: 2.6rem;
}

.footer .nav__item > a {
  display: block;
  height: auto;
  line-height: 1;
}

.footer__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6rem 0;
  margin: 0 -1rem;
  padding: 6rem 0;
}

.footer__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 0;
  margin: 0 -1rem;
  padding-bottom: 6rem;
}
.footer__line .footer__block {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.footer__block {
  display: flex;
  align-items: flex-start;
  width: calc(100% / 3);
  gap: 2rem;
  padding: 0 1rem;
}
.footer__block.right {
  justify-content: flex-end;
  text-align: right;
}

.footer__item {
  width: calc(50% - 1rem);
}

.footer__title {
  margin-bottom: 2.7rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1;
  color: #D38C46;
}

.socials {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.socials a {
  display: block;
  height: 2.6rem;
  transition: 0.3s;
}
.socials a:hover {
  opacity: 0.7;
}
.socials img {
  display: block;
  height: 100%;
}

.footer__text {
  font-size: 1.4rem;
  line-height: 1;
  color: #8c8c8c;
  span{
	  color:#D38C46!important;
  }
}

.footer__logos {
  display: inline-flex;
  align-items: center;
  gap: 4.5rem;
}
.footer__logos img {
  display: block;
  max-height: 3rem;
}

.marketplace__block {
  padding: 2rem 0 0 3rem;
}

.marketplace__link {
  display: block;
  max-width: 16rem;
}
.marketplace__link img {
  display: block;
  width: 100%;
}

@media (max-width: 1240px) {
  .marketplace__block {
    padding: 2rem 0 0 2rem;
  }
}

@media (max-width: 1100px) {
  .footer__wrapper .footer__block:first-child {
    flex-direction: column;
  }
  .footer__wrapper .footer__block .marketplace__block {
    padding-left: 0;
  }
  .footer__block {
    width: 100%;
  }
  .footer__line .footer__block {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.animate {
  position: absolute;
  z-index: -1;
}
.animate img {
  position: absolute;
}

.hero .animate {
  bottom: -59rem;
  right: 0;
  width: 49rem;
  height: 77rem;
}
.hero .animate img.animate__1 {
  top: 0;
  right: -10%;
}
.hero .animate img.animate__2 {
  bottom: 0;
  right: -15%;
}

.category .animate {
  bottom: 0;
  left: 0;
  width: 65rem;
  height: 40rem;
}
.category .animate img.animate__1 {
  top: 0;
  left: -5%;
}
.category .animate img.animate__2 {
  bottom: 0;
  left: -20%;
}

.promo .animate {
  bottom: -26rem;
  right: 0;
  width: 69rem;
  height: 45rem;
}
.promo .animate img.animate__1 {
  top: 0;
  left: 0;
}
.promo .animate img.animate__2 {
  bottom: 0;
  left: 0;
}

.blog .animate {
  bottom: 0;
  left: 0;
  width: 72rem;
  height: 26rem;
}
.blog .animate img.animate__1 {
  bottom: -20%;
  left: -10%;
}

@media (max-width: 1520px) {
  .section .tab_content > * > * {
    padding: 3rem;
  }
  .section #controls table tr td:first-child {
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 400;
    padding-top: 0;
    padding-right: 1rem;
  }
}

@media (max-width: 1440px) {
  .section #wrapper_table {
    flex-direction: column;
    gap: 2rem;
  }
  .section #wrapper_table > *:first-child,
  .section #wrapper_table > * + * {
    width: 100%;
  }
}

@media (max-width: 1240px) {
  .layout .products__item {
    width: calc(100% / 3);
  }
  .page__title {
    font-size: 3.6rem;
  }
  .page__header .lng {
    width: 25rem;
  }
  .balance__item {
    width: 20%;
  }
  .balance__wallet-block:first-child {
    width: 100%;
    border-right: 0;
    border-bottom: solid 1px #524D6B;
  }
  .settings__block-wrapper {
    padding: 4rem 3rem;
  }
}

@media (min-width: 1101px) {
  .hide-desktop {
    display: none;
  }
}

@media (max-width: 1100px) {
  .hide-mobile {
    display: none;
  }
  .section {
    margin-bottom: 5rem;
  }
  .section#wrapper {
    margin-bottom: 5rem;
  }
  .section.blog {
    margin-bottom: 0;
    padding-bottom: 5rem;
  }
  .page__header-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 43rem;
    height: 100vh;
    padding: 3rem 3.5rem 3.5rem;
    border-radius: 0;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
    transition: 0.3s;
    z-index: 1001;
  }
  .sidebar.opened {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
  .sidebar::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .sidebar__header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 1.5rem;
  }
  .layout__main {
    width: 100%;
    padding-left: 0;
  }
  .balance__wallet-block {
    padding: 2rem 2rem 4rem;
  }
  .settings__block .form__block {
    width: 100%;
  }
}

@media (min-width: 993px) {
  html.remodal-is-locked body {
    padding-right: 1.6rem;
  }
  html.remodal-is-locked .header {
    padding-right: 1.6rem;
  }
  body.fixed {
    padding-right: 1.6rem;
  }
  body.fixed .header {
    padding-right: 1.6rem;
  }
}

@media (max-width: 992px) {
  .page__header .actions {
    justify-content: flex-start;
  }
  .page__title {
    margin-bottom: 1rem;
    font-size: 3rem;
  }
  .block__header {
    margin-bottom: 2rem;
  }
  .block__title {
    margin-bottom: 2rem;
    font-size: 3.6rem;
  }
  .block__subtitle {
    font-size: 2rem;
  }
  .block__text h1 {
    font-size: 3rem;
  }
  .block__text h2 {
    font-size: 2rem;
  }
  .block__text h3 {
    font-size: 2rem;
  }
  .block__text h4 {
    font-size: 2rem;
  }
  .block__text h5 {
    font-size: 2rem;
  }
  .block__text h6 {
    font-size: 2rem;
  }
  .game-bar__wrapper {
    flex-direction: column;
    gap: 1.5rem;
  }
  .game-bar__block:first-child:before {
    display: none;
  }
  .orders .cart__list .cart__item,
  .order .cart__list .cart__item {
    flex-direction: column;
    align-items: center;
    padding: 3rem;
  }
  .orders .cart__list .cart__item .cart__content,
  .order .cart__list .cart__item .cart__content {
    text-align: center;
  }
  .orders .cart__list .cart__item .cart__content .price,
  .order .cart__list .cart__item .cart__content .price {
    justify-content: center;
    margin-top: 1rem;
  }
  .order__info {
    width: 30rem;
    gap: 3rem;
    padding: 3rem;
  }
  .balance__item {
    width: 25%;
  }
  .settings__block {
    width: 100%;
  }
  .order__item {
    flex-direction: column;
  }
  .order__info {
    width: 100%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 1.6rem;
  }
  .balance__title {
    margin-bottom: 1rem;
  }
  .balance__item {
    width: calc(100% / 3);
  }
  .wallet__content .balance__title {
    margin-bottom: 3rem;
  }
  .wallet__img {
    width: 8rem;
    margin-bottom: 2rem;
  }
  .wallet__balance {
    margin-bottom: 2rem;
  }
  .section #backgrounds > * {
    width: calc((100% / 3) - 2rem);
  }
  .section #controls table tr {
    display: flex;
    flex-direction: column;
  }
  .section #controls table tr td {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    gap: 2rem 0;
    padding-right: 0;
  }
  .section #controls table tr td:first-child {
    padding-right: 0;
  }
  .section #controls table tr td:empty {
    display: none;
  }
  .section #controls table tr td:has(img) {
    display: none;
  }
  .section #controls .slider {
    width: 100%;
  }
  .section #controls #crosshair_color_type {
    flex-wrap: wrap;
  }
  .section #controls #crosshair_color_type .ui-button:first-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .section #controls #crosshair_color_type .ui-button:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media (max-width: 640px) {
  .block__title {
    font-size: 3rem;
  }
  .layout .products__item {
    width: 50%;
  }
  .orders .actions {
    flex-direction: column;
  }
}

@media (max-width: 540px) {
  .balance__item {
    width: 50%;
  }
  .balance__progress {
    height: 1rem;
  }
  .settings__block-wrapper .block__title {
    font-size: 2.2rem;
  }
}

@media (max-width: 460px) {
  .game-bar .lng {
    width: 100%;
  }
  .game-bar__block {
    width: 100%;
  }
  .page__header .action {
    width: 100%;
  }
  .page__header .lng {
    width: 100%;
  }
}

@media (max-width: 360px) {
  .layout .products__item {
    width: 50%;
  }
  .balance__item {
    width: 100%;
  }
}

.advantages-list{
	display:grid;
	grid-template-columns:repeat(8,1fr);
	gap:20px;
	@media (width < 1024px){
		grid-template-columns:repeat(4,1fr);
	}
	@media (width < 480px){
		grid-template-columns:1fr 1fr;
	}
	.marquee__item{
		all:unset;
		max-width:166px;
		margin:0 auto;
		display:flex;
		flex-direction:column;
		gap:18px;
		align-items:center;
		text-align:center;
	}
	.marquee__img{
		width:auto;
		height:auto;
		display:flex;
	}
	.marquee__text{
		font-size:14px;
		font-weight:600;
		text-transform:uppercase;
		white-space:normal;
		line-height:1.1;
	}
}

.widget__content{
	&:has(.filter__form-item:nth-child(10)){
			max-height:320px;
	overflow:hidden auto;
	margin:0 -2.5rem;
	padding:0 2.5rem 2.5rem;
	}
	
}