@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
/* обнуление общих параметров */
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

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

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

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  min-width: 360px;
  width: 100%;
  background: #fff;
  color: #000;
}

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

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

button {
  cursor: pointer;
}

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

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

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

/* / обнуление общих параметров */
h1, h2, h3, h4, h5, h6 {
  font-family: Oswald;
  font-weight: 600;
  font-style: normal;
}

h1 {
  font-size: 48px;
}
@media (max-width: 500px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 40px;
}
@media (max-width: 500px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 32px;
}
@media (max-width: 500px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: 24px;
}
@media (max-width: 500px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 20px;
}
@media (max-width: 500px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 18px;
}
@media (max-width: 500px) {
  h6 {
    font-size: 16px;
  }
}

p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #575757;
  line-height: 1.5;
}

body {
  line-height: 1.25;
  font-size: 15px;
  font-family: "Roboto";
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.wrapper {
  width: 100%;
  min-height: 100%;
}

.container {
  width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (min-width: 1400px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container {
    width: 750px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 100%;
  }
}
.row {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
  justify-content: space-between;
}

.justify-content-between {
  justify-content: space-between;
}

.none {
  display: none !important;
}

.body-fixed {
  position: fixed;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.ibg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ibg img.ibg-img {
  display: none;
}

li.counter {
  list-style-type: none;
  counter-reset: item;
}
li.counter li {
  position: relative;
  padding: 0px 0px 0px 45px;
}
li.counter li:before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #818181;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  border: 1px solid #4274bb;
}

.video {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.video video,
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videobg video,
.videobg iframe,
.videobg object,
.videobg embed {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.web {
  font-family: Oswald;
  font-size: 24px;
  color: #000000;
}

.web-item {
  margin-bottom: 10px;
}

.web-link {
  color: #000000;
}

.fancybox-button {
  margin: 20px 20px 0 0;
  background-color: #E30613;
  border-radius: 50%;
  fill: #ffffff;
  transition: 0.4s;
  background-image: url("../img/svg/x.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: contain;
}
.fancybox-button svg {
  display: none;
}
.fancybox-button:hover {
  transition: 0.4s;
  background-color: #C6000C;
}

.counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #575757;
  color: #ffffff;
  top: -8px;
  right: -8px;
  font-size: 12px;
}

.cnt {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .cnt {
    padding: 0 10px;
  }
}

.red {
  color: #E30613;
}

.bold {
  font-weight: 700;
}

.btn-center {
  display: flex;
  justify-content: center;
  margin-top: 75px;
  margin-bottom: 120px;
}

.btn {
  cursor: pointer;
  font-family: Oswald;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  color: #E30613;
  text-align: center;
  padding: 4px 10px;
  min-width: 220px;
  border: 1px solid #E30613;
  margin: 0 auto;
  display: inline-block;
  background: #ffffff;
}

.page__name {
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}

.page__title {
  margin-top: 90px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .page__title {
    margin-top: 40px;
  }
}

.mt-60 {
  margin-top: 60px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-60 {
  margin-bottom: 60px;
}

.page__tile {
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .page__tile {
    margin-top: 30px;
    font-size: 36px;
  }
}
@media (max-width: 500px) {
  .page__tile {
    margin-top: 30px;
    font-size: 24px;
  }
}

.page__subtile {
  margin-bottom: 15px;
  text-align: center;
}
.page__subtile span {
  text-transform: uppercase;
}

.catalog__text-group {
  margin-bottom: 60px;
}

.catalog__name {
  text-align: center;
  margin-bottom: 30px;
}

.catalog__text {
  margin-bottom: 20px;
}

.filter-product__row {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .filter-product__row {
    justify-content: center;
    position: relative;
  }
}

.filters__wrap {
  border: 1px solid #000000;
  justify-self: flex-start;
  width: 25%;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .filters__wrap {
    transition: 0.5s left;
    position: absolute;
    left: -200%;
  }
}

.filter-on {
  transition: 0.5s left;
  display: block;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
  width: 40%;
}
@media (max-width: 600px) {
  .filter-on {
    width: 60%;
  }
}
@media (max-width: 500px) {
  .filter-on {
    width: 75%;
  }
}
@media (max-width: 400px) {
  .filter-on {
    width: 80%;
  }
}
@media (max-width: 360px) {
  .filter-on {
    width: 100%;
  }
}

.filter__title {
  padding: 20px 10px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  .filter__close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .filter__close::after, .filter__close::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 2px;
    transform: translateY(-50%);
    background-color: #000000;
    transform: rotate(-45deg);
  }
  .filter__close::after {
    transform: rotate(45deg);
  }
}

.filt-bg {
  background: url("../img/filt-bg.png") center center/contain no-repeat;
  background-color: #EFEFEF;
  position: relative;
}

.man {
  text-transform: initial;
  color: #3185E4;
}

.ladys {
  text-transform: initial;
  color: #DA7292;
}

.unisex {
  text-transform: initial;
  color: #E1A933;
}

.kids {
  text-transform: initial;
  color: #A2D068;
}

.tenns {
  text-transform: initial;
  color: #61C4BC;
}

.check__block {
  padding: 0 20px;
  margin-bottom: 20px;
}
.check__block .checkbox {
  display: none;
}
.check__block .checkbox__label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 30px;
  transition: 0.4s all;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: underline;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 35px;
}
.check__block .checkbox__label .under {
  position: absolute;
  left: 30px;
  bottom: -15px;
  font-size: 14px;
  color: #575757;
  text-decoration: none;
  text-transform: initial;
}
.check__block .checkbox__label .man, .check__block .checkbox__label .ladys, .check__block .checkbox__label .unisex, .check__block .checkbox__label .kids, .check__block .checkbox__label .tenns {
  font-family: Oswald;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  min-width: 60px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.check__block .checkbox__label.man-s, .check__block .checkbox__label .man-s {
  text-transform: initial;
  color: #3185E4;
}
.check__block .checkbox__label.ladys-s, .check__block .checkbox__label .ladys-s {
  text-transform: initial;
  color: #DA7292;
}
.check__block .checkbox__label.unisex-s, .check__block .checkbox__label .unisex-s {
  text-transform: initial;
  color: #E1A933;
}
.check__block .checkbox__label.kids-s, .check__block .checkbox__label .kids-s {
  text-transform: initial;
  color: #A2D068;
}
.check__block .checkbox__label.tenns-s, .check__block .checkbox__label .tenns-s {
  text-transform: initial;
  color: #61C4BC;
}
.check__block .checkbox__label.tenns-s, .check__block .checkbox__label .new-s {
  text-transform: initial;
  color: #C6000C;
}
.check__block .checkbox__label .man {
  background-color: #3185E4;
}
.check__block .checkbox__label .ladys {
  background-color: #DA7292;
}
.check__block .checkbox__label .unisex {
  background-color: #E1A933;
}
.check__block .checkbox__label.unnone {
  text-decoration: none;
  text-transform: initial;
}
.check__block .checkbox__label .kids {
  background-color: #A2D068;
}
.check__block .checkbox__label .tenns {
  background-color: #61C4BC;
}
.check__block .checkbox__label .new {
  background-color: #C6000C;
}
.check__block .checkbox__label::after {
  transition: 0.4s;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  border: 1px solid #000000;
}
.check__block .checkbox__label::before {
  transition: 0.4s;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0px;
  border: 1px solid #000000;
  transition: all 0.5s;
  opacity: 0;
  background-image: url("../img/icons/check-h.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.check__block .checkbox__label:hover::before {
  transition: 0.4s;
  opacity: 1;
}
.check__block .checkbox__label:hover::after {
  transition: 0.4s;
  border-color: #E30613;
}
.check__block .checkbox:checked + .checkbox__label::before {
  transition: 0.4s;
  background-color: #E30613;
  background-image: url("../img/icons/check-a.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  opacity: 1;
}
.check__block .checkbox:checked + .checkbox__label::after {
  border: none;
}

.filter-price__inputs {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.filter-price__inputs span {
  font-family: Oswald;
  font-size: 16px;
  font-weight: 700;
}

.filter-price__slider {
  margin-bottom: 60px;
  border: none;
  box-shadow: none;
  background: #C4C4C4;
  height: 3px;
  width: calc(100%);
}

.noUi-connect {
  background: #E30613;
  height: 3px;
}

.noUi-handle {
  box-shadow: none;
  border-radius: 50%;
  left: 15px;
}

.noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 15px;
  height: 15px;
  background-color: #E30613;
  top: -5px;
}

.noUi-handle::after,
.noUi-handle::before {
  display: none;
}

.filter-price__label {
  display: flex;
  align-items: center;
  width: 50%;
  height: 50px;
  padding: 0 15px;
  margin: 0;
}

.filter-price__input {
  width: 100%;
  background-color: #EFEFEF;
  border: none;
  color: #000000;
  font-size: 14px;
  padding: 10px 8px;
}

.filter-price__input::placeholder {
  font-size: 14px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.products__wrap {
  width: 75%;
  margin: 0 -15px;
}
@media (max-width: 1024px) {
  .products__wrap {
    width: 100%;
  }
}

.products__inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.products__inner .__item {
  width: calc(33.3% - 30px);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .products__inner .__item {
    width: calc(50% - 30px);
  }
}
@media (max-width: 475px) {
  .products__inner .__item {
    width: calc(100% - 30px);
  }
}

.filter-img {
  margin-top: 10px;
  display: block;
  position: relative;
}
.filter-img:first-of-type {
  margin-top: 60px;
}
.filter-img img {
  width: 100%;
}

.filter-name, .filter-details {
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  left: 50%;
  transform: translate(-50%);
}

.filter-name {
  bottom: 50px;
  font-family: Oswald;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.filter-details {
  bottom: 25px;
  font-size: 15px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #FFFFFF;
}

.sort-count__block {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
@media (max-width: 1024px) {
  .sort-count__block {
    margin: 0 15px;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .sort-count__block {
    flex-wrap: wrap;
  }
}

.filter__btn {
  display: none;
  cursor: pointer;
  margin: 0;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .filter__btn {
    display: block;
  }
}
@media (max-width: 767px) {
  .filter__btn {
    margin-bottom: 20px;
  }
}

.sort-column {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .sort-column {
    order: 3;
    margin-bottom: 20px;
    width: 100%;
  }
}

.sort-text {
  font-size: 16px;
  color: #000000;
  margin-right: 10px;
}

.count-colum {
  margin-left: 35px;
}
@media (max-width: 767px) {
  .count-colum {
    margin-bottom: 20px;
  }
}

.select {
  position: relative;
  width: 180px;
  height: 34px;
}

.select__header {
  height: 34px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #EFEFEF;
}

.select__current {
  padding: 10px 9px 10px;
  font-size: 14px;
  color: #918686;
}

.select__icon {
  position: relative;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  height: 34px;
  width: 34px;
  margin-left: auto;
  text-align: center;
  background-color: #E30613;
  transition: 0.4s background-color;
}
.select__icon::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: calc(50% - 9px);
  top: calc(50% - 9px);
  background-image: url("../img/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.4s;
}

.select__body {
  background-color: #ffffff;
  border-top: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 5;
  top: 100%;
}

.select__item {
  transition: 0.8s;
  color: #918686;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px;
}
.select__item .select__arrow {
  display: inline-block;
  width: 6px;
  height: 12px;
  object-fit: contain;
  object-position: center;
}

.select__arrow {
  display: inline-block;
  width: 6px;
  height: 12px;
  object-fit: contain;
  object-position: center;
}

.select__item:hover {
  transition: 0.4s;
  padding-left: 12px;
  background-color: #EFEFEF;
}

.select__header:hover .select__icon {
  transition: 0.4s;
  background-color: #C6000C;
}

.is-active .select__body {
  display: block;
}

.is-active .select__icon::after {
  transition: 0.6s;
  transform: rotateX(180deg);
}

.is-active .select__icon {
  background-color: #C6000C;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .breadcrumbs {
    margin-bottom: 30px;
  }
}
.breadcrumbs a, .breadcrumbs span {
  font-size: 15px;
  text-transform: uppercase;
}
.breadcrumbs a {
  color: #575757;
  padding-right: 5px;
  position: relative;
  margin: 5px 0;
}
.breadcrumbs a::after {
  content: " >";
  color: #000000;
}
.breadcrumbs span {
  color: #E30613;
  margin: 5px 0;
}

.pointer-red, .pointer-black {
  padding-left: 35px;
  position: relative;
}
.pointer-red span, .pointer-black span {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #E30613;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: -3px;
  text-transform: uppercase;
}

.pointer-black span {
  background-color: #000000;
}

.header {
  margin-bottom: 50px;
}

.header__row {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
  position: relative;
  z-index: 10;
  background: #ffffff;
}
.header__row .like-basket__block {
  display: none;
}
@media (max-width: 1024px) {
  .header__row {
    margin-bottom: 0px;
    flex-wrap: wrap;
  }
  .header__row .like-basket__block {
    display: block;
    display: flex;
  }
  .header__row .like-basket__block .icon__like {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 400px) {
  .header__row {
    flex-direction: column;
  }
}
@media (max-width: 400px) {
  .header__row {
    margin-bottom: 0px;
    flex-wrap: wrap;
    margin: 0 10px;
  }
  .header__row .like-basket__block {
    width: 100%;
    margin-top: 20px;
    align-self: start;
  }
  .header__row .like-basket__block .icon__like {
    margin: 0 25px;
  }
  .header__row .like-basket__block .menu__btn {
    margin-right: auto;
  }
  .header__row .like-basket__block .basket__block {
    margin: 0;
  }
}

.logo {
  width: 330px;
  height: 55px;
}
@media (max-width: 1200px) {
  .logo {
    width: 285px;
    height: 45px;
  }
}
@media (max-width: 500px) {
  .logo {
    width: 190px;
    height: 35px;
  }
}
@media (max-width: 400px) {
  .logo {
    width: 285px;
    height: 45px;
  }
}

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

.header__search {
  width: 255px;
  margin-left: 25px;
  position: relative;
}
@media (max-width: 1024px) {
  .header__search {
    margin: 15px 0 0 10px;
  }
}
@media (max-width: 740px) {
  .header__search {
    order: 3;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .header__search {
    order: 3;
    width: 100%;
  }
}

.header__input {
  width: 100%;
  padding: 5px 55px 5px 5px;
  border-bottom: 2px solid #EFEFEF;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.header__search-btn {
  position: absolute;
  background-color: #E30613;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  right: 7px;
  transition: 0.4;
}
.header__search-btn::after {
  content: "";
  background-image: url("../img/icons/search.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
}
.header__search-btn:hover {
  transition: 0.4;
}

.header__contact {
  display: flex;
  align-items: flex-end;
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .header__contact {
    display: none;
  }
}

.header__phone {
  font-family: Oswald;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #000000;
}

.header__social .icon-social {
  margin-left: 15px;
}
.header__social .icon-social:first-of-type {
  margin-left: 36px;
}

.icon-social {
  transition: 0.4s;
  display: inline-block;
  width: 25px;
  height: 25px;
}
.icon-social:hover {
  fill: #E30613;
}

.icon {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.icon:hover {
  fill: #E30613;
}

.menu__wrapp {
  position: relative;
}
.menu__wrapp .header__contact {
  display: none;
}
@media (max-width: 1024px) {
  .menu__wrapp .header__contact {
    display: block;
  }
  .menu__wrapp .header__contact .icon-social {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .menu__wrapp .header__contact .telegram {
    margin-left: 15px;
  }
}

.menu__btn {
  display: none;
  margin-left: 15px;
  width: 30px;
  height: 20px;
  position: relative;
  z-index: 10;
  transition: 0.4s;
}
.menu__btn span, .menu__btn::after, .menu__btn::before {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #000000;
  position: absolute;
  left: 0;
}
.menu__btn span {
  top: 50%;
  transform: translateY(-50%);
}
.menu__btn::after {
  top: 0;
}
.menu__btn::before {
  bottom: 0;
}
@media (max-width: 1024px) {
  .menu__btn {
    display: block;
  }
}

.menu__row {
  z-index: 100;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .menu__row {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    z-index: 5;
    margin: 0;
    transform: translateY(-500%);
    transition: 0.5s;
  }
}

.active {
  transition: 0.5s;
  transform: translateY(-5px);
}

.menu__list {
  display: flex;
}
@media (max-width: 1024px) {
  .menu__list {
    flex-direction: column;
    align-items: center;
  }
}

.menu__item {
  margin-right: 36px;
  position: relative;
}
.menu__item:hover .drop__list {
  display: block;
}
.menu__item:hover .icon {
  fill: #E30613;
}
@media (max-width: 1024px) {
  .menu__item {
    margin: 0;
    margin-bottom: 30px;
    text-align: center;
  }
}

.menu__link {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-family: Oswald;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .menu__link {
    min-width: 210px;
  }
  .menu__link .ml_arrow, .menu__link .ml_arrow-b {
    position: absolute;
    top: 0;
    right: 0;
  }
  .menu__link .ml_arrow .icon, .menu__link .ml_arrow-b .icon {
    width: 18px;
    height: 16px;
  }
}
.menu__link:hover {
  transition: 0.4s;
  color: #E30613;
}
.menu__link:hover .icon {
  fill: #E30613;
}
.menu__link:hover .ml_burger {
  background-color: #E30613;
}
.menu__link:hover .ml_burger::after, .menu__link:hover .ml_burger::before {
  background-color: #E30613;
}
.menu__link .ml_burger {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  left: -20px;
  width: 15px;
  height: 3px;
  background-color: #000000;
  transition: 0.4s;
}
.menu__link .ml_burger::after, .menu__link .ml_burger::before {
  transition: 0.4s;
  content: "";
  position: absolute;
  width: 15px;
  height: 3px;
  left: 0;
  background-color: #000000;
}
.menu__link .ml_burger::after {
  content: "";
  top: -5px;
}
.menu__link .ml_burger::before {
  content: "";
  bottom: -5px;
}
@media (max-width: 1024px) {
  .menu__link .ml_burger {
    display: none;
  }
}

.ml_arrow, .ml_arrow-b {
  margin-left: 3px;
  display: inline-block;
}
.ml_arrow .icon, .ml_arrow-b .icon {
  width: 12px;
  height: 12px;
}
@media (max-width: 1024px) {
  .ml_arrow .icon, .ml_arrow-b .icon {
    width: 16px;
    height: 16px;
  }
}

.ml_arrow-b {
  display: none;
}
@media (max-width: 1024px) {
  .ml_arrow-b {
    display: inline-block;
  }
}

.drop__list {
  display: none;
  z-index: 15;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  padding: 15px 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 24px rgba(234, 50, 16, 0.2);
}
@media (max-width: 1024px) {
  .drop__list {
    left: 50%;
    transform: translateX(-50%);
    box-shadow: none;
    position: relative;
    display: block;
    min-width: initial;
    text-align: center;
    padding: 0;
    padding-top: 20px;
  }
  .drop__list .menu__item:last-of-type {
    margin-bottom: 0;
  }
}
.drop__list.menu__list {
  flex-direction: column;
}
.drop__list.menu__item {
  margin-bottom: 10px;
}
.drop__list.menu__link {
  font-size: 18px;
  color: #575757;
  transition: 0.4s;
}
.drop__list.menu__link:hover {
  transition: 0.4s;
  color: #E30613;
}

.drop__list-l {
  left: -25px;
}
@media (max-width: 1024px) {
  .drop__list-l {
    left: 50%;
    transform: translateX(-50%);
    box-shadow: none;
    position: relative;
    display: block;
    min-width: initial;
    text-align: center;
    padding: 0;
    padding-top: 20px;
  }
  .drop__list-l .menu__item:last-of-type {
    margin-bottom: 0;
  }
}

.like-basket__block {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .like-basket__block {
    display: none;
  }
}

.icon__like {
  margin-bottom: 3px;
  width: 28px;
  height: 25px;
  margin-right: 35px;
  background-image: url("../img/icons/like.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  margin-right: 36px;
}
@media (max-width: 1024px) {
  .icon__like {
    margin: 0 auto;
  }
}

.like__counter {
  background-color: #575757;
}

.icon__basket {
  margin-bottom: 3px;
  width: 27px;
  height: 23px;
  background-image: url("../img/icons/basket.svg");
  position: relative;
}

.basket__block {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .basket__block {
    margin: 0 auto;
  }
}

.basket__counter {
  background-color: #E30613;
  top: -9px;
  right: -9px;
}

.basket__text {
  margin-left: 2px;
}
@media (max-width: 1024px) {
  .basket__text {
    display: none;
  }
}

.light-red {
  font-weight: 700;
  font-size: 15px;
  color: #E30613;
}

.pressed span {
  display: none;
}
.pressed::after {
  transition: 0.4s;
  top: 50%;
  transform: rotate(45deg);
}
.pressed::before {
  transition: 0.4s;
  bottom: initial;
  top: 50%;
  transform: rotate(-45deg);
}

input.error,
textarea.error {
  border-color: red;
}

.main {
  margin-top: 80px;
  margin-bottom: 175px;
}
@media (max-width: 767px) {
  .main {
    margin-top: 50px;
    margin-bottom: 60px;
  }
}

.page-404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.center__404 {
  width: 75%;
  margin: 0 auto;
  height: auto;
  margin-bottom: 45px;
  background-repeat: no-repeat;
  background-position: center;
}

.page-404__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-404__title {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 15px;
  text-align: center;
}

.page-404__subtitle {
  font-size: 15px;
  color: #575757;
  text-align: center;
}

.page-404__link {
  margin-top: 50px;
}

.main__wrap {
  margin-top: 60px;
}

.slider-main {
  width: 100%;
  padding: 0 5px;
  position: relative;
  margin-bottom: 260px;
}
@media (max-width: 767px) {
  .slider-main {
    margin-bottom: 100px;
  }
}
.slider-main .slick-arrow {
  position: absolute;
  bottom: -140px;
  z-index: 5;
  font-size: 0;
  width: 55px;
  height: 25px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 4;
}
@media (max-width: 767px) {
  .slider-main .slick-arrow {
    bottom: -40px;
  }
}
.slider-main .slick-arrow.slick-prev {
  background-image: url("../img/icons/prev.svg");
  left: 25%;
}
@media (max-width: 1200px) {
  .slider-main .slick-arrow.slick-prev {
    left: 20%;
  }
}
.slider-main .slick-arrow.slick-prev:hover {
  transition: 0.4s;
  background-image: url("../img/icons/prev-h.svg");
}
.slider-main .slick-arrow.slick-next {
  background-image: url("../img/icons/next.svg");
  right: 25%;
}
@media (max-width: 1200px) {
  .slider-main .slick-arrow.slick-next {
    right: 20%;
  }
}
.slider-main .slick-arrow.slick-next:hover {
  transition: 0.4s;
  background-image: url("../img/icons/next-h.svg");
}
.slider-main .slick-dots {
  position: absolute;
  display: flex;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  bottom: -145px;
}
@media (max-width: 1024px) {
  .slider-main .slick-dots {
    bottom: -140px;
  }
}
.slider-main .slick-dots li {
  margin: 0 10px;
  width: 30px;
  height: 30px;
  background-color: #EFEFEF;
  border-radius: 50%;
  transition: background-color 0.4s;
}
@media (max-width: 1024px) {
  .slider-main .slick-dots li {
    width: 20px;
    height: 20px;
  }
}
.slider-main .slick-dots li button {
  font-size: 0;
}
.slider-main .slick-dots li.slick-active {
  transition: background-color 0.4s;
  width: 37px;
  height: 37px;
  background-color: #E30613;
}
@media (max-width: 1024px) {
  .slider-main .slick-dots li.slick-active {
    width: 24px;
    height: 24px;
  }
}

.slider-inner {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .slider-inner {
    flex-direction: column;
    align-items: center;
  }
}

.slider__column-left {
  width: 32%;
  margin-right: 40px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .slider__column-left {
    width: 90%;
    order: 2;
    margin: 0 auto;
  }
}

.slider__tile {
  text-transform: uppercase;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .slider__tile {
    margin-bottom: 30px;
  }
}
.slider__tile span {
  display: inline-block;
  min-width: 250px;
  position: relative;
}
.slider__tile span::after {
  content: "";
  width: 230px;
  height: 1px;
  position: absolute;
  right: -230px;
  top: 50%;
  background-color: #000000;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .slider__tile span::after {
    display: none;
  }
}
.slider__tile span::before {
  content: "";
  height: 30px;
  width: 30px;
  background-color: #E30613;
  border-radius: 50%;
  position: absolute;
  right: -250px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 1200px) {
  .slider__tile span::before {
    display: none;
  }
}

.slider__subtitle {
  margin-bottom: 25px;
}

.slider__text {
  line-height: 1.3;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .slider__text {
    margin-bottom: 30px;
  }
}

.slider__link {
  background-color: #E30613;
  display: inline-block;
  min-width: 220px;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  transition: 0.4;
}
.slider__link:hover {
  transition: 0.4s;
  background-color: #C6000C;
}

.slider__column-right {
  margin-left: -80px;
  width: 70%;
  align-self: start;
}
@media (max-width: 767px) {
  .slider__column-right {
    width: 90%;
    order: 1;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

/* Слайдер */
/* Слайдер запущен */
/* Слайдер с точками */
/* Ограничивающая оболочка */
.slick-list {
  overflow: hidden;
}

/* Лента слайдов */
.slick-track {
  display: flex;
}

/* Слайд */
.slick-slide {
  z-index: 30;
}

/* Слайд активный (показывается) */
/* Слайд основной */
/* Слайд по центру */
/* Клонированный слайд */
/* Стрелка */
/* Стрелка влево */
/* Стрелка вправо */
/* Стрелка не активная */
/* Точки (булиты) */
/* Активная точка */
/* Элемент точки */
.axe-group {
  margin-bottom: 40px;
  position: relative;
}
.axe-group .slider__product {
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
  position: absolute;
  opacity: 0;
  transition: 0.4s;
}
.axe-group .slider__product-on {
  height: auto;
  overflow: initial;
  margin-bottom: 130px;
  position: relative;
  opacity: 1;
  transition: 0.4s;
}

.axe-block {
  background: linear-gradient(360deg, #EFEFEF 0%, rgba(239, 239, 239, 0) 100%);
  padding-bottom: 20px;
  margin-bottom: 60px;
}

.axe-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 0 45px 0 35px;
}
@media (max-width: 767px) {
  .axe-row {
    padding: 0 10px;
    margin-bottom: 10px;
  }
}

.axe-icon {
  width: 90px;
  height: 90px;
}
@media (max-width: 767px) {
  .axe-icon {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 600px) {
  .axe-icon {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 500px) {
  .axe-icon {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 400px) {
  .axe-icon {
    width: 30px;
    height: 30px;
  }
}

.axe-img {
  margin: 0 65px 0 30px;
}
@media (max-width: 767px) {
  .axe-img {
    margin: 0 10px 0 15px;
  }
}
.axe-img img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.axe-arrow {
  cursor: pointer;
}
.axe-arrow .arr {
  transition: 0.4s;
}
.axe-arrow:hover .arr {
  transition: 0.4s;
  fill: #E30613;
}
.axe-arrow.axe-arrow-on .arr {
  transition: 0.4s;
  fill: #E30613;
  transform: rotateX(180deg);
}

.arr {
  width: 34px;
  height: 26px;
}
@media (max-width: 767px) {
  .arr {
    width: 25px;
    height: 20px;
  }
}
@media (max-width: 500px) {
  .arr {
    width: 17px;
    height: 13px;
  }
}

.arrow-top {
  margin-bottom: -12px;
}

.arrow-bottom {
  margin-top: -12px;
}

.activ div {
  transform: rotate(-180deg);
}
.activ .arr {
  fill: #E30613;
}

.axe-sub {
  text-transform: uppercase;
  text-align: center;
}

.slider__product {
  display: flex;
  margin: 0 -15px;
  margin-bottom: 130px;
  position: relative;
}
@media (max-width: 400px) {
  .slider__product {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 130px;
  }
}
.slider__product .slick-arrow {
  position: absolute;
  bottom: -90px;
  z-index: 5;
  font-size: 0;
  width: 47px;
  height: 47px;
  border: 1px solid #575757;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 12px;
  transition: 0.4s;
}
.slider__product .slick-arrow.slick-prev {
  background-image: url("../img/icons/prev.svg");
  left: calc(50% - 60px);
}
.slider__product .slick-arrow.slick-prev:hover {
  transition: 0.4s;
  background-image: url("../img/icons/prev-h.svg");
  border-color: #E30613;
}
.slider__product .slick-arrow.slick-next {
  background-image: url("../img/icons/next.svg");
  right: calc(50% - 65px);
}
.slider__product .slick-arrow.slick-next:hover {
  transition: 0.4s;
  border-color: #E30613;
  background-image: url("../img/icons/next-h.svg");
}

.__item {
  width: 25%;
  display: flex;
  flex-direction: column;
  padding: 10px 0px 45px;
  border: 1px solid #EFEFEF;
  justify-content: space-between;
  align-items: center;
  background-image: url("../img/product/bg-item.svg");
  background-repeat: no-repeat;
  background-position: center 50px;
  margin: 0 15px;
  transition: 0.5s;
}
.__item:hover {
  transition: 0.5s;
  background-image: url("../img/product/bg-item-a.svg");
  box-shadow: 0px 0px 15px 3px rgba(227, 6, 19, 0.1);
}

.like-hit__row {
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.like {
  display: block;
  background-image: url("../img/icons/like.svg");
  width: 28px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: 0.4s;
}
.like:hover {
  transition: 0.4s;
  background-image: url("../img/icons/like-a.svg");
}

.hit__group {
  position: relative;
  z-index: 3;
  max-height: 55px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.hit__group a {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.hit {
  color: #E30613;
}

.man {
  color: #3185E4;
}

.lady {
  color: #DA7292;
}

.unisex {
  color: #E1A933;
}

.kids {
  color: #A2D068;
}

.tenns {
  color: #61C4BC;
}

.new {
  color: #C6000C;
}

.product__img {
  display: block;
  margin-bottom: 45px;
  width: 250px;
  height: 120px;
}
@media (max-width: 1200px) {
  .product__img {
    width: 100%;
    height: auto;
  }
}
.product__img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.product__name {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  color: #575757;
}

.product__subname {
  font-size: 18px;
  line-height: 1.16;
  text-align: center;
  margin-bottom: 25px;
}

.product__last-prise {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  text-transform: uppercase;
  color: #B8B8B8;
}

.product__prise {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #000000;
}

.btn {
  min-width: 180px;
  transition: 0.4s;
}
.btn:hover {
  transition: 0.4s;
  background-color: #E30613;
  color: #ffffff;
}

.popular {
  margin-bottom: 250px;
}

.accessories {
  margin-bottom: 200px;
}

.functional {
  margin-bottom: 80pxs;
}

.functional__wrapp {
  padding: 50px 265px 60px;
  background-color: #EFEFEF;
  margin: 0 -265px;
}
@media (max-width: 767px) {
  .functional__wrapp {
    padding: 40px 10px;
    margin: 0 -10px;
  }
}
.functional__wrapp .page__title {
  margin-top: 0;
}

.functional__inner {
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 600px) {
  .functional__inner {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
}

.functional__column {
  padding: 0 15px;
  width: 50%;
}
@media (max-width: 600px) {
  .functional__column {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .functional__column {
    width: 100%;
  }
}
.functional__column .fb-1,
.functional__column .fb-2,
.functional__column .fb-3,
.functional__column .fb-4 {
  position: relative;
}
.functional__column .fb-1::after,
.functional__column .fb-2::after,
.functional__column .fb-3::after,
.functional__column .fb-4::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 600px) {
  .functional__column .fb-1::after,
.functional__column .fb-2::after,
.functional__column .fb-3::after,
.functional__column .fb-4::after {
    display: none;
  }
}
.functional__column .fb-1::after {
  background-image: url("../img/functional-1.svg");
}
.functional__column .fb-2::after {
  background-image: url("../img/functional-2.svg");
}
.functional__column .fb-3::after {
  background-image: url("../img/functional-3.svg");
}
.functional__column .fb-4::after {
  background-image: url("../img/functional-4.svg");
}

.functional__big {
  display: block;
  margin-bottom: 30px;
  height: 450px;
  background-color: #000000;
  position: relative;
  transition: 0.4s;
}
@media (max-width: 1200px) {
  .functional__big {
    height: 365px;
  }
}
@media (max-width: 1024px) {
  .functional__big {
    height: 275px;
  }
}
.functional__big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.functional__big:hover .fname {
  transition: 0.4s;
  font-size: 44px;
}
@media (max-width: 1200px) {
  .functional__big:hover .fname {
    transition: 0.4s;
    font-size: 36px;
  }
}
@media (max-width: 1024px) {
  .functional__big:hover .fname {
    transition: 0.4s;
    font-size: 28px;
  }
}

.functional__small {
  display: block;
  margin-bottom: 30px;
  height: 210px;
  background-color: #fff;
  position: relative;
  transition: 0.4s;
}
@media (max-width: 1200px) {
  .functional__small {
    height: 170px;
  }
}
@media (max-width: 1024px) {
  .functional__small {
    height: 130px;
  }
}
.functional__small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.functional__small:hover .fname {
  transition: 0.4s;
  font-size: 44px;
}
@media (max-width: 1200px) {
  .functional__small:hover .fname {
    transition: 0.4s;
    font-size: 36px;
  }
}
@media (max-width: 1024px) {
  .functional__small:hover .fname {
    transition: 0.4s;
    font-size: 28px;
  }
}

.fname {
  font-family: Oswald;
  font-weight: bold;
  font-size: 40px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 4;
}
@media (max-width: 1200px) {
  .fname {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .fname {
    font-size: 24px;
  }
}

.details {
  font-weight: bold;
  font-size: 16px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #FFFFFF;
  position: absolute;
  bottom: 35px;
  right: 30px;
  transition: 0.4s;
  z-index: 4;
}
@media (max-width: 1200px) {
  .details {
    bottom: 10px;
  }
}

.news__wrapp {
  margin-bottom: 200px;
}

.slider__news {
  display: flex;
  margin: 0 -15px;
  position: relative;
}
@media (max-width: 767px) {
  .slider__news {
    width: 75%;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .slider__news {
    width: 85%;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .slider__news {
    width: 100%;
    margin: 0 auto;
  }
}
.slider__news .slick-arrow {
  position: absolute;
  bottom: -90px;
  z-index: 5;
  font-size: 0;
  width: 47px;
  height: 47px;
  border: 1px solid #575757;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 12px;
  transition: 0.4s;
}
.slider__news .slick-arrow.slick-prev {
  background-image: url("../img/icons/prev.svg");
  left: calc(50% - 60px);
}
.slider__news .slick-arrow.slick-prev:hover {
  transition: 0.4s;
  background-image: url("../img/icons/prev-h.svg");
  border-color: #E30613;
}
.slider__news .slick-arrow.slick-next {
  background-image: url("../img/icons/next.svg");
  right: calc(50% - 65px);
}
.slider__news .slick-arrow.slick-next:hover {
  transition: 0.4s;
  border-color: #E30613;
  background-image: url("../img/icons/next-h.svg");
}

.slider__new {
  display: block;
  padding: 0 15px;
  position: relative;
}
@media (max-width: 767px) {
  .slider__new {
    padding: 0;
  }
}
.slider__new img {
  width: 100%;
  object-fit: contain;
}

.snew-block {
  min-height: 60px;
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  display: flex;
  padding: 7px 12px 13px;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  transition: 0.4s;
}
.snew-block:hover {
  transition: 0.4s;
  background-color: rgba(227, 6, 19, 0.7);
}

.snew-title {
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  width: 63%;
  overflow: hidden;
  align-self: start;
}

.snew-date {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFFFFF;
  margin-left: 7px;
  margin-right: auto;
  position: relative;
}
.snew-date::after {
  content: "";
  position: absolute;
  width: 33px;
  height: 33px;
  top: -50%;
  right: -55px;
  border: 1px solid #FFFFFF;
  background-image: url("../img/new_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.about {
  background-image: url("../img/about-bg.png");
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: contain;
}
@media (max-width: 1800px) {
  .about {
    background-position: 0px center;
  }
}
@media (max-width: 1700px) {
  .about {
    background-position: -50px center;
  }
}
@media (max-width: 1600px) {
  .about {
    background-position: -100px center;
  }
}
@media (max-width: 1500px) {
  .about {
    background-position: -150px center;
  }
}
@media (max-width: 1400px) {
  .about {
    background-position: -200px center;
  }
}
@media (max-width: 1300px) {
  .about {
    background-position: -250px center;
  }
}
@media (max-width: 1200px) {
  .about {
    background-position: -250px center;
  }
}
@media (max-width: 767px) {
  .about {
    background: none;
    margin-bottom: 50px;
  }
}
.about .about__block {
  margin-left: auto;
  width: 66%;
}
@media (max-width: 767px) {
  .about .about__block {
    width: 100%;
  }
}
.about .page__title {
  text-align: left;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .about .page__title {
    text-align: center;
  }
}
.about .page__subtitle {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.about p {
  margin-bottom: 20px;
}
.about .more {
  display: block;
  margin-bottom: 50px;
}
.about .about__slider {
  padding: 0 90px;
  display: flex;
  margin: 0 -15px;
  position: relative;
}
@media (max-width: 400px) {
  .about .about__slider {
    padding: 0 0 50px;
    width: 100%;
    margin: 0 auto;
  }
}
.about .about__slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 0;
  width: 47px;
  height: 47px;
  border: 1px solid #575757;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 12px;
  transition: 0.4s;
}
@media (max-width: 400px) {
  .about .about__slider .slick-arrow {
    top: 100%;
  }
}
.about .about__slider .slick-arrow.slick-prev {
  background-image: url("../img/icons/prev.svg");
  left: 20px;
}
.about .about__slider .slick-arrow.slick-prev:hover {
  transition: 0.4s;
  background-image: url("../img/icons/prev-h.svg");
  border-color: #E30613;
}
.about .about__slider .slick-arrow.slick-next {
  background-image: url("../img/icons/next.svg");
  right: 20px;
}
.about .about__slider .slick-arrow.slick-next:hover {
  transition: 0.4s;
  border-color: #E30613;
  background-image: url("../img/icons/next-h.svg");
}
.about .about__elem {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
.about .about__elem img {
  margin-bottom: 13px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about a, .about span {
  color: #575757;
  transition: 0.4s;
  font-weight: bold;
  font-size: 16px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.about a:hover, .about span:hover {
  transition: 0.4s;
  color: #E30613;
}

.__page-img {
  height: auto;
  margin-bottom: 30px;
  position: relative;
}
.__page-img img {
  width: 100%;
  height: auto;
}
.__page-img .axe-ico {
  position: absolute;
  top: 0;
  left: 0;
}

.card__item-wrapp {
  background-color: #EFEFEF;
  padding: 30px 15px;
  border-bottom: 1px solid #E30613;
}
.card__item-wrapp .new, .card__item-wrapp .hit, .card__item-wrapp .man, .card__item-wrapp .ladys, .card__item-wrapp .unisex, .card__item-wrapp .kids, .card__item-wrapp .tenns {
  font-family: Oswald;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  min-width: 60px;
  display: inline-block;
  padding: 5px;
}
.card__item-wrapp .new {
  background-color: #C6000C;
}
.card__item-wrapp .hit {
  background-color: #E30613;
}
.card__item-wrapp .man {
  background-color: #3185E4;
}
.card__item-wrapp .ladys {
  background-color: #DA7292;
}
.card__item-wrapp .unisex {
  background-color: #E1A933;
}
.card__item-wrapp .kids {
  background-color: #A2D068;
}
.card__item-wrapp .tenns {
  background-color: #61C4BC;
}

.card__item-row {
  display: flex;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .card__item-row {
    flex-direction: column;
  }
}

.card__item-column-l {
  width: 48%;
}
@media (max-width: 1024px) {
  .card__item-column-l {
    width: 100%;
  }
}

.card__item__block-img {
  width: 84%;
  background-color: #ffffff;
  margin-bottom: 45px;
  padding: 65px 65px 95px 10px;
  position: relative;
}
.card__item__block-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .card__item__block-img {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .card__item__block-img {
    width: 80%;
  }
}
@media (max-width: 500px) {
  .card__item__block-img {
    padding: 20px 20px 50px;
    margin-bottom: 50px;
  }
}

.card__item-slider-wrapp {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 5;
}
@media (max-width: 500px) {
  .card__item-slider-wrapp {
    top: 100%;
    right: 50%;
  }
}

.card__item-slider {
  height: 240px;
  margin: -5px 0;
  position: relative;
  transition: 0.4s;
}
@media (max-width: 500px) {
  .card__item-slider {
    display: flex;
    height: initial;
    width: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    transition: 0.4s;
    position: relative;
  }
}
.card__item-slider .slick-track {
  display: block;
}
@media (max-width: 500px) {
  .card__item-slider .slick-track {
    display: flex;
    justify-content: center;
  }
}
.card__item-slider .slick-slide {
  padding: 5px 0;
}
.card__item-slider .slick-arrow {
  font-size: 0;
  width: 25px;
  height: 15px;
  position: absolute;
  left: calc(50% - 12px);
  background-image: url("../img/card__item/icon/card__item-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  transition: 0.4s;
}
.card__item-slider .slick-arrow.slick-prev {
  top: -25px;
  transform: rotate(-90deg);
}
.card__item-slider .slick-arrow.slick-prev:hover {
  transition: 0.4s;
  background-image: url("../img/card__item/icon/card__item-arrow-h.svg");
}
@media (max-width: 500px) {
  .card__item-slider .slick-arrow.slick-prev {
    transform: rotate(-180deg);
    top: 50%;
    left: -30px;
  }
}
.card__item-slider .slick-arrow.slick-next {
  bottom: -25px;
  transform: rotate(90deg);
}
.card__item-slider .slick-arrow.slick-next:hover {
  transition: 0.4s;
  background-image: url("../img/card__item/icon/card__item-arrow-h.svg");
}
@media (max-width: 500px) {
  .card__item-slider .slick-arrow.slick-next {
    transform: rotate(0deg);
    bottom: initial;
    left: initial;
    top: 50%;
    right: -30px;
  }
}
.card__item-slider .slick-active .card__item-slider_element {
  transition: 0.4s;
  opacity: 0.6;
}
@media (max-width: 500px) {
  .card__item-slider .slick-active .card__item-slider_element {
    transition: 0.4s;
    border: 1px solid #E30613;
    opacity: 1;
  }
}
.card__item-slider .slick-active + .slick-active .card__item-slider_element {
  transition: 0.4s;
  border: 1px solid #E30613;
  opacity: 1;
}
.card__item-slider .slick-active + .slick-active + .slick-active .card__item-slider_element {
  transition: 0.4s;
  border: 1px solid #EFEFEF;
  opacity: 0.6;
}

.card__item-slider_element {
  width: 100px;
  height: 70px;
  background-color: #ffffff;
  border: 1px solid #EFEFEF;
}
.card__item-slider_element img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fancybox-slider .card__item__block-img {
  width: 885px;
  margin-bottom: 0px;
  padding: 25px 40px 25px 40px;
}
@media (max-width: 890px) {
  .fancybox-slider .card__item__block-img {
    width: 100%;
    padding: 10px;
  }
}
.fancybox-slider .card__item__block-img img {
  width: 110%;
  height: auto;
  object-fit: contain;
}
.fancybox-slider .fcard__item-slider {
  width: 360px;
  margin: 0 auto;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  transition: 0.4s;
  position: relative;
}
@media (max-width: 500px) {
  .fancybox-slider .fcard__item-slider {
    width: 100px;
  }
}
.fancybox-slider .fcard__item-slider .slick-slide {
  padding: 5px 0;
}
.fancybox-slider .fcard__item-slider .slick-arrow {
  font-size: 0;
  width: 25px;
  height: 15px;
  position: absolute;
  top: 50%;
  background-image: url("../img/card__item/icon/card__item-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
}
.fancybox-slider .fcard__item-slider .slick-arrow.slick-prev {
  left: -40px;
  transform: rotate(180deg);
}
.fancybox-slider .fcard__item-slider .slick-arrow.slick-next {
  right: -40px;
}
.fancybox-slider .fcard__item-slider .slick-active .card__item-slider_element {
  transition: 0.4s;
  opacity: 0.6;
  transition: 0.4s;
  border: 1px solid #E30613;
  opacity: 1;
}
.fancybox-slider .fcard__item-slider .slick-active + .slick-active .card__item-slider_element {
  transition: 0.4s;
  border: 1px solid #E30613;
  opacity: 1;
}
.fancybox-slider .fcard__item-slider .slick-active + .slick-active + .slick-active .card__item-slider_element {
  transition: 0.4s;
  border: 1px solid #EFEFEF;
  opacity: 0.6;
}
.fancybox-slider .card__item-slider_element {
  width: 100px;
  height: 70px;
  background-color: #ffffff;
  border: 1px solid #EFEFEF;
}
.fancybox-slider .card__item-slider_element img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card__item__block-icon-wrapp {
  display: flex;
  flex-direction: column;
  width: 68%;
}
@media (max-width: 1024px) {
  .card__item__block-icon-wrapp {
    width: 100%;
  }
}

.card__item__block-icon {
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
  width: 100%;
}
@media (max-width: 1024px) {
  .card__item__block-icon {
    margin-left: 0;
  }
}

.card__item-icon-red, .card__item-icon-grey {
  width: 60px;
  height: 60px;
  margin: 15px;
  background-color: #E30613;
}
.card__item-icon-red img, .card__item-icon-grey img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .card__item-icon-red, .card__item-icon-grey {
    width: 40px;
    height: 40px;
  }
}

.card__item-icon-grey {
  background-color: #585858;
}

.card__item-column-r {
  width: 52%;
}
@media (max-width: 1024px) {
  .card__item-column-r {
    width: 100%;
  }
}

.card-item-column-r__inner {
  width: 70%;
}
@media (max-width: 1200px) {
  .card-item-column-r__inner {
    margin-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .card-item-column-r__inner {
    margin: 0;
  }
}

.card__item__title-block {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
.card__item__title-block span {
  margin-left: 5px;
}
.card__item__title-block span:first-of-type {
  margin-left: 15px;
}
@media (max-width: 1024px) {
  .card__item__title-block {
    margin-bottom: 15px;
  }
}

.card__item-title {
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.card__item-subtitle {
  color: #000000;
  font-size: 20px;
  margin-bottom: 20px;
}

.card__item__color-block {
  margin-bottom: 20px;
}

.card__item__color-text {
  font-size: 16px;
  margin-bottom: 8px;
}

.card__item__color__img-block {
  display: flex;
}

.color-active {
  border: 1px solid #E30613;
}

.card__item__color__img {
  margin: 0 8px;
  width: 85px;
  height: 40px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__item__color__img img {
  display: block;
  height: 100%;
  object-fit: contain;
}

.card__item__price-block {
  display: flex;
  align-items: flex-end;
}

.card__item__price {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 1.5;
  color: #E30613;
  margin: 0 8px;
}

.card__item__price-last {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: line-through;
  color: #B8B8B8;
  margin: 0 8px;
}

.card__item__discount-text {
  font-size: 12px;
  color: #C0C0C0;
  margin-bottom: 30px;
}

.card__item__btn-block {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .card__item__btn-block {
    flex-direction: column;
  }
}

.card__item__btn {
  display: block;
  padding: 9px 5px;
  margin: initial;
}
@media (max-width: 450px) {
  .card__item__btn {
    margin-right: auto;
    margin-left: 0;
  }
}

.bask-btn {
  text-transform: uppercase;
}
@media (max-width: 450px) {
  .bask-btn {
    margin-bottom: 15px;
  }
}

@media (max-width: 1024px) {
  .one-btn {
    margin-left: 15px;
    margin-right: auto;
  }
}
@media (max-width: 450px) {
  .one-btn {
    margin-left: 0;
  }
}

.fancybox-basket {
  padding: 70px 30px 50px 30px;
  background-color: #FFFFFF;
}
.fancybox-basket .f-basket__wrapp {
  text-align: center;
}
.fancybox-basket .f-basket__page {
  text-transform: uppercase;
  margin-bottom: 40px;
}
.fancybox-basket .f-basket__card {
  width: 540px;
  display: flex;
  background-color: #EFEFEF;
  align-items: center;
  padding: 20px 15px;
  margin-bottom: 30px;
}
@media (max-width: 620px) {
  .fancybox-basket .f-basket__card {
    width: 100%;
    padding: 10px;
    flex-direction: column;
  }
}
.fancybox-basket .f-basket__card-left {
  width: 50%;
}
@media (max-width: 620px) {
  .fancybox-basket .f-basket__card-left {
    width: 100%;
    margin: 0 auto;
  }
}
.fancybox-basket .f-basket__img-block {
  width: 255px;
  height: 190px;
  background-color: #ffffff;
  background-image: url("../img/product/bg-item-a.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.fancybox-basket .f-basket__img-block img {
  width: 250px;
  height: 160px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 420px) {
  .fancybox-basket .f-basket__img-block img {
    width: 200px;
    height: 128px;
  }
}
@media (max-width: 620px) {
  .fancybox-basket .f-basket__img-block {
    margin: 0 auto;
  }
}
@media (max-width: 420px) {
  .fancybox-basket .f-basket__img-block {
    width: 200px;
    height: 128px;
  }
}
.fancybox-basket .f-basket__card-right {
  margin-left: 15px;
  width: 50%;
  text-align: left;
}
@media (max-width: 620px) {
  .fancybox-basket .f-basket__card-right {
    width: 100%;
    margin: 0;
  }
}
.fancybox-basket .f-basket__card-name {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 5px;
}
.fancybox-basket .f-basket__card-subname {
  font-size: 20px;
  margin-bottom: 15px;
  color: #000000;
}
.fancybox-basket .f-basket__card-price {
  font-family: Oswald;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  color: #E30613;
}
.fancybox-basket .f-basket__btn-block {
  margin-bottom: 30px;
}
.fancybox-basket .f-basket__btn {
  margin: 0 15px;
}
@media (max-width: 540px) {
  .fancybox-basket .f-basket__btn {
    margin: 0;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
.fancybox-basket .f-basket__offer-block {
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 620px) {
  .fancybox-basket .f-basket__offer-block {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
}
.fancybox-basket .f-basket__offer {
  height: 210px;
  margin: 0 15px;
  width: calc(50% - 30px);
  position: relative;
}
@media (max-width: 620px) {
  .fancybox-basket .f-basket__offer {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
}
.fancybox-basket .f-basket__offer span {
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #E30613;
  text-decoration: underline;
}
.fancybox-basket .f-basket__offer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fancybox-one .f-one__wrapp {
  width: 410px;
}
@media (max-width: 420px) {
  .fancybox-one .f-one__wrapp {
    width: 100%;
  }
}
.fancybox-one .f-one__page {
  margin-top: 40px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.fancybox-one .captcha-input {
  margin-bottom: 60px;
}

.card__item__tabel {
  text-align: left;
  border: 0px;
  /* border="0" */
  border-collapse: collapse;
  /* cellspacing="0" */
}

.card__item__tabel-title {
  font-family: Oswald;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
  padding-bottom: 13px;
}

.card__item__tabel-row:nth-of-type(2n+1) {
  background-color: #ffffff;
}

.card__item__tabel-column-l, .card__item__tabel-column-r {
  width: 50%;
  font-size: 16px;
  color: #000000;
  padding: 5px 15px;
}

.card__item__tabel-column-r {
  font-size: 15px;
  color: #575757;
  margin-left: -5px;
  padding: 3px 5px;
}

.card__tabs-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
@media (max-width: 540px) {
  .card__tabs-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.trapezoid__block {
  display: flex;
}
@media (max-width: 1024px) {
  .trapezoid__block {
    display: none;
  }
}

.trapezoid-wrapp {
  min-width: 180px;
  position: relative;
}
.trapezoid-wrapp span {
  white-space: nowrap;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Oswald;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
}

.trapezoid {
  margin-left: 0;
  min-width: 180px;
  border-top: 45px solid #000000;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.trapezoid-active {
  border-top: 45px solid #E30613;
}

.trapezoid__block-mob {
  display: none;
}
@media (max-width: 1024px) {
  .trapezoid__block-mob {
    display: block;
  }
}
@media (max-width: 540px) {
  .trapezoid__block-mob {
    margin-bottom: 30px;
  }
}
.trapezoid__block-mob .trapezoid {
  margin-left: 0;
  min-width: 180px;
  border: none;
  height: 50px;
  border-radius: 0;
  background-color: #000000;
}
.trapezoid__block-mob .select-tr {
  position: relative;
  width: 180px;
  height: 50px;
}
.trapezoid__block-mob .select__header-tr {
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #E30613;
}
.trapezoid__block-mob .select__current-tr {
  padding: 10px 9px 10px;
  font-family: Oswald;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #FFFFFF;
}
.trapezoid__block-mob .select__icon-tr {
  position: relative;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  height: 50px;
  width: 34px;
  margin-left: auto;
  text-align: center;
  background-color: #E30613;
  transition: 0.4s background-color;
}
.trapezoid__block-mob .select__icon-tr::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: calc(50% - 9px);
  top: calc(50% - 9px);
  background-image: url(/img/select-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.4s;
}
.trapezoid__block-mob .select__body-tr {
  background-color: #ffffff;
  border-top: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 5;
  top: 100%;
}
.trapezoid__block-mob .select__item-tr {
  transition: 0.8s;
  font-family: Oswald;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 1.5;
  padding: 8px;
  border: 1px solid black;
}
.trapezoid__block-mob .select__arrow {
  display: inline-block;
  width: 6px;
  height: 12px;
  object-fit: contain;
  object-position: center;
}
.trapezoid__block-mob .select__item-tr:hover {
  transition: 0.4s;
  padding-left: 12px;
  background-color: #E30613;
}
.trapezoid__block-mob .select__header-tr:hover .select__icon {
  transition: 0.4s;
  background-color: #C6000C;
}
.trapezoid__block-mob .is-active .select__body-tr {
  display: block;
}
.trapezoid__block-mob .is-active .select__icon-tr::after {
  transition: 0.6s;
  transform: rotateX(180deg);
}
.trapezoid__block-mob .is-active .select__icon-tr {
  background-color: #C6000C;
}

.card__social-block {
  display: flex;
  margin-right: 10px;
}

.card__social-link {
  margin: 0 2px;
  width: 25px;
  height: 25px;
  transition: 0.4s;
}
@media (max-width: 360px) {
  .card__social-link {
    width: 23px;
    height: 23px;
  }
}
.card__social-link img {
  width: 100%;
  object-fit: contain;
}

.tab__wrapp {
  margin-bottom: 60px;
}

.tab__block-text {
  margin-bottom: 20px;
}
.tab__block-text.mr {
  margin-bottom: 40px;
}

.tab__title {
  margin-bottom: 18px;
  font-family: Oswald;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
}
.tab__title.tt {
  text-transform: uppercase;
}
.tab__title.mb-60 {
  margin-bottom: 60px;
}
.tab__title.mb-40 {
  margin-bottom: 40px;
}

.tab__text {
  margin-left: 20px;
  line-height: 1.5;
}

.tab__block-img {
  margin-bottom: 20px;
  display: flex;
}
.tab__block-img img {
  width: 43%;
  object-fit: contain;
  height: auto;
}
@media (max-width: 500px) {
  .tab__block-img img {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .tab__block-img {
    flex-direction: column;
    width: 100%;
  }
}

.tab__description-img {
  margin-left: 30px;
}
.tab__description-img:first-of-type {
  margin: 0;
}
@media (max-width: 500px) {
  .tab__description-img:first-of-type {
    margin-bottom: 15px;
  }
}
.tab__description-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 500px) {
  .tab__description-img {
    margin: 0;
    margin-bottom: 15px;
  }
}

.tab__block__size {
  width: 240px;
  height: 100px;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.size-h {
  position: absolute;
  top: 20px;
  left: 80px;
  transform: translateX(-50%);
}

.size-h-h {
  position: relative;
}
.size-h-h::after, .size-h-h::before {
  position: absolute;
  content: "";
  width: 26px;
  height: 2px;
  background-color: #000000;
  top: 50%;
  transform: translateY(-50%);
}
.size-h-h::after {
  left: -38px;
}
.size-h-h::before {
  right: -38px;
}

.size-h-v {
  position: relative;
}
.size-h-v::after, .size-h-v::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  background-color: #000000;
  top: calc(50% + 1px);
  transform: translateY(-50%);
}
.size-h-v::after {
  left: -40px;
}
.size-h-v::before {
  right: -40px;
}

.size-text-v, .size-text-h {
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  color: #E30613;
  min-width: 80px;
}

.size-text-v {
  text-align: left;
}

.size-icon {
  display: block;
  width: 160px;
  height: 50px;
  object-position: left bottom;
}

.size-v {
  position: absolute;
  bottom: 25px;
  transform: translateY(50%);
  left: 170px;
}

.size-v-h {
  position: relative;
}
.size-v-h::after, .size-v-h::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  background-color: #000000;
  left: 10%;
  transform: translateX(-50%);
}
.size-v-h::after {
  top: -15px;
}
.size-v-h::before {
  bottom: -12px;
}

.size-v-v {
  position: relative;
}
.size-v-v::after, .size-v-v::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 10px;
  background-color: #000000;
  left: 10%;
  transform: translateX(-50%);
}
.size-v-v::after {
  top: -10px;
}
.size-v-v::before {
  bottom: -10px;
}

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

.tab__reviews-wrapp {
  margin-bottom: 65px;
}

.tab__reviews-user {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.user-icno {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background-color: #EFEFEF;
  align-self: flex-end;
}
@media (max-width: 500px) {
  .user-icno {
    width: 75px;
    height: 75px;
  }
}
.user-icno img {
  width: 100px;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.user-info {
  margin-left: 20px;
}
@media (max-width: 500px) {
  .user-info {
    margin-left: 10px;
  }
}

.user-name {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
}

.user-stars {
  margin-top: 25px;
  display: flex;
  margin-left: 35px;
}

.star {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center;
  fill: #575757;
  margin: 0 2px;
}

.star-red {
  fill: #E30613;
}

.tab__reviews-text {
  margin-bottom: 25px;
}

.tab__reviews-block-img {
  display: flex;
  margin-left: 30px;
}
.tab__reviews-block-img:first-of-type {
  margin: 0;
}
@media (max-width: 500px) {
  .tab__reviews-block-img {
    width: 100%;
    margin-left: 0;
  }
}

.tab__reviews-img {
  width: 125px;
  height: 125px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 500px) {
  .tab__reviews-img {
    width: 100px;
    height: 100px;
  }
}

.tab__reviews-in {
  width: 540px;
  margin: 0 auto;
}
@media (max-width: 550px) {
  .tab__reviews-in {
    width: 100%;
  }
}

.text-in {
  font-family: Oswald;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
  display: inline-block;
  margin-bottom: 15px;
}

.required {
  position: relative;
}
.required::after {
  content: "*";
  color: #E30613;
  position: absolute;
  top: 0;
  right: -15px;
}

.user__name-in {
  margin-bottom: 10px;
}

.text-input {
  font-size: 18px;
  line-height: 1.2;
  background-color: #EFEFEF;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.text-input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E30613;
}

.photo__name-in {
  margin-bottom: 20px;
  display: inline-block;
}

.photo__name-close {
  cursor: pointer;
  display: inline-block;
  margin-left: 12px;
  width: 15px;
  height: 15px;
  position: relative;
}
.photo__name-close::after, .photo__name-close::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 2px;
  background-color: #E30613;
  top: 55%;
  right: 0px;
}
.photo__name-close::after {
  transform: rotate(45deg);
}
.photo__name-close::before {
  transform: rotate(-45deg);
}

.photo__upload-block {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.photo__name-up__btn {
  cursor: pointer;
  margin-left: 12px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #E30613;
  position: relative;
}
.photo__name-up__btn::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #ffffff;
}

.rating__block {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.user__text-in {
  margin-bottom: 10px;
}

.user__text-input {
  background-color: #EFEFEF;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 20px;
  resize: none;
  border: 1px solid transparent;
}
.user__text-input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E30613;
}

.captcha-in {
  margin-bottom: 10px;
}

.captcha-input {
  margin-bottom: 30px;
}

.review-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.rating-area {
  overflow: hidden;
  margin-left: 35px;
  display: flex;
  flex-direction: row-reverse;
}

.rating-area:not(:checked) > input {
  display: none;
}

.rating-area:not(:checked) > label {
  width: 42px;
  padding: 0;
  cursor: pointer;
  font-size: 32px;
  line-height: 32px;
  color: #575757;
}

.rating-area:not(:checked) > label:before {
  content: "★";
}

.rating-area > input:checked ~ label {
  color: #E30613;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
  color: #E30613;
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
  color: #E30613;
}

.rate-area > label:active {
  position: relative;
}

.recent__block {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -15px;
}
@media (max-width: 400px) {
  .recent__block {
    margin: 0;
  }
}
.recent__block .__item {
  width: calc(25% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .recent__block .__item {
    width: calc(33.3% - 30px);
  }
}
@media (max-width: 767px) {
  .recent__block .__item {
    width: calc(50% - 30px);
  }
}
@media (max-width: 400px) {
  .recent__block .__item {
    width: calc(100%);
  }
}

.basket__wrapp-card {
  display: flex;
  justify-content: space-between;
  background-color: #EFEFEF;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 1024px) {
  .basket__wrapp-card {
    flex-wrap: wrap;
  }
}

.basket__column-left {
  display: flex;
  align-items: center;
  width: 50%;
}
@media (max-width: 1024px) {
  .basket__column-left {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .basket__column-left {
    flex-direction: column;
  }
}

.basket__img-block {
  display: flex;
  flex-direction: column;
  align-self: center;
}

.basket__img-inner {
  width: 255px;
  height: 190px;
  background-color: #ffffff;
  background-image: url("../img/product/bg-item-a.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 150% 150%;
  margin: 0 15px 15px 0;
}
@media (max-width: 500px) {
  .basket__img-inner {
    margin: 0 0 15px 0;
  }
}

.basket__img {
  display: flex;
  width: 250px;
  height: 160px;
  object-fit: contain;
  object-position: center;
}

.basket__img-delete {
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
  color: #E30613;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .basket__img-delete {
    position: absolute;
    margin: 0;
    top: 15px;
    right: 15px;
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #E30613;
    background-image: url("../img/svg/x.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
  }
}

.basket__name-block {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .basket__name-block {
    margin-left: 5%;
  }
}
@media (max-width: 500px) {
  .basket__name-block {
    margin: 0 0 15px 0;
    text-align: center;
  }
}

.basket__name {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 5px;
}

.basket__subname {
  font-size: 20px;
  color: #000000;
}

.basket__column-right {
  padding: 0 40px;
  width: 50%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .basket__column-right {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 500px) {
  .basket__column-right {
    flex-direction: column;
  }
}

.basket___one-block {
  width: 33.3%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .basket___one-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .basket___one-block {
    width: 100%;
  }
}

.basket__column-name {
  margin-top: 40px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .basket__column-name {
    margin: 25px 0;
  }
}

.basket__price-one {
  font-family: Oswald;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: #E30613;
}

.basket___count-block {
  width: 33.3%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .basket___count-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .basket___count-block {
    width: 100%;
  }
}

.basket__count-inner {
  display: flex;
}

.count-btn {
  font-size: 20px;
  width: 36px;
  height: 30px;
  background-color: #E30613;
  transition: 0.4s;
  color: #ffffff;
}
.count-btn:hover {
  transition: 0.4s;
  background-color: #C6000C;
}

.basket__count {
  width: 40px;
  height: 30px;
  text-align: center;
  padding: 0 5px;
  font-size: 18px;
  color: #000000;
}

.basket___sum-block {
  width: 33.3%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .basket___sum-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .basket___sum-block {
    width: 100%;
  }
}

.basket__price-sum {
  font-family: Oswald;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: #E30613;
}

.basket__wrapp-total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .basket__wrapp-total {
    flex-wrap: wrap;
  }
}

.basket__wrapp-promo {
  margin-left: 100px;
  background-color: #EFEFEF;
  padding: 10px 25px 20px;
  width: 540px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .basket__wrapp-promo {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .basket__wrapp-promo {
    order: 2;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .basket__wrapp-promo {
    flex-direction: column;
  }
}

.basket__promo-in {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 500px) {
  .basket__promo-in {
    width: 100%;
    margin-bottom: 20px;
  }
}

.promo-input {
  padding: 0 10px;
  height: 40px;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
  padding: 0px 10px;
}
.promo-input:focus {
  border: 1px solid #E30613;
}

.basket__promo-btn {
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #E30613;
  min-width: 150px;
  background-color: #ffffff;
  border: 1px solid #E30613;
  margin-right: 20px;
  padding: 4px 0;
}
@media (max-width: 500px) {
  .basket__promo-btn {
    margin-right: 0;
  }
}

.basket__total {
  width: 30%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .basket__total {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .basket__total {
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
}

.basket__total-group {
  width: 50%;
  text-align: right;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
}
@media (max-width: 1024px) {
  .basket__total-group {
    width: 30%;
  }
  .basket__total-group:first-of-type {
    margin-left: auto;
  }
}
@media (max-width: 625px) {
  .basket__total-group {
    width: 50%;
  }
  .basket__total-group:first-of-type {
    margin-left: auto;
  }
}

.basket__total-text {
  margin-bottom: 5px;
  font-size: 18px;
  color: #000000;
}

.basket__total-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
  margin-top: auto;
}

.basket__total-price {
  margin-bottom: 5px;
  font-size: 18px;
  color: #000000;
}

.basket__total-tprice {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  color: #E30613;
  margin-top: auto;
}

.basket__wrapp-btn {
  display: flex;
  margin-bottom: 40px;
}

.basket__btn {
  margin-left: auto;
  display: block;
  text-transform: uppercase;
  color: #E30613;
  padding: 10px;
  min-width: 185px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #E30613;
  transition: 0.4s;
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  transition: 0.4s;
}
.basket__btn:hover {
  transition: 0.4s;
  background-color: #E30613;
  color: #ffffff;
}

.basket__wrapp-order {
  background-color: #EFEFEF;
  padding: 45px 50px 75px;
  margin-bottom: 120px;
}
@media (max-width: 500px) {
  .basket__wrapp-order {
    padding: 30px 20px 40px;
  }
}

.basket__inner-order {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .basket__inner-order {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .basket__inner-order {
    width: 70%;
  }
}
@media (max-width: 600px) {
  .basket__inner-order {
    width: 90%;
  }
}
@media (max-width: 400px) {
  .basket__inner-order {
    width: 100%;
  }
}

.basket__order-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 36px;
  text-align: center;
  color: #000000;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .basket__order-title {
    font-size: 24px;
  }
}

.order-in {
  font-family: Oswald;
  font-size: 20px;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 10px;
}

.order-input {
  padding: 0 10px;
  height: 40px;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
  padding: 0px 10px;
  margin-bottom: 30px;
}
.order-input:focus {
  border: 1px solid #E30613;
}

.order-textarea {
  resize: none;
  padding: 0 10px;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
  padding: 10px 10px;
  margin-bottom: 30px;
  margin-bottom: 50px;
}
.order-textarea:focus {
  border: 1px solid #E30613;
}

.select-order {
  font-size: 18px;
  line-height: 1.2;
  color: #000000;
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: 30px;
}

.select__header-order {
  border: 1px solid transparent;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.select__current-order {
  padding: 10px 9px 10px;
}

.select__icon-order {
  position: relative;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  height: 40px;
  width: 36px;
  margin-left: auto;
  text-align: center;
  background-color: #E30613;
  transition: 0.4s background-color;
}
.select__icon-order::after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 14px solid #FFFFFF;
  left: calc(50% - 7px);
  top: calc(50% - 7px);
  transition: 0.4s;
}

.select__body-order {
  background-color: #ffffff;
  border-top: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 5;
  top: 100%;
}

.select__item-order {
  transition: 0.8s;
  color: #918686;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  padding: 8px;
}

.select__item-order:hover {
  transition: 0.4s;
  padding-left: 12px;
  background-color: #EFEFEF;
  color: #000000;
}

.select__header-order:hover .select__icon {
  transition: 0.4s;
  background-color: #C6000C;
}

.is-active .select__header-order {
  border-color: #E30613;
}

.is-active .select__body-order {
  border-bottom: 1px solid #E30613;
  border-left: 1px solid #E30613;
  border-right: 1px solid #E30613;
  display: block;
}

.is-active .select__icon-order::after {
  transition: 0.6s;
  transform: rotateX(180deg);
}

.is-active .select__icon-order {
  background-color: #C6000C;
}

.order-btn {
  text-transform: initial;
}

.news-page__wrapp {
  display: flex;
  margin-bottom: 120px;
}

.news-banner__block {
  align-self: flex-start;
  width: calc(25% - 30px);
  margin-right: 30px;
  border: 1px solid #000000;
}
@media (max-width: 1024px) {
  .news-banner__block {
    display: none;
  }
}

.news-banner__title {
  padding: 24px 10px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 45px;
}

.banner__item {
  display: block;
  position: relative;
  margin-bottom: 50px;
}
.banner__item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.banner__item span {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 16px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #E30613;
}

.news-page__block {
  width: 75%;
}
@media (max-width: 1024px) {
  .news-page__block {
    width: 100%;
  }
}

.news-page__item {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .news-page__item {
    flex-direction: column;
  }
}

.news-page__img {
  width: 30%;
}
.news-page__img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  .news-page__img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.news-page__text-block {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  width: calc(70% - 30px);
}
@media (max-width: 767px) {
  .news-page__text-block {
    width: 100%;
    margin-left: 0;
  }
}

.news-page__date {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}

.news-page__title {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  color: #000000;
  transition: 0.4s;
}
.news-page__title:hover {
  transition: 0.4s;
  color: #E30613;
}

.news-page__text {
  margin-bottom: 10px;
}

.news-page__disc {
  margin-top: auto;
  font-weight: bold;
  font-size: 16px;
  color: #E30613;
  text-decoration: underline;
}

.news-page__pagination-wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-page__pagination-item {
  padding: 0 15px;
  font-family: Oswald;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #000000;
}
.news-page__pagination-item.pagination-active {
  color: #E30613;
}
@media (max-width: 500px) {
  .news-page__pagination-item {
    padding: 0 8px;
  }
}

.news-page__pagination-prev,
.news-page__pagination-next {
  width: 47px;
  height: 47px;
  border: 1px solid #575757;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 12px;
  transition: 0.4s;
}
@media (max-width: 500px) {
  .news-page__pagination-prev,
.news-page__pagination-next {
    width: 30px;
    height: 30px;
    background-size: 20px 8px;
  }
}

.news-page__pagination-prev {
  margin-right: 15px;
  background-image: url("../img/icons/prev.svg");
}
.news-page__pagination-prev:hover {
  transition: 0.4s;
  background-image: url("../img/icons/prev-h.svg");
  border-color: #E30613;
}
@media (max-width: 500px) {
  .news-page__pagination-prev {
    margin-right: 10px;
  }
}

.news-page__pagination-next {
  margin-left: 15px;
  background-image: url("../img/icons/next.svg");
}
.news-page__pagination-next:hover {
  transition: 0.4s;
  border-color: #E30613;
  background-image: url("../img/icons/next-h.svg");
}
@media (max-width: 500px) {
  .news-page__pagination-next {
    margin-left: 10px;
  }
}

.news__other {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.news__other:last-of-type {
  margin-bottom: 100px;
}
.news__other img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.news__other-block {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  width: 100%;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
}
.news__other-block::after {
  content: "";
  bottom: 50%;
  right: 6px;
  transform: translateY(50%);
  position: absolute;
  width: 33px;
  height: 33px;
  border: 1px solid #ffffff;
  background-image: url("../img/new_arrow.svg");
  background-repeat: no-repeat;
  background-size: 22px 16px;
  background-position: center;
}

.news__other-title {
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-left: 10px;
  margin-bottom: 20px;
}

.news__other-date {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 0 10px 10px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.new-item__wrapp {
  line-height: 1.5;
}

.new-item__main-img {
  margin-bottom: 30px;
}
.new-item__main-img img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.new-item__main-text {
  margin-bottom: 30px;
}

.new-item__inner {
  display: flex;
  margin: 0 -15px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .new-item__inner {
    margin: 0;
    margin-bottom: 30px;
  }
}
.new-item__inner.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .new-item__inner.reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .new-item__inner {
    flex-direction: column-reverse;
  }
}

.new-item__text-inner {
  width: 58%;
  margin: 0 15px;
}
@media (max-width: 767px) {
  .new-item__text-inner {
    width: 100%;
    margin: 0;
  }
}

.new-item__text {
  margin-bottom: 30px;
}
.new-item__text:last-of-type {
  margin-bottom: 0;
}

.new-item__img {
  width: 42%;
  margin: 0 15px;
  align-self: flex-start;
}
.new-item__img img {
  width: 100%;
  object-fit: contain;
  height: auto;
}
@media (max-width: 767px) {
  .new-item__img {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .new-item__img {
    width: 60%;
  }
}
@media (max-width: 650px) {
  .new-item__img {
    width: 70%;
  }
}
@media (max-width: 550px) {
  .new-item__img {
    width: 80%;
  }
}
@media (max-width: 450px) {
  .new-item__img {
    width: 90%;
  }
}

.contact__city-wrapp {
  display: flex;
  margin: 0 -5px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .contact__city-wrapp {
    flex-wrap: wrap;
  }
}

.contact__city {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 30px;
  margin: 0 5px;
  background-color: #EFEFEF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #000000;
}
@media (max-width: 1024px) {
  .contact__city {
    width: calc(33.3% - 10px);
    margin-bottom: 10px;
  }
}
@media (max-width: 600px) {
  .contact__city {
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }
}
@media (max-width: 400px) {
  .contact__city {
    display: none;
  }
}

.city-active {
  color: #FFFFFF;
  background-color: #E30613;
}

.select-city {
  font-size: 24px;
  line-height: 1.2;
  color: #000000;
  position: relative;
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
  display: none;
}
@media (max-width: 400px) {
  .select-city {
    display: block;
  }
}

.select__header-city {
  border: 1px solid #000000;
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.select__current-city {
  padding: 15px 9px;
}
.select__current-city a {
  color: #918686;
}

.select__icon-city {
  position: relative;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  height: 50px;
  width: 40px;
  margin-left: auto;
  text-align: center;
  background-color: #E30613;
  transition: 0.4s background-color;
}
.select__icon-city::after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 14px solid #FFFFFF;
  left: calc(50% - 7px);
  top: calc(50% - 7px);
  transition: 0.4s;
}

.select__body-city {
  background-color: #ffffff;
  border-top: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
  top: 100%;
}

.select__item-city {
  transition: 0.8s;
  color: #918686;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  padding: 8px;
}
.select__item-city a {
  color: #918686;
}

.select__item-city:hover {
  transition: 0.4s;
  padding-left: 12px;
  background-color: #EFEFEF;
  color: #000000;
}

.select__header-city:hover .select__icon {
  transition: 0.4s;
  background-color: #C6000C;
}

.is-active .select__header-city {
  border-color: #E30613;
}

.is-active .select__body-city {
  border-bottom: 1px solid #E30613;
  border-left: 1px solid #E30613;
  border-right: 1px solid #E30613;
  display: block;
}

.is-active .select__icon-city::after {
  transition: 0.6s;
  transform: rotateX(180deg);
}

.is-active .select__icon-city {
  background-color: #C6000C;
}

.contact__text {
  line-height: 1.5;
  margin-bottom: 35px;
}

.contact__info-wrapp {
  display: flex;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .contact__info-wrapp {
    flex-direction: column;
    align-items: center;
  }
}

.contact__info-block {
  width: 50%;
}
@media (max-width: 767px) {
  .contact__info-block {
    order: 2;
    width: 320px;
  }
}

.contact__info-element {
  display: flex;
  margin-bottom: 15px;
  align-items: flex-end;
}

.contact__info-title {
  width: 100px;
  font-family: Oswald;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  color: #171717;
}
@media (max-width: 767px) {
  .contact__info-title {
    width: 80px;
  }
}

.contact__info-text {
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.5;
  color: #171717;
}

.info-logo {
  width: 60%;
}
.info-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .info-logo {
    width: 90%;
    order: 1;
    margin-bottom: 20px;
  }
}

.contact-social {
  display: flex;
  width: 250px;
  justify-content: space-between;
  margin-bottom: 50px;
}
.contact-social .instagram {
  margin: 0;
}
@media (max-width: 767px) {
  .contact-social {
    margin: 0 auto 50px;
  }
}

.contact__map-wrapp {
  margin-bottom: 120px;
}
@media (max-width: 560px) {
  .contact__map-wrapp {
    margin-bottom: 70px;
  }
}

.contact__form {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 540px;
  margin-bottom: 120px;
}
.contact__form .user__text-input {
  margin-bottom: 40px;
}
.contact__form .btn {
  text-transform: uppercase;
  margin-left: auto;
}
@media (max-width: 560px) {
  .contact__form {
    width: 100%;
    margin-bottom: 70px;
  }
}

.sun-info__uv-wrapp {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;
}
@media (max-width: 767px) {
  .sun-info__uv-wrapp {
    flex-direction: column;
    align-items: center;
  }
}

.sun-info__uv-left {
  width: 53%;
}
@media (max-width: 767px) {
  .sun-info__uv-left {
    order: 2;
    width: 100%;
  }
}
.sun-info__uv-left .info__wrapp {
  margin-bottom: 15px;
}

.sun-info__uv-right {
  width: 40%;
  height: auto;
}
@media (max-width: 767px) {
  .sun-info__uv-right {
    order: 1;
    margin-bottom: 30px;
    width: 50%;
  }
}
@media (max-width: 600px) {
  .sun-info__uv-right {
    width: 70%;
  }
}
@media (max-width: 500px) {
  .sun-info__uv-right {
    width: 80%;
  }
}
@media (max-width: 400px) {
  .sun-info__uv-right {
    width: 90%;
  }
}
@media (max-width: 350px) {
  .sun-info__uv-right {
    width: 100%;
  }
}

.uv-img {
  width: 100%;
}

.sun-info__icon-uv {
  display: flex;
  flex-wrap: wrap;
}
.sun-info__icon-uv .info__wrapp {
  width: calc(50% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .sun-info__icon-uv .info__wrapp {
    width: 100%;
  }
}

.sun-info__material-wrapp {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.sun-info__material {
  width: calc(33.3% - 30px);
  margin: 0 15px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .sun-info__material {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .sun-info__material {
    width: calc(100% - 30px);
  }
}

.sun-info__material-title {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #E30613;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .sun-info__material-title {
    text-align: left;
    margin-bottom: 10px;
  }
}

.sun-info__material-text {
  line-height: 1.3;
}

.sun-info__validity-wrapp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sun-info__validity-wrapp {
    flex-direction: column;
    align-items: center;
  }
}
.sun-info__validity-wrapp .pointer-black span {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
}
.sun-info__validity-wrapp .info__rght {
  padding-left: 20px;
  width: 100%;
  margin-right: 0;
}
.sun-info__validity-wrapp .info__tl {
  text-transform: initial;
  color: #E30613;
  margin-bottom: 8px;
}

.sun-info__validity-left {
  width: 43%;
}
@media (max-width: 767px) {
  .sun-info__validity-left {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .sun-info__validity-left {
    width: 60%;
  }
}
@media (max-width: 500px) {
  .sun-info__validity-left {
    width: 75%;
  }
}
@media (max-width: 400px) {
  .sun-info__validity-left {
    width: 90%;
  }
}
@media (max-width: 350px) {
  .sun-info__validity-left {
    width: 100%;
  }
}
.sun-info__validity-left img {
  width: 85%;
  height: auto;
}

.sun-info__validity-right {
  width: 57%;
}
@media (max-width: 767px) {
  .sun-info__validity-right {
    width: 100%;
  }
}

.sun-info__color-wrapp {
  display: flex;
  flex-wrap: wrap;
}
.sun-info__color-wrapp .info__wrapp {
  width: calc(33.3% - 30px);
}
@media (max-width: 1024px) {
  .sun-info__color-wrapp .info__wrapp {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .sun-info__color-wrapp .info__wrapp {
    width: 100%;
  }
}
.sun-info__color-wrapp .info__tl {
  color: #E30613;
  margin-bottom: 10px;
}
.sun-info__color-wrapp .info__rght {
  margin-top: 15px;
}
.sun-info__color-wrapp .c-1 {
  background: #616363;
}
.sun-info__color-wrapp .c-2 {
  background: #362720;
}
.sun-info__color-wrapp .c-3 {
  background: #B9648D;
}
.sun-info__color-wrapp .c-4 {
  background: #FDDB57;
}
.sun-info__color-wrapp .c-5 {
  background: #5D7B86;
}
.sun-info__color-wrapp .c-6 {
  background: #DB3E3E;
}
.sun-info__color-wrapp .c-7 {
  background: #12472F;
}
.sun-info__color-wrapp .c-8 {
  background-color: #6a6c6b;
}

.sun-info__jis-wrapp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sun-info__jis-wrapp {
    flex-direction: column;
  }
}

.sun-info__jis-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #E30613;
  width: 31%;
}
@media (max-width: 767px) {
  .sun-info__jis-title {
    width: 100%;
    margin-bottom: 30px;
  }
}

.sun-info__jis-text {
  width: 65%;
}
@media (max-width: 767px) {
  .sun-info__jis-text {
    width: 100%;
  }
}

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

.info__wrapp {
  margin-bottom: 30px;
  margin: 0 15px;
}

.info__tl {
  font-family: Oswald;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 15px;
}

.info__row {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}

.info-lft {
  align-self: flex-start;
  margin-left: 15px;
}
@media (max-width: 550px) {
  .info-lft {
    margin: 0;
  }
}

.info-icon {
  width: 75px;
  height: 75px;
}

.info__rght {
  width: calc(100% - 15px);
  margin-left: 15px;
}

.info__text {
  line-height: 1.3;
}

.info-icon__color {
  width: 45px;
  height: 45px;
  background-color: #000000;
  border-radius: 50%;
}

.link {
  text-transform: uppercase;
}

.info-sport__note {
  text-align: center;
  text-transform: uppercase;
  color: #E30613;
  margin-bottom: 30px;
  margin-top: -20px;
}

.sport-info__icon {
  display: flex;
  flex-wrap: wrap;
}
.sport-info__icon .info__wrapp {
  width: calc(50% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .sport-info__icon .info__wrapp {
    width: 100%;
  }
}

.panoramic__lens-wrapp {
  display: flex;
}
@media (max-width: 1024px) {
  .panoramic__lens-wrapp {
    flex-direction: column;
  }
}

.panoramic__lens-img {
  align-self: flex-start;
  width: calc(32% - 15px);
  margin-right: 15px;
}
@media (max-width: 1024px) {
  .panoramic__lens-img {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .panoramic__lens-img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.panoramic__lens-text__block {
  width: calc(68% - 15px);
  margin-left: 15px;
}
@media (max-width: 1024px) {
  .panoramic__lens-text__block {
    width: 100%;
    margin-left: 0;
  }
}

.panoramic__lens-metka {
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  text-align: center;
  text-transform: lowercase;
  color: #FFFFFF;
  width: 65px;
  padding: 5px;
  background: #FF9409;
  margin-bottom: 5px;
}

.panoramic__lens-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  color: #E30613;
}

.panoramic__lens-sutitle {
  font-family: Oswald;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
}

.panoramic__lens-text {
  margin-bottom: 5px;
}

.panoramic__lens-note {
  color: #000000;
}
.panoramic__lens-note span {
  color: #E30613;
  text-transform: lowercase;
}

.regular__lenses-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.regular__lenses-img-l {
  width: 52%;
}
@media (max-width: 600px) {
  .regular__lenses-img-l {
    width: 100%;
    margin-bottom: 20px;
  }
}

.regular__lenses-img-r {
  width: 35%;
}
@media (max-width: 600px) {
  .regular__lenses-img-r {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.lens {
  color: #E30613;
  text-transform: uppercase;
}

.regular__lenses-block {
  width: calc(50% - 30px);
  margin: 0 15px;
  border: 1px solid #E30613;
  padding: 25px 65px 0;
}
@media (max-width: 1024px) {
  .regular__lenses-block {
    padding: 15px 20px 0px;
  }
}
@media (max-width: 600px) {
  .regular__lenses-block {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
}

.regular__lenses-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  color: #E30613;
  margin-bottom: 15px;
}

.regular__lenses-text {
  margin-bottom: 5px;
}
.regular__lenses-text span {
  text-transform: uppercase;
  font-weight: bold;
}

.regular__lenses-img {
  width: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}

.lens__table-header {
  display: flex;
  background-color: #E30613;
  align-items: center;
}
@media (max-width: 1024px) {
  .lens__table-header {
    display: none;
  }
}

.lens__table-header__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32%;
  padding: 6px 0;
}

.lens__table-header-text {
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
}

.icon__weather-wrapp {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.icon__weather-item {
  width: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.weather-icon {
  margin-top: 5px;
  height: 20px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.weather-icon.clear {
  background-image: url("../img/sport_info/weather-1.svg");
}
.weather-icon.cloudy {
  background-image: url("../img/sport_info/weather-2.svg");
}
.weather-icon.mainly-cloudy {
  background-image: url("../img/sport_info/weather-3.svg");
}
.weather-icon.snow {
  background-image: url("../img/sport_info/weather-4.svg");
}
.weather-icon.night {
  background-image: url("../img/sport_info/weather-5.svg");
}

.weather-text {
  font-size: 14px;
  color: #FFFFFF;
}

.lens__table-row {
  display: flex;
}
@media (max-width: 1024px) {
  .lens__table-row {
    flex-direction: column;
  }
}

.lens__table-row__item {
  min-height: 130px;
  display: flex;
  width: 32%;
  position: relative;
}
@media (max-width: 1024px) {
  .lens__table-row__item {
    margin: 0 auto;
    width: 60%;
  }
}
@media (max-width: 700px) {
  .lens__table-row__item {
    width: 75%;
  }
}
@media (max-width: 600px) {
  .lens__table-row__item {
    width: 85%;
  }
}
@media (max-width: 400px) {
  .lens__table-row__item {
    width: 100%;
  }
}

.column-1 {
  background-color: #EFEFEF;
  border-right: 4px solid #ffffff;
  justify-content: space-between;
  background-image: url("../img/sport_info/t-bg-w.svg");
  background-repeat: no-repeat;
  background-position: 60% center;
  align-items: center;
}
@media (max-width: 1024px) {
  .column-1 {
    padding-top: 35px;
    border-left: 0;
  }
}

.column-2 {
  background-color: #EFEFEF;
  flex-direction: column;
  padding: 10px;
}

.column-3 {
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .column-3 {
    padding-top: 90px;
    padding-bottom: 40px;
    background-color: #EFEFEF;
  }
}

.lens__table-row__title {
  width: 160px;
  margin-left: 20px;
  font-family: Oswald;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #000000;
}
.lens__table-row__title span {
  text-transform: lowercase;
  white-space: nowrap;
}

.lens__table-row__img {
  width: 135px;
  height: 120px;
  object-fit: contain;
  object-position: center;
}

.lens__table-row-text {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .lens__table-row-text {
    padding-top: 35px;
  }
}

.lens__table-row-btxt {
  margin-top: auto;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  color: #000000;
}

.colum-center {
  width: 36%;
}
@media (max-width: 1024px) {
  .colum-center {
    width: 60%;
  }
}
@media (max-width: 700px) {
  .colum-center {
    width: 75%;
  }
}
@media (max-width: 600px) {
  .colum-center {
    width: 85%;
  }
}
@media (max-width: 400px) {
  .colum-center {
    width: 100%;
  }
}

.lens__table-row__circle {
  background-color: #c4c4c4;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.full-circle {
  background-color: #E30613;
}

.semicircle {
  border: 17px solid #E30613;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(-135deg);
}

.invert .column-1 {
  background-color: #ffffff;
  background-image: url("../img/sport_info/t-bg-g.svg");
}
.invert .column-2 {
  background-color: #ffffff;
}
.invert .column-3 {
  background-color: #ffffff;
}

.lens-mob {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 4px;
  justify-content: center;
  background-color: #E30613;
  display: none;
}
@media (max-width: 1024px) {
  .lens-mob {
    display: block;
  }
}

.sport-info__main-wrapp {
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .sport-info__main-wrapp {
    width: 100%;
  }
}

.sport-info__main-img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.sport-info__axe-wrapp {
  display: flex;
  flex-wrap: wrap;
}
.sport-info__axe-wrapp .info__wrapp {
  width: calc(50% - 30px);
}
@media (max-width: 1024px) {
  .sport-info__axe-wrapp .info__wrapp {
    width: 100%;
  }
}
.sport-info__axe-wrapp .info__tl {
  color: #E30613;
  margin-bottom: 10px;
  text-transform: initial;
}
@media (max-width: 500px) {
  .sport-info__axe-wrapp .info__row {
    flex-direction: column;
  }
}
.sport-info__axe-wrapp .info-lft {
  width: calc(30% - 15px);
}
.sport-info__axe-wrapp .info-lft img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 500px) {
  .sport-info__axe-wrapp .info-lft {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .sport-info__axe-wrapp .info-lft {
    width: 100%;
  }
}
.sport-info__axe-wrapp .info__rght {
  width: calc(70% - 30px);
}
@media (max-width: 500px) {
  .sport-info__axe-wrapp .info__rght {
    width: 100%;
  }
}

.abt-main__img {
  padding: 30px 0 80px;
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .abt-main__img {
    padding: 30px 0 50px;
  }
}
@media (max-width: 400px) {
  .abt-main__img {
    padding: 30px 0 30px;
  }
}
.abt-main__img img {
  width: 100%;
  object-fit: contain;
}
.abt-main__img span {
  position: absolute;
  bottom: 0;
  left: 50%;
  font-family: Oswald;
  font-weight: 600;
  font-size: 200px;
  line-height: 1;
  text-transform: uppercase;
  color: #DFDFDF;
  opacity: 0.5;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .abt-main__img span {
    font-size: 150px;
  }
}
@media (max-width: 600px) {
  .abt-main__img span {
    font-size: 120px;
  }
}
@media (max-width: 400px) {
  .abt-main__img span {
    font-size: 10px;
  }
}

.abt-title {
  margin-bottom: 45px;
}

.abt-block {
  display: flex;
  margin: 0 -15px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .abt-block {
    flex-direction: column;
    margin: 0;
    margin-bottom: 30px;
  }
}

.abt-img {
  width: calc(30% - 30px);
  margin: 0 15px;
  align-self: flex-start;
}
@media (max-width: 767px) {
  .abt-img {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
    display: flex;
    align-self: initial;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 400px) {
  .abt-img {
    width: 100%;
  }
}
.abt-imgimg {
  width: 100%;
  object-fit: contain;
}

.abt-block-text {
  width: calc(70% - 30px);
  margin: 0 15px;
}
@media (max-width: 767px) {
  .abt-block-text {
    width: 100%;
    margin: 0;
  }
}

.abt-text {
  margin-bottom: 30px;
}

.abt-center__img {
  margin-bottom: 105px;
}
.abt-center__img img {
  width: 100%;
  object-fit: contain;
}

.abt-text__center {
  text-align: center;
  margin-bottom: 5px;
}
.abt-text__center.p-text {
  margin-bottom: 45px;
}

.abt-p {
  margin-bottom: 30px;
}

.abt-p-p {
  background-color: #EFEFEF;
  padding: 20px 20px 20px 30px;
  margin-bottom: 45px;
}

.abt-list__wrapp {
  margin-bottom: 20px;
}

.abt-list__title {
  margin-bottom: 10px;
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  color: #171717;
}

.abt-list {
  margin-left: 30px;
}

.abt-list__item {
  padding-left: 15px;
  position: relative;
  margin: 10px;
}
.abt-list__item::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E30613;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.abt-check {
  display: flex;
}
.abt-check .check__inner {
  margin: 0 15px;
}
.abt-check .checkbox__label {
  text-decoration: none;
}

.abt-check-radius {
  display: flex;
}
.abt-check-radius .check__inner {
  margin: 0 15px;
}
.abt-check-radius .checkbox__label {
  text-decoration: none;
}
.abt-check-radius .checkbox__label::after {
  border-radius: 50%;
}
.abt-check-radius .checkbox__label::before {
  border-radius: 50%;
  background-image: none;
}
.abt-check-radius .checkbox__label:hover::before {
  transition: 0.4s;
  opacity: 1;
  background-color: #E30613;
  border: 5px solid #ffffff;
}
.abt-check-radius .checkbox:checked + .checkbox__label::before {
  background-color: #ffffff;
  border: 5px solid #E30613;
  background-image: none;
}

.abt-table {
  margin-bottom: 120px;
}
@media (max-width: 600px) {
  .abt-table {
    display: none;
  }
}
.abt-table table {
  width: 100%;
  border: 0px;
  /* border="0" */
  border-collapse: collapse;
  /* cellspacing="0" */
  text-align: center;
}
.abt-table .hed {
  background-color: #E30613;
  color: #ffffff;
}
.abt-table th {
  padding: 6px 3px;
}
.abt-table .l-hed {
  border: 2px solid #ffffff;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}
.abt-table tr:nth-child(2n) {
  background-color: #EFEFEF;
}
.abt-table td {
  padding: 6px 3px;
  border: 2px solid #ffffff;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}

.eye__protection-img {
  display: block;
  object-fit: contain;
  width: 65%;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .eye__protection-img {
    width: 100%;
  }
}

.eye__protection-wrapp {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.eye__protection-wrapp .info__wrapp {
  width: calc(50% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .eye__protection-wrapp .info__wrapp {
    width: 100%;
  }
}
.eye__protection-wrapp .info__tl {
  text-transform: initial;
}
.eye__protection-wrapp .info-lft {
  width: 68%;
}
.eye__protection-wrapp .info-lft .info-icon {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 500px) {
  .eye__protection-wrapp .info-lft .info-icon {
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .eye__protection-wrapp .info__row {
    flex-direction: column;
  }
}

.eye__protection-note {
  color: #000000;
}
.eye__protection-note span {
  color: #E30613;
}

.eye__care-img {
  margin-bottom: 30px;
  width: 100%;
}

.eye_care-info__block-1 {
  display: flex;
  margin: 0 -15px;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .eye_care-info__block-1 {
    flex-direction: column;
    margin: 0;
    margin-bottom: 30px;
  }
}

.block1-img {
  width: calc(50% - 30px);
  margin: 0 15px;
}
.block1-img img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .block1-img {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.eye__care-wrapp-1 {
  width: 50%;
}
@media (max-width: 1024px) {
  .eye__care-wrapp-1 {
    width: 100%;
  }
}
.eye__care-wrapp-1 .info__wrapp {
  margin-bottom: 15px;
}
.eye__care-wrapp-1 .info__tl {
  color: #E30613;
  text-transform: initial;
}
@media (max-width: 550px) {
  .eye__care-wrapp-1 .info__row {
    flex-direction: column;
  }
}
.eye__care-wrapp-1 .info-lft {
  width: 27%;
}
@media (max-width: 550px) {
  .eye__care-wrapp-1 .info-lft {
    width: 100%;
    margin-bottom: 10px;
  }
}
.eye__care-wrapp-1 .info-icon {
  height: auto;
  width: 100%;
  object-fit: contain;
}
.eye__care-wrapp-1 .info__rght {
  width: 73%;
}
@media (max-width: 550px) {
  .eye__care-wrapp-1 .info__rght {
    width: 100%;
  }
}
.eye__care-wrapp-1 .note {
  display: block;
  padding-top: 10px;
  color: #000000;
}

.eye__care-wrapp-2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.eye__care-wrapp-2 .info__wrapp {
  width: calc(50% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .eye__care-wrapp-2 .info__wrapp {
    width: 100%;
  }
}
.eye__care-wrapp-2 .info__tl {
  text-transform: initial;
}
@media (max-width: 550px) {
  .eye__care-wrapp-2 .info__row {
    flex-direction: column;
  }
}
.eye__care-wrapp-2 .info-lft {
  width: 27%;
}
@media (max-width: 550px) {
  .eye__care-wrapp-2 .info-lft {
    width: 100%;
    margin-bottom: 10px;
  }
}
.eye__care-wrapp-2 .info-icon {
  height: auto;
  width: 100%;
  object-fit: contain;
}
.eye__care-wrapp-2 .info__rght {
  width: 73%;
}
@media (max-width: 550px) {
  .eye__care-wrapp-2 .info__rght {
    width: 100%;
  }
}
.eye__care-wrapp-2 .note {
  display: block;
  padding-top: 10px;
  color: #000000;
}

.children-wrapp {
  display: flex;
  background-color: #efefef;
  justify-content: space-between;
  position: relative;
  z-index: 5;
  align-items: center;
  margin-bottom: 30px;
  padding: 0 60px;
}
@media (max-width: 1024px) {
  .children-wrapp {
    padding: 0 30px;
  }
}
@media (max-width: 740px) {
  .children-wrapp {
    display: none;
  }
}
.children-wrapp::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 70px;
  background-image: url("../img/product/bg-item-a.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: -1;
}

.child-icon {
  height: 140px;
  width: auto;
  margin-bottom: -30px;
}
@media (max-width: 1024px) {
  .child-icon {
    display: none;
  }
}

.child-text_info {
  max-width: 160px;
}

.child-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  color: #E30613;
}

.child-text {
  color: #000000;
}

.child-img {
  display: block;
  height: 150px;
  width: auto;
  margin: 0 -30px;
}
@media (max-width: 800px) {
  .child-img {
    display: none;
  }
}

.child-info {
  width: 130px;
  height: 130px;
}

.eye__care-poor__eyesight {
  display: flex;
  margin: 0 -15px;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .eye__care-poor__eyesight {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
    flex-direction: column;
  }
}

.eye__care-poor__eyesight-img {
  align-self: flex-start;
  width: calc(30% - 30px);
  margin: 0 15px;
  background-color: #EFEFEF;
  position: relative;
}
@media (max-width: 1024px) {
  .eye__care-poor__eyesight-img {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
@media (max-width: 600px) {
  .eye__care-poor__eyesight-img {
    width: 100%;
  }
}
.eye__care-poor__eyesight-img::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 15px;
  bottom: 10px;
  left: 10px;
  background-image: url("../img/product/bg-item-a.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.eye__care-poor__eyesight-img img {
  display: block;
  margin-left: auto;
  width: 90%;
}

.eye__care-poor__eyesight-txt {
  width: calc(70% - 30px);
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .eye__care-poor__eyesight-txt {
    margin: 0;
    width: 100%;
  }
}

.eye__care-poor__eyesight-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
}

.eye__care-moisture-wrap {
  display: flex;
  margin: 0 -15px;
}
@media (max-width: 1200px) {
  .eye__care-moisture-wrap {
    margin: 0;
    flex-direction: column;
  }
}
.eye__care-moisture-wrap table {
  width: 100%;
  border: 0px;
  /* border="0" */
  border-collapse: collapse;
  /* cellspacing="0" */
}
.eye__care-moisture-wrap th {
  background-color: #E30613;
  padding: 6px 5px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 550px) {
  .eye__care-moisture-wrap th {
    font-size: 8px;
    padding: 6px 2px;
  }
}
.eye__care-moisture-wrap td {
  font-family: Roboto;
  font-size: 15px;
  color: #575757;
  text-align: center;
  padding: 6px 5px;
  border: 2px solid #ffffff;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}
@media (max-width: 550px) {
  .eye__care-moisture-wrap td {
    font-size: 10px;
    padding: 6px 2px;
  }
}
.eye__care-moisture-wrap tr:nth-child(2n) {
  background-color: #efefef;
}
.eye__care-moisture-wrap .mrs {
  background-color: #DA7292;
  color: #FFFFFF;
}
.eye__care-moisture-wrap .mr {
  background-color: #3185E4;
  color: #FFFFFF;
}
.eye__care-moisture-wrap .note {
  text-align: right;
  font-size: 12px;
  color: #000000;
}
.eye__care-moisture-wrap .eye__care-moisture-l {
  width: calc(50% - 30px);
  margin: 0 15px;
}
@media (max-width: 1200px) {
  .eye__care-moisture-wrap .eye__care-moisture-l {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
}
.eye__care-moisture-wrap .l-title {
  width: 53%;
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #E30613;
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  .eye__care-moisture-wrap .l-title {
    width: 100%;
  }
}
.eye__care-moisture-wrap .l-block {
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
}
.eye__care-moisture-wrap .l-text {
  line-height: 1.3;
  width: 56%;
}
@media (max-width: 550px) {
  .eye__care-moisture-wrap .l-text {
    width: 100%;
    margin-bottom: 15px;
  }
}
.eye__care-moisture-wrap .l-img {
  align-self: flex-start;
  width: 44%;
}
@media (max-width: 550px) {
  .eye__care-moisture-wrap .l-img {
    width: 100%;
  }
}
.eye__care-moisture-wrap .l-image {
  width: 100%;
  object-fit: contain;
}
.eye__care-moisture-wrap .eye__care-moisture-r {
  width: calc(50% - 30px);
  margin: 0 15px;
}
@media (max-width: 1200px) {
  .eye__care-moisture-wrap .eye__care-moisture-r {
    width: 100%;
    margin: 0;
  }
}
.eye__care-moisture-wrap .r-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #E30613;
  margin-bottom: 10px;
}
.eye__care-moisture-wrap .r-text {
  line-height: 1.3;
  color: #000000;
  margin-bottom: 5px;
}
.eye__care-moisture-wrap .r-text:last-of-type {
  margin-bottom: 10px;
}
.eye__care-moisture-wrap .r-text span {
  color: #575757;
}

.eye__care-treatment-wrapp span {
  font-weight: bold;
  color: #000000;
}
.eye__care-treatment-wrapp .eye__care-treatment-title {
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  .eye__care-treatment-wrapp .eye__care-treatment-title {
    font-size: 20px;
  }
}
.eye__care-treatment-wrapp .eye__care-treatment-inner {
  margin: 0 -15px;
  display: flex;
}
@media (max-width: 1024px) {
  .eye__care-treatment-wrapp .eye__care-treatment-inner {
    margin: 0;
    flex-direction: column;
  }
}
.eye__care-treatment-wrapp .l-block {
  width: calc(69% - 30px);
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .eye__care-treatment-wrapp .l-block {
    margin: 0;
    width: 100%;
    margin-bottom: 15px;
  }
}
.eye__care-treatment-wrapp .eye__care-treatment-text {
  margin-bottom: 15px;
}
.eye__care-treatment-wrapp .l-img {
  width: 210px;
  object-fit: contain;
  margin-bottom: 10px;
}
.eye__care-treatment-wrapp .eye__care-treatment-txt {
  font-size: 12px;
}
.eye__care-treatment-wrapp .r-block {
  width: calc(31% - 30px);
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .eye__care-treatment-wrapp .r-block {
    margin: 0;
    width: 100%;
    display: flex;
  }
}
@media (max-width: 600px) {
  .eye__care-treatment-wrapp .r-block {
    display: block;
  }
}
.eye__care-treatment-wrapp .r-txt {
  color: #000000;
  font-size: 12px;
  text-align: right;
}
.eye__care-treatment-wrapp .r-img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .eye__care-treatment-wrapp .r-img {
    padding: 0 10px;
  }
}
@media (max-width: 600px) {
  .eye__care-treatment-wrapp .r-img {
    padding: 0;
    margin-bottom: 10px;
  }
}
.eye__care-treatment-wrapp .bold {
  font-weight: 400;
}

.eye__care-dry-wrapp {
  margin-bottom: 30px;
}

.eye__care-dry-title {
  margin-top: -15px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 30px;
}

.sleza-title {
  margin: 30px 0 15px;
}

.dry-text {
  margin-bottom: 15px;
  color: #000000;
}
.dry-text:last-of-type {
  margin-bottom: 30px;
}

.dry-text-main {
  margin-bottom: 15px;
  font-weight: bold;
}
.dry-text-main span {
  color: #E30613;
}

.dry-symptoms__wrapp {
  display: flex;
  margin: 0 -15px;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .dry-symptoms__wrapp {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
    flex-direction: column;
  }
}

.dry__symptoms-txt {
  width: calc(40% - 30px);
  margin: 0 15px;
}
@media (max-width: 1200px) {
  .dry__symptoms-txt {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
}

.dry__symptoms-title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  color: #E30613;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .dry__symptoms-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 550px) {
  .dry__symptoms-title {
    font-size: 20px;
  }
}

.dry__symptoms-text {
  font-weight: bold;
  color: #000000;
  line-height: 1.8;
}
.dry__symptoms-text span {
  color: #E30613;
}

.dry__symptoms-img {
  width: calc(60% - 30px);
  margin: 0 15px;
}
@media (max-width: 1200px) {
  .dry__symptoms-img {
    width: 100%;
    margin: 0;
  }
}
.dry__symptoms-img img {
  width: 100%;
  object-fit: contain;
}

.list-dry__title {
  margin-top: -15px;
  text-align: center;
  color: #000000;
  margin-bottom: 15px;
}

.list-dry__wrap {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .list-dry__wrap {
    flex-direction: column;
  }
}

.list-dry__column {
  width: 50%;
}
@media (max-width: 1024px) {
  .list-dry__column {
    width: 100%;
    margin-left: 5%;
  }
}
@media (max-width: 500px) {
  .list-dry__column {
    width: 100%;
    margin: 0;
  }
}

.list-dry__item {
  margin-bottom: 10px;
  padding-left: 18px;
  position: relative;
}
.list-dry__item::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E30613;
  top: 47%;
  transform: translateY(-50%);
  left: 0;
}
.list-dry__item p {
  text-transform: uppercase;
}

.dry-symptoms-disc {
  color: #000000;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}

.dry-symptoms-note {
  color: #000000;
  margin-bottom: 60px;
}
.dry-symptoms-note span {
  color: #E30613;
}
@media (max-width: 767px) {
  .dry-symptoms-note {
    margin-bottom: 30px;
  }
}

.block-inf {
  margin-bottom: 60px;
}
@media (max-width: 550px) {
  .block-inf {
    margin-bottom: 30px;
  }
}

.block-inf__title {
  font-family: Oswald;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  color: #000000;
  margin-bottom: 15px;
}

.block-inf__inner {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.num-list {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #E30613;
  color: #FFFFFF;
  font-weight: bold;
  top: 0;
  left: 0;
}

.inf__title {
  color: #000000;
  font-weight: bold;
  margin-bottom: 5px;
}

.inf__text {
  color: #000000;
}

@media (max-width: 550px) {
  .link {
    margin-bottom: 60px;
  }
}

.footer__wrapp {
  background-color: #000000;
  padding: 70px 0 50px;
  background-image: url("../img/bg_footer-right.svg");
  background-repeat: no-repeat;
  background-size: 370px 165px;
  background-position: right 60%;
}
@media (max-width: 1024px) {
  .footer__wrapp {
    background-image: none;
  }
}

.footer__row {
  display: flex;
  justify-content: space-between;
  margin: 0 15px;
  position: relative;
}
@media (max-width: 1024px) {
  .footer__row {
    flex-wrap: wrap;
  }
}

.footer__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
}
@media (max-width: 1024px) {
  .footer__block {
    width: 100%;
    margin-bottom: 30px;
  }
}

.footer-logo {
  display: block;
  margin-bottom: 35px;
}
@media (max-width: 500px) {
  .footer-logo {
    width: 190px;
    height: 35px;
  }
}

.footer__social .icon {
  transform: 0.4s;
  fill: #ffffff;
}
.footer__social .icon:hover {
  fill: #E30613;
}

.instagram {
  margin: 0 15px;
}

.footer__column {
  position: relative;
  z-index: 1;
  margin: 0 50px;
}
.footer__column.mr {
  margin-right: 90px;
}
@media (max-width: 1024px) {
  .footer__column.mr {
    margin-right: 0px;
  }
}
@media (max-width: 1024px) {
  .footer__column {
    width: 50%;
    margin: 0;
    margin-bottom: 30px;
    margin-left: auto;
  }
}
@media (max-width: 500px) {
  .footer__column {
    width: 100%;
  }
}

.flex-grow {
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .flex-grow {
    flex: 0 0 auto;
  }
}

.footer__title {
  color: #ffffff;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: 400;
  cursor: auto;
}
@media (max-width: 1024px) {
  .footer__title {
    margin-left: 40%;
  }
}
@media (max-width: 500px) {
  .footer__title {
    margin-left: 20%;
    cursor: pointer;
  }
}

@media (max-width: 1024px) {
  .footer__info {
    margin-left: 40%;
  }
}
@media (max-width: 500px) {
  .footer__info {
    display: none;
    margin-left: 20%;
  }
}

.info__item {
  margin-bottom: 15px;
}
.info__item:last-of-type {
  margin: 0;
}

.info__link {
  transition: 0.4s;
  font-family: Oswald;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
}
.info__link:hover {
  transition: 0.4s;
  color: #E30613;
}

.footer__input-block {
  flex: 0 0 220px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.footer__phone {
  display: block;
  text-align: right;
  font-family: Oswald;
  font-size: 24px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #E30613;
  margin-bottom: 11px;
}
@media (max-width: 1024px) {
  .footer__phone {
    text-align: center;
  }
}

.footer__text {
  font-family: Oswald;
  font-weight: 400;
  font-size: 18px;
  text-align: right;
  color: #FFFFFF;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .footer__text {
    text-align: center;
  }
}

.footer__input {
  width: 100%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.2;
  color: #918686;
  padding: 15px;
  border: 1px solid #EFEFEF;
  margin-bottom: 20px;
}

.footer__submit {
  transition: 0.4s;
  width: 100%;
  background-color: transparent;
  border: 1px solid #E30613;
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #E30613;
  padding: 13px 0;
}
.footer__submit:hover {
  transition: 0.4s;
  background-color: #E30613;
  color: #FFFFFF;
}

.bg-center {
  position: absolute;
  font-family: Oswald;
  font-weight: 600;
  font-size: 160px;
  text-transform: uppercase;
  color: #EFEFEF;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0.1;
  z-index: 0;
}

.footer__agreement {
  position: relative;
  z-index: 2;
  background-color: #1B1A1A;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
}

.link__agreement {
  margin: 8px 0;
  font-size: 15px;
  color: #cacaca;
}

.inline-svg-icon {
  fill: #E30613;
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.popup__opas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.popup__wrapp {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 3px;
  z-index: 9999;
  padding: 20px;
  max-width: 460px;
  width: 100%;
}

.popup__close {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: -30px;
  right: -30px;
  border-radius: 3px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  transition: 0.4s;
  cursor: pointer;
  background: #fff url(..img/svg/close.svg) 50% 50%/65% no-repeat;
}

.scroll-up {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 100;
  width: 45px;
  height: 45px;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px #dcdcdc;
  transition: all 0.4s ease 0s;
  transform: translateY(25px);
  opacity: 0;
  visibility: hidden;
}
.scroll-up:before {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border: 3px solid red;
  width: 10px;
  height: 10px;
  border-right-width: 0;
  border-bottom-width: 0;
  transition: inherit;
  opacity: 0.6;
}
.scroll-up__path {
  box-sizing: border-box;
  fill: none;
  stroke: red;
  stroke-width: 3px;
  transition: all 0.4s ease 0s;
}
.scroll-up.scroll-up_active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-up:hover:before {
  border-color: red;
  opacity: 1;
}

@media (max-width: 1200px) {
  /**/
}
@media (max-width: 1024px) {
  /**/
}
@media (max-width: 992px) {
  /**/
}
@media (max-width: 768px) {
  /**/
}
@media (max-width: 480px) {
  /**/
}
@media (max-width: 360px) {
  /**/
}