@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-weight: 600;
  src: url("../fonts/Roboto-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
}

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

@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  color: #434343;
  background-color: #F5F6F1;
}

.grecaptcha-badge {
  display: none !important;
}

a {
  text-decoration: none;
  color: #353535;
}

a:hover {
  color: #ADD912;
}

a:hover p {
  color: #ADD912;
}

.hide {
  display: none !important;
}

p {
  color: #494949;
}

.page-bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 46.61vw;
}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 10px;
  right: 10px;
  top: calc(100% - 1px);
  font-size: 0;
  height: 2px;
  background: red;
}

.btn-phone {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.btn-phone svg {
  flex: none;
  margin-top: 4px;
}

.btn-phone a {
  font-size: 20px;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}

.btn-phone span {
  font-weight: 300;
  display: block;
}

.input-text {
  height: 45px;
  width: 100%;
  padding: 0 30px;
  border: 0;
  border-radius: 10px;
  font-size: 16px;
  outline: none;
  font-weight: 300;
  font-family: "OpenSans";
}

.select {
  width: 100%;
  position: relative;
}

.select__top {
  height: 45px;
  width: 100%;
  padding: 0 30px;
  border-radius: 10px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.select__top input {
  width: 100%;
  border: 0;
  background-color: #fff;
  outline: none;
  font-size: 16px;
}

.select__top svg {
  flex: none;
  transition: all .3s;
}

.select__top.open svg {
  transform: rotate(-180deg);
}

.select__top:hover svg path {
  fill: #F15000;
}

.select__click {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  cursor: pointer;
}

.select__list {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  z-index: 5;
  left: 0;
  display: none;
  top: calc(100% + 0px);
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
}

.select__list li {
  list-style: none;
  padding: 10px 30px;
  cursor: pointer;
}

.select__list li:hover {
  background-color: #9EC70F;
  color: #fff;
}

.slick-arrow {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  width: 53px;
  height: 53px;
  border-radius: 100%;
  border: 1px solid #696969;
  background-color: #fff;
  transition: all .3s;
  text-align: center;
}

.slick-arrow:hover {
  background-color: #696969;
}

.slick-arrow:hover svg path {
  fill: #fff;
}

.slick-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn {
  border: 1px solid #BED372;
  background-color: #BED372;
  height: 45px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  transition: all .3s;
  cursor: pointer;
}

.btn:hover {
  border-color: transparent;
  background: linear-gradient(230.64deg, #FF661A 12.17%, #F15000 101.78%);
  box-shadow: 0px 7px 20px rgba(214, 89, 0, 0.3);
  color: #fff;
}

.btn-2 {
  background-color: #fff;
  border-color: #000000;
  color: #353535;
}

@keyframes rotate_180 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.add_to_cart.process {
  font-size: 0;
  border-color: transparent;
  background: linear-gradient(230.64deg, #FF661A 12.17%, #F15000 101.78%);
  position: relative;
}

.add_to_cart.process:before {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 3px solid #fff;
  border-left: 0;
  border-top: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 100px;
  -webkit-animation: rotate_180 1s infinite linear;
  animation: rotate_180 1s infinite linear;
}

.add_to_cart.success {
  font-size: 0;
  border-color: transparent;
  background: linear-gradient(230.64deg, #FF661A 12.17%, #F15000 101.78%);
}

.add_to_cart.success:before {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url(../img/icons-check.svg);
  background-position: center;
  background-size: 100%;
}

.add_to_favorite {
  cursor: pointer;
}

.add_to_favorite path {
  fill: #fff;
  stroke: #A8A8A8;
}

.add_to_favorite:hover path {
  stroke: #EB2300;
}

.add_to_favorite.active path {
  fill: #EB2300;
  stroke: #EB2300;
}

.loader {
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #FF661A;
  border-top: 0;
  -webkit-animation: rotate_180 .5s infinite linear;
  animation: rotate_180 .5s infinite linear;
}

.container {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0px 15px;
  width: 95%;
}

.header {
  padding-top: 15px;
}

.header__top {
  display: flex;
  align-items: center;
  gap: 50px;
}

.header__sity {
  display: flex;
  gap: 20px;
  color: #494949;
  font-weight: 300;
  align-items: center;
}

.header__garant {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 300;
  color: #494949;
}

.header__top {
  margin-bottom: 20px;
}

.header__bottom {
  background-color: #fff;
  border-radius: 10px;
  margin: 0 -20px;
  padding: 25px 50px;
  position: relative;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
}

.header__row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
  margin-bottom: 25px;
}

.header__row:last-child {
  margin-bottom: 0;
}

.header__row.flex-end {
  align-items: flex-end;
}

.header__info {
  display: flex;
  gap: 25px;
}

.header__social {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 4px;
}

.header__social img {
  height: 30px;
}

.header__toggleMenu {
  display: none;
  padding-left: 40px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}

.header__toggleMenu span, .header__toggleMenu:after, .header__toggleMenu:before {
  content: "";
  width: 30px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #434343;
  transition: all .3s;
}

.header__toggleMenu:after {
  top: -16px;
}

.header__toggleMenu:before {
  top: 16px;
}

.header__toggleMenu.open:before {
  top: 0;
  transform: rotate(-45deg);
}

.header__toggleMenu.open:after {
  top: 0;
  transform: rotate(45deg);
}

.header__toggleMenu.open span {
  display: none;
}

.header__menu {
  display: flex;
}

.header__menu li {
  list-style: none;
}

.header__menu a {
  padding: 10px 25px;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}

.header__menu .current-menu-item a:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #ADD912;
  border-radius: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.header__carts {
  display: flex;
  gap: 30px;
}

.header__carts a {
  text-transform: uppercase;
  display: flex;
  gap: 15px;
  align-items: flex-end;
  position: relative;
}

.header__count {
  position: absolute;
  top: -15px;
  right: -20px;
  width: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  border-radius: 30px;
  background-color: #EB2300;
  color: #fff;
}

.banner {
  position: relative;
}

.banner .container {
  position: relative;
}

.banner__pazzle {
  position: absolute;
  bottom: 0;
  right: 40px;
}

.banner__pazzle2 {
  position: absolute;
  left: 430px;
  top: 300px;
  transform: rotate(180deg);
}

.traces {
  position: absolute;
  left: 430px;
}

.traces__left {
  transform: rotate(54deg);
  position: absolute;
  bottom: 0;
  -webkit-animation: var(--translate) 2s 1 step-start;
  animation: var(--translate) 2s 1 step-start;
  animation-fill-mode: forwards;
}

.traces__right {
  transform: rotate(-169deg);
  position: absolute;
  -webkit-animation: var(--translate) 2.5s 1 step-start;
  animation: var(--translate) 2.5s 1 step-start;
  animation-fill-mode: forwards;
  left: 120px;
  bottom: 30px;
}

.banner__wrapp {
  padding-top: 110px;
  padding-bottom: 200px;
  position: relative;
}

.banner__wrapp h1 {
  margin-bottom: 60px;
  font-size: 54px;
  font-weight: 600;
  position: relative;
}

.banner__wrapp h1 img {
  position: absolute;
  left: 350px;
  top: 0;
}

.banner__bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 46.61vw;
  height: 795px;
  object-fit: cover;
  object-position: left;
}

.banner__shoes {
  position: absolute;
  right: -140px;
  top: -50px;
  z-index: -1;
  object-fit: cover;
  object-position: left;
}

.page-title {
  font-size: 36px;
  color: #414141;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 45px;
}

.page-title:before {
  content: "";
  width: 15px;
  height: 45px;
  border-radius: 20px;
  background-color: #353535;
}

section {
  margin-bottom: 100px;
}

.products-block .container {
  position: relative;
}

.products-block__sheet {
  transform: rotate(9deg);
  position: absolute;
  left: -170px;
  top: 200px;
}

.products-block__boot {
  position: absolute;
  top: 360px;
  right: -120px;
  transform: rotate(23deg);
}

.products-block__pazzle {
  position: absolute;
  bottom: -60px;
  left: -100px;
  transform: rotate(180deg);
}

.product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
}

.product-tags a {
  cursor: pointer;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  padding: 12px 22px;
  color: #6C6C6C;
  font-size: 18px;
}

.product-tags a:hover {
  color: #ADD912;
}

.product-tags .current {
  background-color: #353535;
  color: #fff;
}

.products-block__slider {
  margin: 0px -15px;
  padding-bottom: 100px;
}

.products-block__slider .slick-arrow {
  bottom: 0;
  left: 0;
}

.products-block__slider .slick-next {
  left: auto;
  right: 0;
}

.products-block__slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 15px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 17px;
}

.products-block__slider .slick-dots li {
  list-style: none;
}

.products-block__slider .slick-dots button {
  background-color: #BEBEBE;
  border: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  font-size: 0;
}

.products-block__slider .slick-dots button:hover {
  background-color: #F15000;
}

.products-block__slider .slick-dots .slick-active button {
  background-color: #BCE238;
}

.products-block__item {
  padding: 15px;
}

.product__sale {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  display: block;
  line-height: 36px;
  width: 75px;
  border-radius: 10px;
  background-color: #FFA346;
}

.price-end {
  color: #575757;
  text-decoration: line-through;
  font-family: "OpenSans";
}

.price-regular {
  color: #FF661A;
  font-size: 18px;
  font-weight: 700;
  font-family: "OpenSans";
}

.tplProduct {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: space-between;
}

.tplProduct__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.tplProduct__favorite {
  cursor: pointer;
}

.tplProduct__images {
  height: 250px;
  position: relative;
  margin: 0 -25px 42px -25px;
}

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

.tplProduct__images .tplProduct-arrow {
  bottom: 0;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  border-radius: 0;
  border: 0;
  background: none;
  z-index: 1;
  position: absolute;
  cursor: pointer;
}

.tplProduct__images .tplProduct-next {
  right: 0;
  left: auto;
}

.tplProduct__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -25px;
}

.tplProduct__dots span {
  background-color: #BEBEBE;
  border: none;
  cursor: pointer;
  width: 9px;
  height: 9px;
  border-radius: 16px;
  font-size: 0;
  display: block;
  transition: all .3s;
}

.tplProduct__dots span.active {
  background-color: #BCE238;
  width: 20px;
}

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

.tplProduct__images .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -15px;
}

.tplProduct__images .slick-dots li {
  list-style: none;
}

.tplProduct__images .slick-dots button {
  background-color: #BEBEBE;
  border: none;
  width: 10px;
  height: 10px;
  cursor: pointer;
  transition: all .3s;
  font-size: 0;
  border-radius: 10px;
}

.tplProduct__images .slick-dots .slick-active button {
  width: 20px;
  background-color: #BCE238;
}

.tplProduct__name {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  display: block;
}

.tplProduct__name:last-child {
  margin-bottom: 0;
}

.tplProduct__text {
  font-weight: 300;
  height: 38px;
  overflow: hidden;
  display: block;
}

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

.tplProduct__price {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: none;
}

.tplProduct__btn {
  width: 160px;
  position: relative;
}

.about-block {
  position: relative;
}

.about-block__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.about-block__text {
  width: 630px;
  max-width: 100%;
}

.about-block__text h2 {
  margin-bottom: 25px;
}

.about-block__text p {
  font-size: 18px;
  color: #434343;
  font-family: "OpenSans";
  font-weight: 400;
}

.about-block__image {
  max-width: 100%;
  position: relative;
  top: -40px;
  right: -170px;
}

.about-block__img-1 {
  position: absolute;
  top: 70px;
  left: 0;
  border-radius: 10px;
  border: 10px solid #fff;
  width: 575px;
  height: 301px;
  object-fit: cover;
}

.about-block__img-2 {
  position: absolute;
  left: 334px;
  top: 245px;
  border-radius: 10px;
  border: 10px solid #fff;
  width: 311px;
  height: 201px;
  object-fit: cover;
}

.about-block__boot {
  position: absolute;
  left: -125px;
  top: 235px;
}

.about-block__circle {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 30px;
  max-width: 12%;
}

.advantage h2 {
  margin-bottom: 70px;
}

.advantage__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: flex-start;
}

.advantage__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.advantage__item p {
  font-size: 22px;
  font-weight: 600;
  color: #494949;
  text-align: center;
}

.reviews h2 {
  margin-bottom: 70px;
}

.reviews .container {
  position: relative;
}

.reviews__puzzle {
  position: absolute;
  top: 250px;
  left: -130px;
  width: 105px;
  transform: rotate(95deg);
}

.reviews__wrapp {
  width: 1190px;
  max-width: 100%;
  margin: 0 auto;
}

.reviews__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 53px;
  margin-bottom: 35px;
  color: #575757;
}

.reviews__item {
  padding: 25px 15px;
}

.reviews__slider {
  margin: 0px -15px;
}

.reviews__slider .slick-next {
  right: 15px;
  top: -85px;
}

.reviews__slider .slick-prev {
  right: 90px;
  top: -85px;
}

.tplReviews {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 40px;
  position: relative;
}

.tplReviews svg {
  position: absolute;
  top: -21px;
  right: 80px;
}

.tplReviews p {
  font-weight: 300;
  font-size: 14px;
  font-family: "OpenSans";
  margin-bottom: 35px;
}

.tplReviews__foot {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.tplReviews__name {
  font-size: 18px;
  font-weight: 600;
  color: #494949;
}

.tplReviews__date {
  color: #494949;
}

.reviews__more {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
}

.contact-form form {
  padding: 30px 40px;
  background: #ADD912;
  border-radius: 10px;
  width: 1190px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.contact-form form .wpcf7-form-control-wrap {
  width: 100%;
}

.contact-form form .wpcf7-spinner {
  display: none;
}

.contact-form .btn-2:hover {
  background: #000;
}

.contact-form .container {
  position: relative;
}

.contact-form__triangle {
  position: absolute;
  transform: rotate(65deg);
  right: 400px;
  top: -40px;
}

.contact-form__sheet {
  position: absolute;
  top: 100px;
  left: -100px;
  transform: rotate(6deg);
}

.contact-form__row {
  display: flex;
  gap: 25px;
}

.contact-form__columns {
  width: 50%;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  flex-wrap: wrap;
  gap: 25px;
}

.contact-form span[data-name=text-name] {
  width: 55%;
}

.contact-form span[data-name=text-phone] {
  width: calc(45% - 25px);
}

.contact-form__input {
  width: calc(50% - 13px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
}

.contact-form__input input {
  width: 100%;
}

.contact-form__input p {
  font-size: 14px;
  color: #494949;
}

.contact-form__input a:hover {
  color: #fff;
}

.content-right {
  margin-bottom: 150px;
}

.content-right__row {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  position: relative;
}

.content-right__text {
  width: 50%;
  position: relative;
}

.content-right__text p {
  color: #434343;
  font-size: 18px;
  font-family: "OpenSans";
  font-weight: 400;
}

.content-right__image {
  width: 50%;
  border-radius: 10px;
  border: 10px solid #fff;
}

.content-right__wave {
  position: absolute;
  right: 180px;
  bottom: -100px;
}

.content-right__puzzle {
  position: absolute;
  width: 100px;
  right: -150px;
  bottom: 80px;
}

footer {
  padding-top: 20px;
  background-size: cover;
  background-position: top center;
  background-image: url(../img/footer-bg.svg);
}

footer .container {
  position: relative;
}

.footer__wave {
  position: absolute;
  right: 300px;
  top: -80px;
}

.footer__wrapp {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px 30px 50px 30px;
  position: relative;
  z-index: 1;
  row-gap: 30px;
}

.footer__wrapp h3 {
  font-weight: 700;
  font-size: 18px;
  font-family: "OpenSans";
}

.footer__triangle {
  position: absolute;
  left: 85px;
  right: 0;
  margin: auto;
  bottom: 90px;
  z-index: -1;
}

.footer__column {
  width: 25%;
  display: flex;
  gap: 25px;
  flex-direction: column;
  align-items: flex-start;
}

.footer__center {
  align-items: center;
}

.footer__center h3 {
  text-align: center;
}

.footer__menu {
  font-size: 18px;
}

.footer__menu li {
  list-style: none;
  font-family: "OpenSans";
}

.footer__social {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer__social img {
  height: 30px;
  width: auto;
}

.subscribe {
  width: 325px;
  max-width: 100%;
  background-color: #F5F6F1;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.subscribe input {
  width: 100%;
  background-color: transparent;
  outline: none;
  height: 45px;
  border: 0;
}

.subscribe input[type=text] {
  padding-left: 25px;
}

.subscribe__btn {
  width: 50px;
  flex: none;
  position: relative;
  z-index: 1;
}

.subscribe__btn input {
  cursor: pointer;
  font-size: 0;
}

.subscribe__btn .wpcf7-spinner {
  display: none !important;
}

.subscribe__btn svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}

.subscribe__btn:hover svg path {
  fill: #FF661A;
}

.subscribe-form {
  width: 100%;
}

.subscribe-form form {
  margin-bottom: 15px;
}

.subscribe-form p {
  font-weight: 300;
  font-family: "OpenSans";
}

.footer__derivery {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 25px;
}

.footer__pay {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.footer__bottom {
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 300;
  font-size: 14px;
}

.footer__bottom a {
  border-left: 1px solid #525252;
  padding-left: 8px;
}

.breadcrumbs {
  margin-bottom: 50px;
  padding-top: 16px;
  font-family: "OpenSans";
}

.page-catalog {
  overflow: hidden;
}

.page-catalog .container {
  position: relative;
}

.page-catalog__boot1 {
  position: absolute;
  top: 400px;
  left: -80px;
  transform: rotate(-30deg);
}

.page-catalog__sheet1 {
  top: 900px;
  position: absolute;
  left: -150px;
}

.page-catalog__triangle1 {
  position: absolute;
  left: 67px;
  top: 1400px;
  z-index: -1;
  transform: rotate(60deg);
}

.page-catalog__boot2 {
  position: absolute;
  top: 1800px;
  left: 30px;
}

.page-catalog__puzzle1 {
  position: absolute;
  top: 2100px;
  left: -50px;
  transform: rotate(90deg);
}

.page-catalog__sheet2 {
  position: absolute;
  top: 1955px;
  right: -160px;
  transform: rotate(-130deg);
}

.page-catalog__wave {
  position: absolute;
  top: 830px;
  right: -100px;
}

.page-catalog__boot3 {
  position: absolute;
  top: 1135px;
  right: -140px;
}

.page-catalog__puzzle2 {
  position: absolute;
  top: 1500px;
  right: -170px;
}

.page-catalog__row {
  display: flex;
  gap: 30px;
}

.page-catalog__left {
  width: 25%;
}

.page-catalog__right {
  width: 75%;
  position: relative;
}

.product-filter {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
}

.product-filter__item {
  margin-bottom: 20px;
}

.product-filter__item:last-child {
  margin-bottom: 0;
}

.product-filter__head {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 15px;
  justify-content: space-between;
  cursor: pointer;
}

.product-filter__head p {
  font-size: 18px;
  font-weight: 700;
  color: #434343;
}

.product-filter__head img {
  transition: all .3s;
  transform: rotate(0);
}

.product-filter__head.active img {
  transform: rotate(180deg);
}

.product-filter__list {
  display: none;
}

.product-filter__list label, .product-filter__list a {
  color: #353535;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
  margin-bottom: 10px;
}

.product-filter__list label:last-child, .product-filter__list a:last-child {
  margin-bottom: 0;
}

.product-filter__list label:before, .product-filter__list a:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #B8B8B8;
  flex: none;
}

.product-filter__list label.active:before, .product-filter__list a.active:before {
  background-image: url(../img/checked.svg);
  background-size: cover;
  background-position: center;
  border-color: #353535;
}

.product-filter__list .color {
  display: inline-flex;
  flex-direction: column;
  margin-left: 10px;
  gap: 6px;
}

.product-filter__list .color span {
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 1;
  border-radius: 30px;
  box-sizing: content-box;
  border: 1px solid #fff;
}

.product-filter__list .color span:after {
  content: "";
  width: 32px;
  height: 32px;
  z-index: -1;
  position: absolute;
  left: -1px;
  top: -1px;
  display: block;
  border-radius: 100%;
  box-sizing: border-box;
  border: 8px solid #fff;
}

.product-filter__list .color.active span {
  border: 1px solid #696969;
}

.product-filter__list .color.active span:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}

.product-filter__list .color:before {
  display: none;
}

.product-filter__list .belyjj span:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  border: 1px solid #CFCFCF;
}

.product-filter__list[data-type=radio] label:before {
  border-radius: 20px;
}

.price-filter {
  margin-bottom: 30px;
}

.price-filter__inputs {
  margin-bottom: 25px;
  display: flex;
  gap: 20px;
}

.price-filter__inputs input {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #DCDCDC;
  height: 45px;
  padding: 0px 15px;
  font-size: 16px;
  outline: none;
}

.price-filter__range {
  width: 100%;
  height: 2px;
  background-color: #DCDCDC;
  position: relative;
}

.price-filter__range .ui-slider-range {
  position: absolute;
  top: 0;
  height: 2px;
  background-color: #01A614;
}

.price-filter__range span {
  background-color: #01A614;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  cursor: pointer;
  position: absolute;
  top: -5px;
}

.product-filter__reset {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #B5B5B5;
  color: #848484;
  height: 45px;
  transition: color .3s;
  cursor: pointer;
}

.product-filter__reset:hover {
  color: #000;
  border-color: #000;
}

.product-filter__reset .loader {
  display: none;
}

.product-filter__reset.process {
  font-size: 0;
}

.product-filter__reset.process .loader {
  display: block;
}

.page-catalog__load {
  border: 1px solid #E2E2E2;
  background-color: #fff;
  z-index: 2;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 15px;
  display: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-catalog__filtertoggle {
  display: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  height: 40px;
  width: 130px;
  gap: 5px;
  background-color: #BED372;
  border-radius: 30px;
  font-weight: 500;
  cursor: pointer;
}

.page-catalog__filtertoggle p {
  color: #fff;
}

.page-catalog__grid {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.page-catalog__grid .tplProduct {
  width: calc(33.333% - 20px);
}

.page-catalog__more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
  border-radius: 10px;
  border: 1px solid #B5B5B5;
  color: #848484;
  height: 45px;
  transition: color .3s;
  cursor: pointer;
}

.page-catalog__more:hover {
  color: #000;
  border-color: #000;
}

.page-catalog__more .loader {
  display: none;
}

.page-catalog__more.process {
  font-size: 0;
}

.page-catalog__more.process .loader {
  display: block;
}

.pagination {
  padding-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.pagination *[aria-label] {
  width: 45px;
  line-height: 43px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #696969;
  color: #494949;
  font-size: 18px;
  text-align: center;
}

.pagination .current {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.pagination .next, .pagination .prev {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 14px;
}

.pagination .next path, .pagination .prev path {
  stroke-width: 1;
}

.pagination .next:hover path, .pagination .prev:hover path {
  stroke: #ADD912;
}

.text-editor * {
  margin-bottom: 15px;
}

.text-editor *:last-child {
  margin-bottom: 0;
}

.text-editor p, .text-editor li {
  font-size: 18px;
  font-family: "OpenSans";
  font-weight: 400;
}

.text-editor h2, .text-editor h3, .text-editor h4 {
  margin-top: 25px;
}

.text-editor ul, .text-editor ol {
  padding-left: 20px;
}

.page-product .container {
  position: relative;
}

.page-product__boot1 {
  position: absolute;
  top: 300px;
  left: -100px;
  transform: rotate(-30deg);
}

.page-product__wave {
  position: absolute;
  right: -100px;
  bottom: -100px;
}

.page-product__wrapp {
  padding: 35px;
  margin: 0 -20px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
}

.page-product__row {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 0px;
}

.page-product__favorite {
  position: absolute;
  top: 40px;
  right: 40px;
}

.page-product__gallery {
  flex: none;
}

.page-product__scrollGall {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 10px;
  max-height: 280px;
  width: 75px;
  position: relative;
  overflow: auto;
}

.page-product__miniature {
  border-radius: 10px;
  border: 1px solid #B5B5B5;
  height: 65px;
  padding: 5px;
  flex: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-product__miniature img {
  max-width: 100%;
  max-height: 100%;
  opacity: 0.4;
}

.page-product__miniature img:hover {
  opacity: 1;
}

.page-product__miniature.active {
  border-color: #ADD912;
  border-width: 2px;
}

.page-product__miniature.active img {
  opacity: 1;
}

.page-product__characteristic {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 35px;
  flex: none;
}

.page-product__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 500px;
}

.page-product__image img {
  max-width: 90%;
  max-height: 500px;
}

.characteristic__title {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
  font-weight: 500;
}

.characteristic__row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 15px;
}

.characteristic__row:last-child {
  margin-bottom: 0;
}

.characteristic__line {
  display: flex;
  width: 470px;
  max-width: 100%;
}

.characteristic__line span {
  font-family: "OpenSans";
  font-weight: 300;
  flex: none;
}

.characteristic__line span:last-child {
  font-weight: 400;
}

.characteristic__line hr {
  border: 0;
  height: 17px;
  border-bottom: 1px dashed #353535;
  width: 100%;
  display: block;
}

.characteristic__more span {
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.page-product__parametrs {
  width: 100%;
  padding-left: 10px;
}

.page-product__parametrs h1 {
  font-size: 36px;
  font-weight: 600;
  width: 90%;
  margin-bottom: 25px;
}

.page-product__parametrs .characteristic {
  display: none;
}

.page-product__meta {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 10px;
}

.page-product__meta p {
  text-decoration: underline;
  color: #414141;
  font-size: 14px;
}

.page-product__price {
  margin-bottom: 15px;
  display: flex;
  gap: 20px;
  align-items: flex-end;
}

.page-product__price .price-regular {
  font-size: 36px;
}

.page-product__price .price-end {
  font-size: 24px;
}

.page-product__note {
  margin-bottom: 25px;
  text-decoration: underline;
  color: #414141;
  font-size: 14px;
}

.variations {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}

.variations .select__top {
  border: 1px solid #B5B5B5;
  height: 45px;
  padding: 0px 15px;
}

.variations .select__list li {
  padding: 10px 15px;
}

.variations__wrapp {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.variations__wrapp:last-child {
  padding-bottom: 0;
  border: 0;
}

.variations__box {
  border: 1px solid #EDEDED;
  border-radius: 10px;
  margin-left: -10px;
  padding: 16px 10px;
}

.variations__buttons {
  border: 1px solid #EDEDED;
  border-radius: 10px;
  margin-left: -10px;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.variations__header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.variations__line {
  display: flex;
  align-items: center;
  gap: 20px;
}

.variations-size__pairs {
  align-items: center;
  gap: 20px;
}

.variations-size__pairs .select {
  width: 123px;
}

.variations-size__pairs .variations__line:first-child span {
  display: block;
  width: 59px;
}

.variations-semelles__compensation {
  align-items: center;
  gap: 20px;
}

.variations-semelles__compensation .select {
  width: 150px;
}

.variations-size .variations__header .select {
  width: 145px;
}

.variations-size .variations__header .select__top {
  border-color: #AEAEAE;
  background-color: #353535;
}

.variations-size .variations__header .select__top input {
  background-color: #353535;
  color: #fff;
}

.variations-size .variations__header .select__top path {
  fill: #AEAEAE;
}

.variations-size .variations__header .select__top:hover path {
  fill: #fff;
}

.variations__name {
  display: block;
  font-size: 16px;
}

.variations__name span {
  font-weight: 300;
}

.variations__link {
  text-decoration: underline;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: right;
  cursor: pointer;
  gap: 10px;
  font-weight: 400;
}

.variations__row {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.variations__check {
  color: #353535;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
  margin-bottom: 10px;
}

.variations__check:last-child {
  margin-bottom: 0;
}

.variations__check:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #B8B8B8;
  flex: none;
}

.variations__check.active:before {
  background-image: url(../img/checked.svg);
  background-size: cover;
  background-position: center;
  border-color: #353535;
}

.variations__cub {
  min-width: 45px;
  padding: 0px 10px;
  height: 45px;
  border-radius: 10px;
  border: 1px solid #B5B5B5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.variations__cub.active {
  background-color: #353535;
  border-color: #353535;
  color: #fff;
}

.variations__cub:hover {
  border-color: #F15000;
}

.variations__color {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
  gap: 6px;
}

.variations__color span {
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 1;
  border-radius: 30px;
  box-sizing: content-box;
  border: 1px solid #fff;
}

.variations__color span:after {
  content: "";
  width: 32px;
  height: 32px;
  z-index: -1;
  position: absolute;
  left: -1px;
  top: -1px;
  display: block;
  border-radius: 100%;
  box-sizing: border-box;
  border: 8px solid #fff;
}

.variations__color.active span {
  border: 1px solid #696969;
}

.variations__color.active span:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}

.variations__color:before {
  display: none;
}

.variations__color.belyjj span:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  border: 1px solid #CFCFCF;
}

.variations__color:hover {
  color: #F15000;
}

.page-product__button {
  max-width: 100%;
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
}

.page-product__button .count-product {
  width: 160px;
}

.page-product__button button {
  width: 160px;
  height: 45px;
}

.count-product {
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #B5B5B5;
  background-color: #fff;
}

.count-product span {
  line-height: 40px;
  width: 50px;
  text-align: center;
  font-weight: 600;
  color: #696969;
  cursor: pointer;
  flex: none;
}

.count-product span:hover {
  color: #F15000;
}

.count-product input {
  outline: none;
  text-align: center;
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 0;
}

.product-content--pl {
  /*  padding-left: 100px;*/
}

.product-content__header {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 30px;
}

.product-content__header a {
  padding: 12px 22px;
}

.product-content__header a.current {
  border-bottom: 3px solid #BED372;
}

.product-review {
  display: flex;
  gap: 20px;
}

.product-review .product-review__column {
  width: 50%;
}

.product-review .show_form_comment {
  margin-bottom: 30px;
}

.product-review .input-text {
  border: 1px solid #B5B5B5;
}

.product-review textarea {
  height: 140px;
  padding: 15px;
}

.product-review .comment-form {
  width: 600px;
  max-width: 100%;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.product-review .comment-form label {
  display: block;
  margin-bottom: 5px;
}

.product-review .comment-form .g-recaptcha {
  margin-bottom: 15px;
}

.product-review .comment-form-comment {
  width: 100%;
}

.product-review .comment-form-author {
  width: 50%;
}

.product-review .comment-form-email {
  width: calc(50% - 15px);
}

.product-review .comment-form-cookies-consent {
  display: none;
}

.product-review .comment-respond {
  margin-bottom: 30px;
  display: none;
}

.product-review .comment-form-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.product-review .comment-form-rating .stars span {
  display: flex;
}

.product-review .comment-form-rating .stars a {
  font-size: 0;
}

.product-review .comment-form-rating .stars a:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2020%2019%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M10%200L12.2451%206.90983H19.5106L13.6327%2011.1803L15.8779%2018.0902L10%2013.8197L4.12215%2018.0902L6.36729%2011.1803L0.489435%206.90983H7.75486L10%200Z%22%20fill%3D%22%23ADADAD%22%2F%3E%0A%3C%2Fsvg%3E");
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
}

.product-review .comment-form-rating .stars a.act:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2020%2019%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M10%200L12.2451%206.90983H19.5106L13.6327%2011.1803L15.8779%2018.0902L10%2013.8197L4.12215%2018.0902L6.36729%2011.1803L0.489435%206.90983H7.75486L10%200Z%22%20fill%3D%22%23FF661A%22%2F%3E%0A%3C%2Fsvg%3E");
}

.product-review__item {
  margin-bottom: 15px;
  border: 1px solid #EDEDED;
  padding: 15px 10px;
  border-radius: 10px;
  width: 600px;
  max-width: 100%;
}

.product-review__item:last-child {
  margin-bottom: 0;
}

.product-review__name {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}

.product-review__name span {
  font-weight: 600;
}

.select-size {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  display: none;
}

.select-size__wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.select-size__image {
  width: 990px;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
}

.select-size__image img {
  width: 100%;
}

.popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  display: none;
}

.popup .wpcf7-response-output {
  color: #222;
}

.popup__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.popup__close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.popup__close:before, .popup__close:after {
  content: "";
  width: 25px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #2F2F2F;
  transform: rotate(45deg);
}

.popup__close:after {
  transform: rotate(-45deg);
}

.popup__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
}

.popup__wrapp {
  width: 500px;
  background-color: #fff;
  padding: 30px;
  border-radius: 25px;
  margin: auto;
  z-index: 1;
  position: relative;
}

.popup__wrapp .input-text {
  border: 1px solid #AEAEAE;
}

.popup__wrapp .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 15px;
}

.popup__wrapp .wpcf7-form-control-wrap:last-child {
  margin-bottom: 0;
}

.popup__wrapp .wpcf7-spinner {
  display: block;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.popup__wrapp .btn {
  width: 100%;
}

.popup__wrapp .hide {
  display: none;
}

.popup__title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  display: block;
}

#popup_success .btn {
  margin-bottom: 20px;
}

#popup_success .btn:last-child {
  margin-bottom: 0;
}

.page-cart {
  margin-bottom: 200px;
}

.table-cart {
  margin-bottom: 60px;
  position: relative;
}

.page-cart__boot1 {
  position: absolute;
  left: -100px;
  top: 300px;
  transform: rotate(-30deg);
}

.page-cart__triangle1 {
  position: absolute;
  right: 0;
  transform: rotate(-65deg);
  top: 200px;
}

.page-cart__puzzle1 {
  right: -150px;
  width: 60px;
  position: absolute;
  top: 400px;
  transform: rotate(-22deg);
}

.page-cart__boot2 {
  position: absolute;
  right: -130px;
  top: 450px;
  transform: rotate(22deg);
  opacity: 0.7;
}

.page-cart__puzzle2 {
  position: absolute;
  right: -220px;
  width: 100px;
  top: 850px;
  opacity: 0.5;
}

.page-cart__sheet2 {
  position: absolute;
  top: 1140px;
  right: -60px;
  transform: rotate(-110deg);
  z-index: -1;
}

.page-cart__wave1 {
  position: absolute;
  right: -80px;
  top: 150px;
  z-index: -1;
}

.page-cart__puzzle3 {
  position: absolute;
  right: -120px;
  width: 100px;
  opacity: 0.5;
  bottom: 135px;
}

.page-cart__puzzle4 {
  position: absolute;
  left: 305px;
  width: 100px;
  opacity: 0.5;
  bottom: -150px;
  transform: rotate(-90deg);
}

.page-cart__sheet3 {
  position: absolute;
  bottom: 100px;
  left: -130px;
}

.page-cart__boot3 {
  position: absolute;
  left: -100px;
  top: 1070px;
  transform: rotate(0deg);
  opacity: 0.7;
}

.page-cart__puzzle5 {
  position: absolute;
  left: -80px;
  top: 740px;
}

.page-cart__sheet4 {
  position: absolute;
  top: 285px;
  left: -140px;
}

.table-cart__header {
  padding: 20px 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 20px;
}

.table-cart__inner {
  display: flex;
  justify-content: space-between;
  width: 1190px;
  max-width: 100%;
}

.table-cart__image {
  width: 20%;
}

.table-cart__name {
  width: 30%;
}

.table-cart__count {
  width: 20%;
}

.table-cart__price {
  width: 20%;
}

.table-cart__remove {
  width: 5%;
  text-align: right;
}

.table-cart__title {
  font-size: 18px;
  font-family: "OpenSans";
  font-weight: 600;
}

.table-cart__body {
  margin-bottom: 25px;
}

.table-cart__item {
  display: flex;
  width: 100%;
  gap: 25px;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #D9D9D9;
}

.table-cart__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.tplCartproduct__image {
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  padding: 25px;
  justify-content: center;
  align-items: center;
}

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

.tplCartproduct__name {
  font-size: 18px;
  font-family: "OpenSans";
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
}

.tplCartproduct__count {
  width: 135px;
}

.tplCartproduct__pt {
  padding-top: 35px;
}

.tplCartproduct__remove {
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tplCartproduct__remove:before, .tplCartproduct__remove:after {
  content: "";
  width: 25px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #2F2F2F;
  transform: rotate(45deg);
}

.tplCartproduct__remove:after {
  transform: rotate(-45deg);
}

.tplCartproduct__remove:hover:before, .tplCartproduct__remove:hover:after {
  background-color: #F15000;
}

.table-cart__footer .table-cart__price span {
  font-weight: 400;
}

.table-cart__footer .table-cart__price span span {
  font-weight: 700;
}

.checkount {
  background: #FFFFFF;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin: 0px -25px;
  padding: 60px 140px;
  position: relative;
}

.checkount .select {
  border: 1px solid #AEAEAE;
  border-radius: 10px;
}

.checkount .select__top {
  height: 45px;
}

.checkount__data {
  display: flex;
  gap: 20px;
  width: 1080px;
  max-width: 100%;
  margin-bottom: 25px;
}

.checkount__inputs {
  width: 100%;
}

.checkount__inputs label {
  font-family: "OpenSans";
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}

.checkount__input {
  width: 100%;
  border: 1px solid #AEAEAE;
  border-radius: 10px;
  font-family: "OpenSans";
  font-weight: 300;
  outline: none;
  height: 45px;
  padding: 0 30px;
}

.checkount__title {
  display: block;
  font-family: "OpenSans";
  font-weight: 600;
  margin-bottom: 15px;
}

.checkount__attention {
  border: 1px solid #FF661A;
  padding: 18px 25px;
  width: 700px;
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 50px;
}

.checkount__attention p {
  font-size: 14px;
  font-family: "OpenSans";
}

.checkount__attention p a {
  color: #EF7800;
  text-decoration: underline;
}

.size {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.size__item {
  display: flex;
  gap: 40px;
  align-items: center;
}

.size__left {
  display: flex;
  gap: 20px;
  width: 335px;
  max-width: 100%;
  justify-content: space-between;
}

.size__left input[type=text] {
  width: 150px;
  text-align: center;
}

.size__title {
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
}

.size__title span {
  font-weight: 600;
  font-size: 16px;
}

.size__right {
  display: flex;
  gap: 35px;
}

.file {
  display: flex;
  align-items: center;
  gap: 20px;
}

.file input[type=file] {
  display: none;
}

.file__btn {
  width: 185px;
  line-height: 45px;
  border-radius: 10px;
  background-color: #E9E9E9;
  cursor: pointer;
  color: #6C6C6C;
  text-align: center;
}

.file__btn:hover {
  color: #F15000;
}

.file__title {
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
  text-wrap: nowrap;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#compensation_check {
  display: none;
}

.compensation__check {
  position: relative;
  padding-left: 35px;
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.compensation__check:before {
  border-radius: 100%;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background-color: #fff;
  border: 2px solid #FF661A;
  box-sizing: border-box;
}

.compensation__check:after {
  border-radius: 100%;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  left: 5px;
  background-color: #FF661A;
}

#compensation_check:checked + label:after {
  opacity: 1;
}

.compensation input[type=text] {
  width: 120px;
}

.features {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.features textarea {
  padding: 20px;
  height: 110px;
  width: 100%;
}

.address-delivery {
  margin-bottom: 40px;
}

.address-delivery__title {
  font-family: "OpenSans";
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}

.address-delivery__row {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.address-delivery__row:last-child {
  margin-bottom: 0;
}

.address-delivery__row > span {
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
}

.address-delivery__row span.label {
  width: 130px;
}

.address-delivery__row .city-delivery {
  position: relative;
}

.address-delivery__row .city-delivery input {
  width: 400px;
  max-width: 100%;
}

.address-delivery__row .city-delivery .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  display: none;
  margin: auto;
}

.address-delivery__row .city-delivery ul {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  top: calc(100% + 5px);
  z-index: 99;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  color: #6C6C6C;
  padding: 5px 0;
}

.address-delivery__row .city-delivery ul li, .address-delivery__row .city-delivery ul span {
  list-style: none;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #E9E9E9;
}

.address-delivery__row .city-delivery ul li:last-child, .address-delivery__row .city-delivery ul span:last-child {
  border-bottom: 0;
}

.address-delivery__row .city-delivery ul li:hover, .address-delivery__row .city-delivery ul span:hover {
  color: #FF661A;
}

.address-delivery__row .address-dev {
  position: relative;
}

.address-delivery__row .address-dev input {
  width: 400px;
  max-width: 100%;
}

.address-delivery__row .address-dev .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  display: none;
  margin: auto;
}

.address-delivery__row .address-dev ul {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  top: calc(100% + 5px);
  z-index: 99;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  color: #6C6C6C;
  padding: 5px 0;
}

.address-delivery__row .address-dev ul li, .address-delivery__row .address-dev ul span {
  list-style: none;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #E9E9E9;
}

.address-delivery__row .address-dev ul li:last-child, .address-delivery__row .address-dev ul span:last-child {
  border-bottom: 0;
}

.address-delivery__row .address-dev ul li:hover, .address-delivery__row .address-dev ul span:hover {
  color: #FF661A;
}

.address-delivery__row input[name=house-delivery] {
  width: 100px;
  padding: 0px 15px;
  position: relative;
}

.addres-delivery-row {
  display: none;
}

.house-delivery {
  display: flex;
  align-items: center;
  gap: 15px;
}

.house-delivery span {
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
}

.type-delivery {
  margin-bottom: 40px;
}

.type-delivery__title {
  font-family: "OpenSans";
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.type-delivery__row {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.type-delivery__check {
  padding-left: 35px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}

.type-delivery__check:before {
  border-radius: 100%;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background-color: #fff;
  border: 2px solid #FF661A;
  box-sizing: border-box;
}

.type-delivery__check:after {
  border-radius: 100%;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  left: 5px;
  background-color: #FF661A;
}

.type-delivery__item {
  display: none;
  align-items: center;
  gap: 45px;
}

.type-delivery__item input[type=radio] {
  display: none;
}

.type-delivery__item input[type=radio]:checked + label:after {
  opacity: 1;
}

.type-delivery__item input[name=address] {
  width: 450px;
  max-width: 100%;
}

.type-delivery__name {
  font-family: "OpenSans";
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 360px;
  max-width: 100%;
}

.type-delivery__time {
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
  display: none;
}

.type-delivery__select {
  width: 450px;
  max-width: 100%;
}

.type-delivery__messang div {
  width: 890px;
  text-align: center;
  max-width: 100%;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #FF661A;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.checkount__error {
  padding-top: 20px;
  text-align: center;
  color: red;
  display: none;
}

.checkount-map {
  width: 898px;
  max-width: 100%;
  height: 320px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  display: none;
}

.extracts {
  width: 898px;
  max-width: 100%;
  margin-bottom: 30px;
}

.extracts__title {
  font-family: "OpenSans";
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  display: block;
}

.extracts__title a {
  color: #FD6215;
  text-decoration: underline;
}

.extracts__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.extracts__files {
  display: flex;
  gap: 30px;
}

.extracts__btn {
  width: 200px;
  line-height: 45px;
  border-radius: 10px;
  background-color: #E9E9E9;
  cursor: pointer;
  color: #6C6C6C;
  text-align: center;
}

.checkount__price {
  text-align: right;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E9E9E9;
  color: #FF4A4A;
  font-size: 18px;
  font-weight: 500;
  width: 898px;
  max-width: 100%;
}

.checkount__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 898px;
  gap: 30px;
  max-width: 100%;
}

.checkount__footer > p {
  font-family: "OpenSans";
  font-size: 14px;
  font-weight: 300;
}

.checkount__footer > p a {
  color: #FD6215;
  text-decoration: underline;
}

.checkount__btn {
  width: 270px;
  height: 60px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkount__btn button {
  width: 100%;
  height: 100%;
  background: linear-gradient(230.64deg, #FF661A 12.17%, #F15000 101.78%);
  box-shadow: 0px 7px 20px rgba(214, 89, 0, 0.3);
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  border: 0;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
}

.checkount__btn .loader {
  display: none;
  flex: none;
}

.page-cart__empty {
  padding: 80px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page-cart__empty h2 {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 45px;
  text-align: center;
}

.page-cart__empty .btn {
  width: 270px;
}

.page-contact .container {
  position: relative;
}

.page-contact form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-contact form .input-text {
  border: 1px solid #AEAEAE;
}

.page-contact form textarea {
  padding: 20px 30px;
  height: 150px;
}

.page-contact form .subtitle {
  color: #707070;
  font-family: "OpenSans";
  font-size: 14px;
}

.page-contact form .row {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}

.page-contact form .btn {
  flex: none;
  width: 180px;
}

.page-contact form .wpcf7-spinner {
  display: none;
}

.page-contact form .time {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-contact form .time > p {
  font-family: "OpenSans";
  font-size: 14px;
}

.page-contact form .select__top {
  border: 1px solid #AEAEAE;
}

.page-contact__boot1 {
  position: absolute;
  left: -100px;
  top: 190px;
  transform: rotate(-30deg);
}

.page-contact__puzzle1 {
  position: absolute;
  right: -110px;
  width: 60px;
  top: 530px;
  transform: rotate(90deg);
}

.page-contact__wave1 {
  position: absolute;
  right: -40px;
  top: 840px;
}

.page-contact__sheet1 {
  position: absolute;
  transform: rotate(10deg);
  left: -150px;
  top: 750px;
}

.page-contact__row {
  display: flex;
  gap: 40px;
  margin-bottom: 65px;
}

.page-contact__row:last-child {
  margin-bottom: 0;
}

.page-contact__left {
  width: 430px;
  max-width: 100%;
  flex: none;
}

.page-contact__right {
  width: 100%;
}

.page-contact__right iframe {
  width: 100%;
  height: 100%;
  border: 10px solid #FFFFFF;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.page-contact__social {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}

.page-contact__address {
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

.page-contact__item {
  display: flex;
  align-items: center;
  font-family: "OpenSans";
  font-weight: 600;
  font-size: 18px;
  gap: 15px;
}

.page-contact__item svg {
  flex: none;
}

.page-contact__info {
  display: flex;
  gap: 40px;
  margin-bottom: 120px;
}

.page-contact__content {
  margin-bottom: 200px;
  position: relative;
}

.page-contact__sheet2 {
  transform: rotate(-100deg);
  position: absolute;
  right: 240px;
  bottom: -130px;
}

.page-contact__boot2 {
  position: absolute;
  right: -150px;
  bottom: -150px;
  transform: rotate(30deg);
}

.page-contact__puzzle2 {
  position: absolute;
  bottom: -180px;
  left: 270px;
}

.page-template-page-contact .footer__wave {
  display: none;
}

.page-404 {
  margin-bottom: 170px;
}

.page-404 .container {
  position: relative;
}

.page-404__row {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-404__row .btn {
  width: 270px;
}

.page-404__image {
  margin-bottom: 65px;
  max-width: 90%;
}

.page-404__title {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 45px;
  text-align: center;
}

.page-404__boot1 {
  position: absolute;
  left: -100px;
  top: 190px;
  transform: rotate(-30deg);
}

.page-404__puzzle1 {
  position: absolute;
  right: -110px;
  width: 60px;
  top: 530px;
  transform: rotate(90deg);
}

.page-404__wave1 {
  position: absolute;
  right: -40px;
  top: 430px;
}

.page-404__sheet1 {
  position: absolute;
  transform: rotate(10deg);
  left: -150px;
  top: 390px;
}

.page-404__sheet2 {
  transform: rotate(-100deg);
  position: absolute;
  right: 300px;
  bottom: -130px;
}

.page-404__boot2 {
  position: absolute;
  right: -150px;
  bottom: -150px;
  transform: rotate(30deg);
}

.page-404__puzzle2 {
  position: absolute;
  bottom: -120px;
  left: 270px;
}

.error404 .footer__wave {
  display: none;
}

.page-favorite__empty {
  padding: 80px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page-favorite__empty h2 {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 45px;
  text-align: center;
}

.page-favorite__empty .btn {
  width: 270px;
}

.page-favorite__grid {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.page-favorite__grid .tplProduct {
  width: calc(25% - 23px);
}

.page-favorite__grid .tplProduct__favorite {
  position: relative;
  width: 21px;
  height: 21px;
}

.page-favorite__grid .tplProduct__favorite:before, .page-favorite__grid .tplProduct__favorite:after {
  content: "";
  width: 21px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #2F2F2F;
  transform: rotate(45deg);
}

.page-favorite__grid .tplProduct__favorite:after {
  transform: rotate(-45deg);
}

.page-favorite__grid .tplProduct__favorite svg {
  display: none;
}

.page-thank {
  text-align: center;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-thank .btn {
  width: 270px;
}

.page-thank h2 {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 40px;
  text-align: center;
}

.page-thank p {
  margin-bottom: 25px;
  text-align: center;
  font-size: 21px;
}

.page-about .container {
  position: relative;
}

.page-about p {
  font-size: 18px;
  font-family: "OpenSans";
}

.page-about__boot1 {
  position: absolute;
  left: -100px;
  top: 300px;
  transform: rotate(-30deg);
}

.page-about__puzzle1 {
  right: -150px;
  width: 60px;
  position: absolute;
  top: 400px;
  transform: rotate(-22deg);
}

.page-about__boot2 {
  position: absolute;
  right: -130px;
  top: 1140px;
  transform: rotate(22deg);
  opacity: 0.7;
}

.page-about__sheet2 {
  position: absolute;
  top: 1800px;
  right: -60px;
  transform: rotate(-110deg);
  z-index: -1;
}

.page-about__wave1 {
  position: absolute;
  right: -50px;
  top: 880px;
  z-index: -1;
}

.page-about__puzzle3 {
  position: absolute;
  right: -220px;
  width: 100px;
  opacity: 0.5;
  bottom: 135px;
}

.page-about__puzzle4 {
  position: absolute;
  left: 305px;
  width: 100px;
  opacity: 0.5;
  bottom: -150px;
  transform: rotate(-90deg);
}

.page-about__boot3 {
  position: absolute;
  left: -100px;
  top: 1700px;
  transform: rotate(0deg);
  opacity: 0.7;
}

.page-about__puzzle5 {
  position: absolute;
  left: -80px;
  top: 1400px;
}

.page-about__sheet4 {
  position: absolute;
  top: 1100px;
  left: -1px;
}

.page-about__wrapp {
  display: flex;
  margin-bottom: 180px;
  justify-content: space-between;
  gap: 40px;
}

.page-about__left {
  width: 630px;
  max-width: 100%;
}

.page-about__right {
  flex: none;
  position: relative;
  z-index: 1;
  padding-right: 74px;
}

.page-about__like {
  position: absolute;
  z-index: -1;
  right: 40px;
  top: -50px;
}

.page-about__img-1 {
  position: relative;
  top: -80px;
  border-radius: 10px;
  border: 10px solid #fff;
}

.page-about__img-2 {
  position: absolute;
  right: 0;
  top: 165px;
  border-radius: 10px;
  border: 10px solid #fff;
}

.page-about__boot {
  position: absolute;
  left: -230px;
  top: 200px;
}

.about-grid {
  flex-direction: column;
  display: flex;
  gap: 30px;
  margin-bottom: 60px;
}

.about-grid__row {
  display: flex;
  gap: 30px;
}

.about-grid__image {
  width: 50%;
}

.about-grid__image img {
  width: 100%;
  border-radius: 10px;
  border: 10px solid #fff;
  height: 100%;
  object-fit: cover;
}

.about-grid__column {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}

.about-grid__column img {
  max-width: 100%;
  border-radius: 10px;
  border: 10px solid #fff;
}

.about-grid__column.end {
  align-items: flex-end;
}

.page-files__row {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.page-files__menu {
  width: 20%;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  gap: 15px;
  background-color: #fff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.page-files__menu a.active {
  color: #ADD912;
}

.page-files__menu h4 {
  margin-bottom: 10px;
  color: #414141;
  font-weight: 500;
}

.page-files__view {
  width: 80%;
}

.page-files__view iframe {
  width: 100%;
  height: 700px;
}

.page-files__view img {
  width: 100%;
}

.page-files form {
  width: 300px;
  max-width: 100%;
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 20px;
  margin: auto;
}

.page-files form .btn {
  width: 100%;
}

#cookie-banner {
  position: fixed;
  bottom: 10px;
  right: 10px;
  max-width: 100%;
  width: 304px;
  background-color: #fff;
  padding: 15px 20px;
  border-radius: 10px;
  z-index: 9999;
  box-shadow: 0 0px 8px 4px rgba(0, 0, 0, 0.2);
}

#cookie-banner p {
  margin-bottom: 10px;
  font-size: 14px;
}

#cookie-banner a {
  text-decoration: underline;
}

#cookie-close-btn {
  width: 100%;
}

.captchac {
  margin-top: 15px;
  position: relative;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
  width: 100%;
}

.captchac p {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 5px 5px 0 0;
}

.captchac__row {
  padding: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.captchac__row input {
  height: 30px !important;
  outline: none;
  width: 100px !important;
  border: 1px solid #AEAEAE;
  margin: 0;
  padding: 0;
  padding: 0px 10px;
  border-radius: 5px;
}

.captchac .wpcf7-form-control-wrap {
  display: block;
  margin: 0;
  width: auto !important;
  position: static;
}

.captchac .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -10px;
}