*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
}

.small-headline {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}

a {
  transition: color 0.3s;
}

.cover:after {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #12110C;
  opacity: 0.4;
  z-index: 10;
}

.hidden {
  display: none;
}

.help-block {
  display: none;
}

.screen-overlay {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #000000;
  opacity: 0;
  transition: opacity 200ms;
}

.screen-overlay.active {
  opacity: 0.6;
  height: 100%;
}

.overlay-loader {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #000000;
  opacity: 0;
  transition: opacity 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.overlay-loader svg {
  width: 12rem;
}
.overlay-loader.show {
  opacity: 0.6;
  height: 100%;
}

.badge {
  padding: 0.2rem 0.8rem;
  font-size: 1.2rem;
  line-height: 1.2;
  border-radius: 2.4rem;
  min-width: 3.5rem;
}
.badge-gray {
  background: #F3F3F3;
  color: #A0A09E;
}

.row-margin {
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.row-margin > .col-xxxl,
.row-margin > .col-xxxl-auto,
.row-margin > .col-xxxl-12,
.row-margin > .col-xxxl-11,
.row-margin > .col-xxxl-10,
.row-margin > .col-xxxl-9,
.row-margin > .col-xxxl-8,
.row-margin > .col-xxxl-7,
.row-margin > .col-xxxl-6,
.row-margin > .col-xxxl-5,
.row-margin > .col-xxxl-4,
.row-margin > .col-xxxl-3,
.row-margin > .col-xxxl-2,
.row-margin > .col-xxxl-1,
.row-margin > .col-xxl,
.row-margin > .col-xxl-auto,
.row-margin > .col-xxl-12,
.row-margin > .col-xxl-11,
.row-margin > .col-xxl-10,
.row-margin > .col-xxl-9,
.row-margin > .col-xxl-8,
.row-margin > .col-xxl-7,
.row-margin > .col-xxl-6,
.row-margin > .col-xxl-5,
.row-margin > .col-xxl-4,
.row-margin > .col-xxl-3,
.row-margin > .col-xxl-2,
.row-margin > .col-xxl-1,
.row-margin > .col-xl,
.row-margin > .col-xl-auto,
.row-margin > .col-xl-12,
.row-margin > .col-xl-11,
.row-margin > .col-xl-10,
.row-margin > .col-xl-9,
.row-margin > .col-xl-8,
.row-margin > .col-xl-7,
.row-margin > .col-xl-6,
.row-margin > .col-xl-5,
.row-margin > .col-xl-4,
.row-margin > .col-xl-3,
.row-margin > .col-xl-2,
.row-margin > .col-xl-1,
.row-margin > .col-lg,
.row-margin > .col-lg-auto,
.row-margin > .col-lg-12,
.row-margin > .col-lg-11,
.row-margin > .col-lg-10,
.row-margin > .col-lg-9,
.row-margin > .col-lg-8,
.row-margin > .col-lg-7,
.row-margin > .col-lg-6,
.row-margin > .col-lg-5,
.row-margin > .col-lg-4,
.row-margin > .col-lg-3,
.row-margin > .col-lg-2,
.row-margin > .col-lg-1,
.row-margin > .col-md,
.row-margin > .col-md-auto,
.row-margin > .col-md-12,
.row-margin > .col-md-11,
.row-margin > .col-md-10,
.row-margin > .col-md-9,
.row-margin > .col-md-8,
.row-margin > .col-md-7,
.row-margin > .col-md-6,
.row-margin > .col-md-5,
.row-margin > .col-md-4,
.row-margin > .col-md-3,
.row-margin > .col-md-2,
.row-margin > .col-md-1,
.row-margin > .col-sm,
.row-margin > .col-sm-auto,
.row-margin > .col-sm-12,
.row-margin > .col-sm-11,
.row-margin > .col-sm-10,
.row-margin > .col-sm-9,
.row-margin > .col-sm-8,
.row-margin > .col-sm-7,
.row-margin > .col-sm-6,
.row-margin > .col-sm-5,
.row-margin > .col-sm-4,
.row-margin > .col-sm-3,
.row-margin > .col-sm-2,
.row-margin > .col-sm-1,
.row-margin > .col,
.row-margin > .col-auto,
.row-margin > .col-12,
.row-margin > .col-11,
.row-margin > .col-10,
.row-margin > .col-9,
.row-margin > .col-8,
.row-margin > .col-7,
.row-margin > .col-6,
.row-margin > .col-5,
.row-margin > .col-4,
.row-margin > .col-3,
.row-margin > .col-2,
.row-margin > .col-1 {
  padding: 0;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

@media (min-width: 575px) {
  .row-margin > .col-sm-6 {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem);
  }
}
@media (min-width: 768px) {
  .row-margin > .col-md-3 {
    flex: 0 0 calc(25% - 0.8rem);
    max-width: calc(25% - 0.8rem);
  }
  .row-margin > .col-md-4 {
    flex: 0 0 calc(33.33% - 0.8rem);
    max-width: calc(33.33% - 0.8rem);
  }
  .row-margin > .col-md-6 {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem);
  }
  .row-margin > .col-md-8 {
    flex: 0 0 calc(66.66% - 0.8rem);
    max-width: calc(66.66% - 0.8rem);
  }
}
@media (min-width: 992px) {
  .row-margin {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
  }
  .row-margin > .col-xxxl,
  .row-margin > .col-xxxl-auto,
  .row-margin > .col-xxxl-12,
  .row-margin > .col-xxxl-11,
  .row-margin > .col-xxxl-10,
  .row-margin > .col-xxxl-9,
  .row-margin > .col-xxxl-8,
  .row-margin > .col-xxxl-7,
  .row-margin > .col-xxxl-6,
  .row-margin > .col-xxxl-5,
  .row-margin > .col-xxxl-4,
  .row-margin > .col-xxxl-3,
  .row-margin > .col-xxxl-2,
  .row-margin > .col-xxxl-1,
  .row-margin > .col-xxl,
  .row-margin > .col-xxl-auto,
  .row-margin > .col-xxl-12,
  .row-margin > .col-xxl-11,
  .row-margin > .col-xxl-10,
  .row-margin > .col-xxl-9,
  .row-margin > .col-xxl-8,
  .row-margin > .col-xxl-7,
  .row-margin > .col-xxl-6,
  .row-margin > .col-xxl-5,
  .row-margin > .col-xxl-4,
  .row-margin > .col-xxl-3,
  .row-margin > .col-xxl-2,
  .row-margin > .col-xxl-1,
  .row-margin > .col-xl,
  .row-margin > .col-xl-auto,
  .row-margin > .col-xl-12,
  .row-margin > .col-xl-11,
  .row-margin > .col-xl-10,
  .row-margin > .col-xl-9,
  .row-margin > .col-xl-8,
  .row-margin > .col-xl-7,
  .row-margin > .col-xl-6,
  .row-margin > .col-xl-5,
  .row-margin > .col-xl-4,
  .row-margin > .col-xl-3,
  .row-margin > .col-xl-2,
  .row-margin > .col-xl-1,
  .row-margin > .col-lg,
  .row-margin > .col-lg-auto,
  .row-margin > .col-lg-12,
  .row-margin > .col-lg-11,
  .row-margin > .col-lg-10,
  .row-margin > .col-lg-9,
  .row-margin > .col-lg-8,
  .row-margin > .col-lg-7,
  .row-margin > .col-lg-6,
  .row-margin > .col-lg-5,
  .row-margin > .col-lg-4,
  .row-margin > .col-lg-3,
  .row-margin > .col-lg-2,
  .row-margin > .col-lg-1,
  .row-margin > .col-md,
  .row-margin > .col-md-auto,
  .row-margin > .col-md-12,
  .row-margin > .col-md-11,
  .row-margin > .col-md-10,
  .row-margin > .col-md-9,
  .row-margin > .col-md-8,
  .row-margin > .col-md-7,
  .row-margin > .col-md-6,
  .row-margin > .col-md-5,
  .row-margin > .col-md-4,
  .row-margin > .col-md-3,
  .row-margin > .col-md-2,
  .row-margin > .col-md-1,
  .row-margin > .col-sm,
  .row-margin > .col-sm-auto,
  .row-margin > .col-sm-12,
  .row-margin > .col-sm-11,
  .row-margin > .col-sm-10,
  .row-margin > .col-sm-9,
  .row-margin > .col-sm-8,
  .row-margin > .col-sm-7,
  .row-margin > .col-sm-6,
  .row-margin > .col-sm-5,
  .row-margin > .col-sm-4,
  .row-margin > .col-sm-3,
  .row-margin > .col-sm-2,
  .row-margin > .col-sm-1,
  .row-margin > .col,
  .row-margin > .col-auto,
  .row-margin > .col-12,
  .row-margin > .col-11,
  .row-margin > .col-10,
  .row-margin > .col-9,
  .row-margin > .col-8,
  .row-margin > .col-7,
  .row-margin > .col-6,
  .row-margin > .col-5,
  .row-margin > .col-4,
  .row-margin > .col-3,
  .row-margin > .col-2,
  .row-margin > .col-1 {
    padding: 0;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
  .row-margin > .col-md-2 {
    flex: 0 0 calc(16.66% - 2.4rem);
    max-width: calc(16.66% - 2.4rem);
  }
  .row-margin > .col-md-3 {
    flex: 0 0 calc(25% - 2.4rem);
    max-width: calc(25% - 2.4rem);
  }
  .row-margin > .col-md-6 {
    flex: 0 0 calc(50% - 2.4rem);
    max-width: calc(50% - 2.4rem);
  }
  .row-margin > .col-md-8 {
    flex: 0 0 calc(66.66% - 2.4rem);
    max-width: calc(66.66% - 2.4rem);
  }
  .row-margin > .col-md-4 {
    flex: 0 0 calc(33.33% - 2.4rem);
    max-width: calc(33.33% - 2.4rem);
  }
  .row-margin > .col-lg-3 {
    flex: 0 0 calc(25% - 2.4rem);
    max-width: calc(25% - 2.4rem);
  }
  .row-margin > .col-lg-4 {
    flex: 0 0 calc(33.33% - 2.4rem);
    max-width: calc(33.33% - 2.4rem);
  }
  .row-margin > .col-lg-8 {
    flex: 0 0 calc(66.66% - 2.4rem);
    max-width: calc(66.66% - 2.4rem);
  }
  .row-margin > .col-lg-9 {
    flex: 0 0 calc(75% - 2.4rem);
    max-width: calc(75% - 2.4rem);
  }
  .row-margin-small {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  .row-margin-small > .col-xxxl,
  .row-margin-small > .col-xxxl-auto,
  .row-margin-small > .col-xxxl-12,
  .row-margin-small > .col-xxxl-11,
  .row-margin-small > .col-xxxl-10,
  .row-margin-small > .col-xxxl-9,
  .row-margin-small > .col-xxxl-8,
  .row-margin-small > .col-xxxl-7,
  .row-margin-small > .col-xxxl-6,
  .row-margin-small > .col-xxxl-5,
  .row-margin-small > .col-xxxl-4,
  .row-margin-small > .col-xxxl-3,
  .row-margin-small > .col-xxxl-2,
  .row-margin-small > .col-xxxl-1,
  .row-margin-small > .col-xxl,
  .row-margin-small > .col-xxl-auto,
  .row-margin-small > .col-xxl-12,
  .row-margin-small > .col-xxl-11,
  .row-margin-small > .col-xxl-10,
  .row-margin-small > .col-xxl-9,
  .row-margin-small > .col-xxl-8,
  .row-margin-small > .col-xxl-7,
  .row-margin-small > .col-xxl-6,
  .row-margin-small > .col-xxl-5,
  .row-margin-small > .col-xxl-4,
  .row-margin-small > .col-xxl-3,
  .row-margin-small > .col-xxl-2,
  .row-margin-small > .col-xxl-1,
  .row-margin-small > .col-xl,
  .row-margin-small > .col-xl-auto,
  .row-margin-small > .col-xl-12,
  .row-margin-small > .col-xl-11,
  .row-margin-small > .col-xl-10,
  .row-margin-small > .col-xl-9,
  .row-margin-small > .col-xl-8,
  .row-margin-small > .col-xl-7,
  .row-margin-small > .col-xl-6,
  .row-margin-small > .col-xl-5,
  .row-margin-small > .col-xl-4,
  .row-margin-small > .col-xl-3,
  .row-margin-small > .col-xl-2,
  .row-margin-small > .col-xl-1,
  .row-margin-small > .col-lg,
  .row-margin-small > .col-lg-auto,
  .row-margin-small > .col-lg-12,
  .row-margin-small > .col-lg-11,
  .row-margin-small > .col-lg-10,
  .row-margin-small > .col-lg-9,
  .row-margin-small > .col-lg-8,
  .row-margin-small > .col-lg-7,
  .row-margin-small > .col-lg-6,
  .row-margin-small > .col-lg-5,
  .row-margin-small > .col-lg-4,
  .row-margin-small > .col-lg-3,
  .row-margin-small > .col-lg-2,
  .row-margin-small > .col-lg-1,
  .row-margin-small > .col-md,
  .row-margin-small > .col-md-auto,
  .row-margin-small > .col-md-12,
  .row-margin-small > .col-md-11,
  .row-margin-small > .col-md-10,
  .row-margin-small > .col-md-9,
  .row-margin-small > .col-md-8,
  .row-margin-small > .col-md-7,
  .row-margin-small > .col-md-6,
  .row-margin-small > .col-md-5,
  .row-margin-small > .col-md-4,
  .row-margin-small > .col-md-3,
  .row-margin-small > .col-md-2,
  .row-margin-small > .col-md-1,
  .row-margin-small > .col-sm,
  .row-margin-small > .col-sm-auto,
  .row-margin-small > .col-sm-12,
  .row-margin-small > .col-sm-11,
  .row-margin-small > .col-sm-10,
  .row-margin-small > .col-sm-9,
  .row-margin-small > .col-sm-8,
  .row-margin-small > .col-sm-7,
  .row-margin-small > .col-sm-6,
  .row-margin-small > .col-sm-5,
  .row-margin-small > .col-sm-4,
  .row-margin-small > .col-sm-3,
  .row-margin-small > .col-sm-2,
  .row-margin-small > .col-sm-1,
  .row-margin-small > .col,
  .row-margin-small > .col-auto,
  .row-margin-small > .col-12,
  .row-margin-small > .col-11,
  .row-margin-small > .col-10,
  .row-margin-small > .col-9,
  .row-margin-small > .col-8,
  .row-margin-small > .col-7,
  .row-margin-small > .col-6,
  .row-margin-small > .col-5,
  .row-margin-small > .col-4,
  .row-margin-small > .col-3,
  .row-margin-small > .col-2,
  .row-margin-small > .col-1 {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }
  .row-margin-small > .col-md-3 {
    flex: 0 0 calc(25% - 1.6rem);
    max-width: calc(25% - 1.6rem);
  }
}
@media (min-width: 1399px) {
  .row-margin > .col-xxl-2 {
    flex: 0 0 calc(16.66% - 2.4rem);
    max-width: calc(16.66% - 2.4rem);
  }
}
.no-bg {
  background: none !important;
}

.perex p {
  font-size: 1.8rem;
  line-height: 1.8;
}

p a {
  color: #595855;
  text-decoration: underline;
}
p a:hover {
  text-decoration: none;
  color: #595855;
}

.simple-link {
  color: #595855;
  text-decoration: underline;
}
.simple-link:hover {
  color: #595855;
  text-decoration: none;
}

@media (max-width: 1199px) {
  .container {
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (max-width: 991px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 1.6rem;
  }
  .h1,
  h1 {
    font-size: 2.4rem;
  }
  .h2,
  h2 {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
  h1.h2 {
    font-size: 2.4rem;
  }
  h3,
  .h3 {
    font-size: 1.6rem;
  }
  h4,
  .h4 {
    font-size: 1.4rem;
  }
  .small-headline {
    font-size: 1.4rem;
  }
  body {
    font-size: 1.3rem;
  }
  p {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
  .hide-mobile {
    display: none !important;
  }
  .perex p {
    font-size: 1.3rem;
    line-height: 1.6;
  }
}
.mw-66 {
  max-width: 66rem;
}

.mw-83 {
  max-width: 83rem;
}

.mw-71 {
  max-width: 71rem;
}

.mt-16 {
  margin-top: 1.6rem !important;
}

.mb-16 {
  margin-bottom: 1.6rem !important;
}

.example-btns .btn {
  margin: 0.4rem;
}

.text-icon-list {
  display: flex;
  flex-direction: column;
}
.text-icon-list-item {
  display: flex;
  margin-bottom: 2.4rem;
}
.text-icon-list-item-img {
  width: 4.8rem;
}
.text-icon-list-item-img img {
  max-width: 100%;
}
.text-icon-list-item-text {
  width: calc(100% - 4.8rem);
  padding-left: 4rem;
  max-width: 62rem;
}
.text-icon-list-item-text a {
  color: #595855;
  text-decoration: underline;
}
.text-icon-list-item-text p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .row-margin > .col-12 {
    flex: 0 0 calc(100% - 0.8rem);
    max-width: calc(100% - 0.8rem);
  }
  .row-margin > .col-6 {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem);
  }
}
@media (min-width: 992px) {
  .hide-desktop {
    display: none !important;
  }
}
.link-next {
  color: #363530;
  display: inline-flex;
}
.link-next span {
  text-decoration: underline;
  margin-right: 0.8rem;
}

.remove-link {
  color: #D8483D;
  font-size: 1.4rem;
  display: inline-flex;
  align-items: center;
}
.remove-link img {
  margin-right: 0.4rem;
}
.remove-link span {
  text-decoration: underline;
}
.remove-link:hover {
  color: #D8483D;
}
.remove-link:hover span {
  text-decoration: none;
}

.dark-link {
  color: #595855;
  font-size: 1.4rem;
  display: inline-flex;
  align-items: center;
}
.dark-link img {
  margin-right: 0.4rem;
}
.dark-link span {
  text-decoration: underline;
}
.dark-link:hover {
  color: #595855;
}
.dark-link:hover span {
  text-decoration: none;
}

.comments-count img {
  height: 1.6rem;
  margin-left: 0.8rem;
}
.comments-count img + span {
  text-decoration: none;
}

.gray-link {
  color: #A0A09E;
  font-size: 1.4rem;
  display: inline-flex;
  align-items: center;
}
.gray-link img {
  margin-right: 0.4rem;
}
.gray-link span {
  text-decoration: underline;
}
.gray-link:hover {
  color: #A0A09E;
}
.gray-link:hover span {
  text-decoration: none;
}

.simple-gray-box {
  background: #F3F3F3;
  padding: 2.4rem;
}
.simple-gray-box p {
  font-size: 1.4rem;
  color: #363530;
  margin-bottom: 0;
}

.primary-link {
  color: #EF7D00;
  font-size: 1.4rem;
  display: inline-flex;
  align-items: center;
}
.primary-link img {
  margin-right: 0.4rem;
}
.primary-link span {
  text-decoration: underline;
}
.primary-link:hover {
  color: #EF7D00;
}
.primary-link:hover span {
  text-decoration: none;
}

.mobile-section-links {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.mobile-section-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mobile-section-links ul li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.mobile-section-links ul li a {
  background: url("/images/front/icon_question_primary.svg") no-repeat left 1.2rem center;
  padding: 1rem 1.6rem 1rem 4.4rem;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #595855;
  border: 1px solid #F3F3F3;
  margin-bottom: -1px;
  display: flex;
  align-items: center;
  width: 100%;
}

.block-search-box .input-group {
  max-width: 34rem;
  margin: 0;
}
.block-search-box .input-group img {
  width: 2rem;
}
.block-search-box .input-group .form-control {
  border-left: none;
}
.block-search-box .form-control {
  height: 4rem;
  font-size: 1.3rem;
}
.block-search-box .form-control::placeholder {
  color: #A0A09E;
}
.block-search-box .form-control::-webkit-input-placeholder {
  color: #A0A09E;
}
.block-search-box .form-control:-ms-input-placeholder {
  color: #A0A09E;
}
.block-search-box .form-control::-ms-input-placeholder {
  color: #A0A09E;
}
.block-search-box .form-control::-moz-placeholder {
  color: #A0A09E;
}
.block-search-box .form-control:hover {
  border-color: #A0A09E;
}
.block-search-box .form-control:focus {
  border-color: #A0A09E;
  color: #595855;
  box-shadow: none;
}

.max-w-95 {
  max-width: 95.2rem;
  margin: 0 auto;
}

.accessories-section {
  padding-top: 4.8rem;
}

.similar-section {
  padding-top: 4.8rem;
}

@media (max-width: 991px) {
  .similar-section {
    padding-top: 2.4rem;
  }
}
.branch-selector-list {
  max-height: 70vh;
  overflow-y: scroll;
  padding-bottom: 2px;
}

.branch-selector-item {
  display: block;
  width: 100%;
  line-height: 1.4;
  color: #595855;
  padding: 0.8rem 1.6rem;
  border: 1px solid #F3F3F3;
  margin-top: -1px;
  transition: all 200ms;
}

.branch-selector-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
  z-index: 2;
}

h1 small {
  font-size: 60%;
  color: #A0A09E;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.max-w-53 {
  max-width: 53rem;
}

.max-w-34 {
  max-width: 34rem;
}

.text-muted {
  font-size: 1.4rem;
  color: #A0A09E;
}

.progress {
  background: #F3F3F3;
  height: 0.8rem;
}
.progress-bar {
  background: #FFD234;
}

.person-box {
  display: flex;
  align-items: center;
}
.person-box-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.person-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.person-box-text {
  padding-left: 1.6rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
}
.person-box-text span:nth-child(1) {
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
}
.person-box-text span:nth-child(2) {
  font-size: 1.4rem;
  color: #A0A09E;
  margin-top: 0.4rem;
}

.styled-ul ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.styled-ul ul li {
  position: relative;
  padding-left: 3.6rem;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 1.2rem;
}
.styled-ul ul li:before {
  position: absolute;
  left: 0;
  top: 0rem;
  width: 2rem;
  height: 2rem;
  background: url("/images/front/icon_check.svg") no-repeat center;
  content: "";
  display: block;
}
.styled-ul ul li.no-before:before {
  display: none;
}
.styled-ul ul li ul li {
  padding-left: 3.2rem;
  margin-left: 0.8rem;
}
.styled-ul ul li ul li:before {
  background: #D0CFCE;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  top: 0.6rem;
}

.ul-counter ul {
  counter-reset: list-number;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ul-counter ul li {
  counter-increment: list-number;
  position: relative;
  padding-left: 7.2rem;
  margin-bottom: 2.4rem;
}
.ul-counter ul li:before {
  content: counter(list-number);
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: #595855;
  font-size: 1.8rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: "Sora", sans-serif;
  position: absolute;
  left: 0;
  top: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.green-tooltip {
  color: #32CA8E;
}
.green-tooltip .icon {
  fill: #32CA8E;
  stroke: #32CA8E;
}
.green-tooltip .info-tooltip .icon {
  fill: #32CA8E;
  stroke: #32CA8E;
}

@media (max-width: 991px) {
  .ul-counter ul li {
    padding-left: 4.8rem;
    margin-bottom: 1.6rem;
  }
  .ul-counter ul li:before {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
    top: 0.8rem;
  }
}
.dark-box {
  color: #FFFFFF;
  background: #595855;
  padding: 3.2rem;
}
.dark-box h1,
.dark-box h2,
.dark-box h3,
.dark-box h4,
.dark-box h5 {
  color: #FFFFFF;
  max-width: 37rem;
  margin-bottom: 1.6rem;
  line-height: 1.8;
}
.dark-box ul {
  margin-bottom: 3.2rem;
}
.dark-box ul li:before {
  background: url("/images/front/icon_check_white.svg") no-repeat center;
}
.dark-box .btn {
  padding: 1.4rem 3.2rem;
}

@media (max-width: 767px) {
  .dark-box {
    padding: 2.4rem 1.6rem;
  }
}
.gray-box {
  background: #D0CFCE;
  color: #595855;
  padding-top: 4.8rem;
  padding-bottom: 3.2rem;
}

.koloshop-card {
  background: linear-gradient(106.52deg, #595855 4.86%, #474745 99.43%);
  box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.2), inset 0px 24px 32px rgba(255, 255, 255, 0.1), inset 0px 2px 0px rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 3.2rem;
  padding-top: 2.8rem;
  max-width: 49.3rem;
  width: 100%;
  margin: 0 auto;
  color: #FFFFFF;
  font-family: "Sora", sans-serif;
  line-height: 1.2;
}
.koloshop-card-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.koloshop-card-text {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  position: relative;
  padding-left: 0.9rem;
  margin-left: 1.2rem;
}
.koloshop-card-text:before {
  content: "";
  display: block;
  width: 1px;
  height: 2rem;
  background: #FFFFFF;
  left: 0;
  top: 0rem;
  position: absolute;
}
.koloshop-card-number {
  margin-left: auto;
  font-size: 1.6rem;
  font-family: "Sora", sans-serif;
}
.koloshop-card-number span {
  margin-left: 0.4rem;
}
.koloshop-card-qr {
  margin-top: 2.8rem;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
  background-color: #ffffff;
  width: 70%;
  padding: 0.4rem;
  margin-left: auto;
  margin-right: auto;
}
.koloshop-card-qr img {
  max-width: 100%;
}
.koloshop-card-bottom {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.koloshop-card-name {
  font-size: 1.8rem;
  font-weight: 700;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.koloshop-card-type {
  font-size: 1.2rem;
  font-weight: 700;
}
.koloshop-card-link {
  text-align: center;
  display: flex;
  justify-content: center;
}
.koloshop-card-link a {
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #595855;
  text-decoration: underline;
  display: flex;
  align-items: center;
}
.koloshop-card-copy-box {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
}
.koloshop-card-copy-box .copy-box {
  background: transparent;
  width: 20rem;
  padding: 0.85rem 1.6rem;
  align-items: center;
  border-color: #595855;
  color: #595855;
}
.koloshop-card-copy-box .copy-box span {
  width: 14rem;
  color: #595855;
}
.koloshop-card-copy-box .copy-box span:after {
  display: none;
}
.koloshop-card-copy-box .copy-box:hover {
  background: transparent;
  border-color: #363530;
}
.koloshop-card-copy-box .copy-box:hover span {
  color: #363530;
}

@media (max-width: 767px) {
  .koloshop-card {
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2), inset 0px 24px 32px rgba(255, 255, 255, 0.1), inset 0px 2px 0px rgba(255, 255, 255, 0.1);
  }
  .koloshop-card-top {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .koloshop-card-number {
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 1.2rem;
  }
  .koloshop-card-bottom {
    flex-direction: column;
    align-items: center;
  }
  .koloshop-card-name {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
/* Show more-less */
.more-less-wrap {
  overflow: hidden;
}
.more-less-outer {
  margin-bottom: 2.4rem;
  position: relative;
}
.more-less-inner img {
  max-width: 100%;
  margin-bottom: 4rem;
}

.more-less-btn {
  position: absolute;
  text-decoration: underline;
  bottom: 0;
  right: 0;
  color: #595855;
  background: #FFFFFF;
}
.more-less-btn:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  content: "";
  width: 4.8rem;
  height: 2rem;
  right: 100%;
  top: 0;
  display: block;
  position: absolute;
}
.more-less-btn span:nth-child(2) {
  display: none;
}
.more-less-btn.open {
  position: relative;
  margin-top: 2.4rem;
  display: block;
}
.more-less-btn.open span:nth-child(1) {
  display: none;
}
.more-less-btn.open span:nth-child(2) {
  display: block;
}

/* END Show more-less */
.symbol-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.2rem;
  margin-right: -0.2rem;
}
.symbol-item {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: #595855;
  border: 1px solid #F3F3F3;
}

.abc-list {
  display: flex;
  flex-direction: column;
}

.abc-item-row {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.abc-item-name {
  font-family: "Sora", sans-serif;
  color: #363530;
  font-size: 7.2rem;
  line-height: 1.2;
  width: 16.66%;
  text-transform: uppercase;
}
.abc-item-name a {
  font-family: "Sora", sans-serif;
  color: #363530;
}
.abc-item-name a:hover {
  color: #EF7D00;
}
.abc-item-line {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 83.34%;
}
.abc-item-line li {
  width: 20%;
  margin-bottom: 0.8rem;
  padding-right: 1.6rem;
}
.abc-item-line a {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #363530;
  display: inline-block;
}
.abc-item-line a:hover {
  color: #EF7D00;
}

@media (max-width: 1399px) {
  .abc-item-name {
    width: 15rem;
  }
  .abc-item-line {
    width: calc(100% - 15rem);
  }
  .abc-item-line a {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
@media (max-width: 1199px) {
  .abc-item-name {
    width: 10rem;
  }
  .abc-item-line {
    width: calc(100% - 10rem);
  }
  .abc-item-line a {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .abc-item-name {
    width: 10rem;
  }
  .abc-item-line {
    width: calc(100% - 10rem);
  }
  .abc-item-line li {
    width: 33.33%;
  }
  .abc-item-line a {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .abc-item-row {
    align-items: flex-start;
  }
  .abc-item-name {
    width: 5rem;
    font-size: 4rem;
  }
  .abc-item-line {
    width: calc(100% - 5rem);
  }
  .abc-item-line li {
    width: 50%;
  }
  .abc-item-line a {
    font-size: 1.3rem;
  }
}
.search-autocomplete-wrap {
  max-width: 71rem;
  position: relative;
}
.search-autocomplete-wrap .search-del {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 1.6rem;
  top: 1.2rem;
}
.search-autocomplete-wrap .search-del img {
  max-width: 100%;
}
.search-autocomplete-wrap .input-group {
  height: 4.8rem;
  z-index: 15;
  position: relative;
}
.search-autocomplete-wrap .input-group:focus-within .input-group-prepend {
  border-color: #595855;
}
.search-autocomplete-wrap .input-group-prepend {
  height: 100%;
  display: flex;
  padding: 0;
}
.search-autocomplete-wrap .input-group .btn {
  padding: 0 1.2rem;
  display: flex;
  height: 100%;
}
.search-autocomplete-wrap .input-group .form-control {
  height: 4.8rem;
  border-right: 1px solid #D0CFCE;
}
.search-autocomplete-wrap .input-group .form-control:focus {
  border-color: #595855;
}
.search-autocomplete-wrap .input-group:hover .form-control {
  border-color: #595855;
}
.search-autocomplete-wrap .autocomplete-item {
  padding: 1.2rem 2.4rem;
  font-size: 1.3rem;
  color: #595855;
  line-height: 1.2;
  border: 1px solid #F3F3F3;
  display: flex;
  align-items: center;
  margin-top: -1px;
  width: 100%;
  transition: background-color 0.3s;
}
.search-autocomplete-wrap .autocomplete-item-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background: #FFFFFF;
}
.search-autocomplete-wrap .autocomplete-item:hover {
  background-color: #F3F3F3;
}

.contact-box-list {
  margin-left: -1px;
  margin-right: -1px;
  display: flex;
  flex-wrap: wrap;
}
.contact-box-item {
  width: 33.33%;
  padding: 2.4rem;
  border: 1px solid #F3F3F3;
  margin-left: -1px;
  margin-top: -1px;
  display: flex;
  flex-direction: column;
  min-height: 16rem;
}
.contact-box-item h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: 0;
}
.contact-box-item p {
  font-size: 1.5rem;
  margin-bottom: 0;
  margin-top: auto;
}

.text-block .contact-box-item h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: 0;
}

@media (max-width: 991px) {
  .contact-box-item {
    padding: 1.6rem;
  }
}
@media (max-width: 767px) {
  .contact-box-item {
    width: 100%;
  }
}
.alert {
  font-size: 1.4rem;
  margin: 0;
  padding: 0.4rem 5rem;
}
.alert-danger {
  background: #D8483D;
  border: none;
  color: #FFFFFF;
}
.alert .close {
  margin: 0.3rem;
  padding: 0;
  opacity: 1;
}
.alert.alert-warning {
  background-color: #FFF4D7;
  padding: 1.6rem;
  margin-bottom: 1.6rem;
  border: none;
}
.alert.alert-warning p {
  color: #595855;
  margin-bottom: 0;
  line-height: 2.4rem;
}

@media (max-width: 767px) {
  .alert {
    font-size: 1.3rem;
  }
}
button:focus {
  outline: none;
}

.btn {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
}
.btn-primary:hover {
  background: #D47323;
}
.btn-bigger {
  padding: 2rem 2.4rem;
  font-size: 1.6rem;
}
.btn-transparent {
  padding: 0.8rem 1.6rem;
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
}
.btn-transparent:hover {
  background: #FFFFFF;
  color: #595855;
}
.btn-transparent.bigger {
  padding: 1.4rem 3.2rem;
}
.btn-transparent-black {
  border: 1px solid #363530;
  background: transparent;
  color: #363530;
}
.btn-transparent-black:hover {
  background: transparent;
  color: #595855;
  border-color: #595855;
}
.btn-transparent-gray {
  border: 1px solid #D0CFCE;
  background: transparent;
  color: #595855;
}
.btn-transparent-gray .icon {
  fill: #595855;
  transition: fill 0.3s;
}
.btn-transparent-gray:hover {
  background: transparent;
  color: #363530;
  border-color: #363530;
}
.btn-transparent-gray:hover .icon {
  fill: #363530;
}
.btn-secondary {
  background: #595855;
  color: #FFFFFF;
}
.btn-blue-light {
  background: #D5EFFD;
  color: #595855;
}
.btn-blue-light:hover {
  background: #BDE4F8;
  color: #595855;
}
.btn-100 {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.btn-blue {
  background: #3388F0;
  color: #FFFFFF;
}
.btn-blue:hover {
  background: #2172D3;
  color: #FFFFFF;
}
.btn-icon .icon {
  margin-right: 0.8rem;
}
.btn-icon svg {
  margin-right: 0.8rem;
}
.btn-icon img {
  margin-right: 0.8rem;
}
.btn-arrow {
  height: 5.6rem;
}
.btn-arrow img {
  margin-left: 1.6rem;
  transition: all 0.3s;
}
.btn-arrow:hover img {
  transform: translateX(0.8rem);
}
.btn-arrow-back {
  height: 5.6rem;
}
.btn-arrow-back img {
  margin-right: 1.6rem;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.btn-arrow-back:hover img {
  transform: rotate(180deg) translateX(0.8rem);
}
.btn-show-more {
  height: 5.6rem;
}
.btn-show-more .icon {
  margin-left: 1.6rem;
  stroke: #363530;
}
.btn-show-more:hover .icon {
  stroke: #595855;
}
.btn-show-more:hover svg path {
  stroke: #595855;
}
.btn-light {
  background: #F3F3F3;
}
.btn-light:hover {
  background: #E7E7E7;
  color: #595855;
}
.btn-fb {
  background: #3388F0;
  color: #FFFFFF;
}
.btn-fb:hover {
  color: #FFFFFF;
  background: #2172D3;
}
.btn-google {
  color: #FFFFFF;
  background: #D8483D;
}
.btn-google:hover {
  color: #FFFFFF;
  background: #BF382D;
}
.btn-round {
  background: #FFFFFF;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  padding: 2rem 2.4rem 2rem 6.4rem;
}
.btn-arrow-top {
  position: relative;
  overflow: hidden;
}
.btn-arrow-top img {
  position: absolute;
  left: 1.6rem;
  top: 1.6rem;
}
.btn-arrow-top:hover {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.07);
}
.btn-arrow-top:hover img {
  animation: arrowTop 0.5s;
}
.btn-add-article {
  border: 1px solid #FAD7B1;
  color: #EF7D00;
  padding: 0.7rem 1.6rem;
}
.btn-add-article:hover {
  color: #D47323;
  border-color: #EF7D00;
}
.btn .badge {
  padding: 0.2rem 0.4rem;
  min-width: 2.7rem;
  margin-left: 0.8rem;
  top: 0;
}

@keyframes arrowTop {
  0% {
    top: 1.6rem;
  }
  50% {
    top: -2.4rem;
  }
  51% {
    top: 5.6rem;
  }
  100% {
    top: 1.6rem;
  }
}
.input-group .btn {
  height: 4rem;
}
.input-group-prepend {
  border: 1px solid #D0CFCE;
  border-right: none;
  transition: all 0.3s;
  padding: 0 1.3rem;
}
.input-group-prepend + .form-control {
  border-left: none;
  padding-left: 0.3rem;
}
.input-group .form-control {
  border-right: none;
}
.input-group:hover .input-group-prepend {
  border-color: #A0A09E;
}
.input-group:focus-within .input-group-prepend {
  border-color: #A0A09E;
  color: #595855;
  box-shadow: none;
}

.form-group {
  margin-bottom: 1.6rem;
}
.form-group-info p {
  margin-bottom: 0;
  margin-top: 2.8rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #A0A09E;
}
.form-group label {
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
  line-height: 1.2;
}
.form-group label span {
  color: #D8483D;
}
.form-group-top {
  display: flex;
  justify-content: space-between;
}
.form-group-top .tooltip-link {
  color: #A0A09E;
  text-decoration: underline;
}
.form-group.success .form-control {
  background: #fff url("/images/front/input_success.svg") no-repeat right 1.6rem center;
}
.form-group.error .form-control {
  color: #D8483D !important;
  border-color: #D8483D !important;
  background: #fff url("/images/front/input_error.svg") no-repeat right 1.6rem center;
}
.form-group.error .form-control + span {
  color: #D8483D !important;
  font-size: 1.2rem;
  display: block;
  line-height: 1.2;
  margin-top: 0.4rem;
}

.form-control {
  border-width: 1px;
  border-style: solid;
  color: #595855;
  border-color: #D0CFCE;
  height: 5.6rem;
  font-size: 1.6rem;
}
.form-control.form-success {
  background: #fff url("/images/front/input_success.svg") no-repeat right 1.6rem center;
}
.form-control.form-error {
  color: #D8483D !important;
  border-color: #D8483D !important;
  background: #fff url("/images/front/input_error.svg") no-repeat right 1.6rem center;
}
.form-control.form-error + span {
  color: #D8483D !important;
  font-size: 1.2rem;
  display: block;
  line-height: 1.2;
  margin-top: 0.4rem;
}
.form-control:disabled {
  background: #F3F3F3;
  color: #A0A09E;
  border-color: #F3F3F3;
}
.form-control::placeholder {
  color: #A0A09E;
}
.form-control::-webkit-input-placeholder {
  color: #A0A09E;
}
.form-control:-ms-input-placeholder {
  color: #A0A09E;
}
.form-control::-ms-input-placeholder {
  color: #A0A09E;
}
.form-control::-moz-placeholder {
  color: #A0A09E;
}
.form-control:hover {
  border-color: #A0A09E;
}
.form-control:focus {
  border-color: #595855;
  color: #595855;
  box-shadow: none;
}

textarea.form-control {
  height: 20rem;
  padding: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.6;
}

.header-search .input-group .form-control {
  border-left: none;
}
.header-search .form-control {
  height: 4rem;
}
.header-search .form-control::placeholder {
  color: #A0A09E;
  font-style: italic;
}
.header-search .form-control::-webkit-input-placeholder {
  color: #A0A09E;
  font-style: italic;
}
.header-search .form-control:-ms-input-placeholder {
  color: #A0A09E;
  font-style: italic;
}
.header-search .form-control::-ms-input-placeholder {
  color: #A0A09E;
  font-style: italic;
}
.header-search .form-control::-moz-placeholder {
  color: #A0A09E;
  font-style: italic;
}
.header-search .form-control:hover {
  border-color: #A0A09E;
}
.header-search .form-control:focus {
  border-color: #A0A09E;
  color: #595855;
  box-shadow: none;
}

.check-styled {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  width: 100%;
  margin-bottom: 0.8rem;
}
.check-styled input[type=checkbox], .check-styled input[type=radio] {
  opacity: 0;
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
}
.check-styled input[type=checkbox] + label, .check-styled input[type=radio] + label {
  display: flex;
  width: 100%;
  margin: 0;
  min-height: 2.4rem;
  margin: 0;
  vertical-align: middle;
  padding-left: 4rem;
  cursor: pointer;
  font-weight: normal;
  padding-top: 0.4rem;
  line-height: 1.2;
  font-size: 1.5rem;
  position: relative;
  color: #595855;
  transition: all 0.3s;
}
.check-styled input[type=checkbox] + label span, .check-styled input[type=radio] + label span {
  color: #A0A09E;
  display: inline-block;
  margin-left: 0.4rem;
}
.check-styled input[type=checkbox] + label:hover, .check-styled input[type=radio] + label:hover {
  color: #EF7D00;
}
.check-styled input[type=checkbox] + label:hover:before, .check-styled input[type=radio] + label:hover:before {
  border-color: #EF7D00;
}
.check-styled input[type=checkbox] + label:before, .check-styled input[type=radio] + label:before {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0px;
  border: 1px solid #D0CFCE;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  display: block;
}
.check-styled input[type=checkbox] + label:after, .check-styled input[type=radio] + label:after {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0px;
  background: url("/images/front/check.png") no-repeat center;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  opacity: 0;
}
.check-styled input[type=checkbox]:checked + label:before, .check-styled input[type=radio]:checked + label:before {
  background: #EF7D00;
  border-color: #EF7D00;
}
.check-styled input[type=checkbox]:checked + label:after, .check-styled input[type=radio]:checked + label:after {
  opacity: 1;
}

.check-styled input:disabled + label {
  cursor: not-allowed;
  color: #A0A09E !important;
}
.check-styled input:disabled + label:before {
  background: #E7E7E7 !important;
  border-color: #E7E7E7 !important;
}

.check-styled.check-color {
  width: 3.8rem;
  height: 3.8rem;
  margin: 0.4rem;
}
.check-styled.check-color input[type=checkbox] + label, .check-styled.check-color input[type=radio] + label {
  padding: 0;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
}
.check-styled.check-color input[type=checkbox] + label:before, .check-styled.check-color input[type=radio] + label:before {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
  left: -0.5rem;
  top: -0.5rem;
}
.check-styled.check-color input[type=checkbox] + label:after, .check-styled.check-color input[type=radio] + label:after {
  width: 100%;
  height: 100%;
}

.ui-slider {
  box-shadow: none;
}

.range-filter-wrap {
  margin-bottom: 2.4rem;
}
.range-filter-wrap .ui-slider-horizontal {
  height: 0.8rem;
  border: none;
  float: none;
  width: 100%;
  border-radius: 0;
  background-color: #D0CFCE;
}

.ui-slider .ui-slider-range {
  box-shadow: none;
  background-color: #EF7D00;
}

.ui-slider .ui-slider-handle {
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #EF7D00;
  transition: all 0.3s;
}
.ui-slider .ui-slider-handle:hover {
  background: #EF7D00;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.7rem;
}

.ui-slider-horizontal .ui-slider-handle {
  outline: none !important;
  transition: background-color 200ms;
}

.range-slider-inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 1.2rem;
  width: 100%;
}
.range-slider-inputs .range-input {
  display: flex;
  font-size: 1.4rem;
  line-height: 1.4;
  align-items: center;
}
.range-slider-inputs .range-input .form-control {
  text-align: right;
  font-size: 1.4rem;
  line-height: 1.4;
  background: transparent;
  padding: 0;
  height: 2rem;
  border: none;
  color: #595855;
  padding-right: 0.4rem;
  width: 8rem;
}

.input-count {
  display: block;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border: none;
  box-shadow: none;
  outline: none;
  border: 1px solid #F3F3F3;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  padding-left: 0;
  padding-right: 2.8rem;
  color: #595855;
}
.input-count-wrap {
  position: relative;
  width: 9.6rem;
  height: 5.6rem;
  background: #FFFFFF;
}
.input-count-btn {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  right: 0;
  top: 0;
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  background: #fff url("/images/front/arrow_up_count.svg") no-repeat center;
  cursor: pointer;
}
.input-count-btn-minus {
  border-top-color: transparent;
  bottom: 0;
  top: auto;
  background: #fff url("/images/front/arrow_down_count.svg") no-repeat center;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  max-width: 100%;
}

.bootstrap-select {
  width: 100%;
  max-width: 100%;
}
.bootstrap-select .dropdown-toggle {
  background: #FFFFFF;
  border: 1px solid #D0CFCE;
  font-size: 1.6rem;
  color: #A0A09E;
  height: 5.6rem;
  width: 100%;
  padding: 0.4rem 1.6rem;
  padding-right: 3.2rem;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  display: flex;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner span {
  padding-top: 0.3rem;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner img {
  margin-right: 0.8rem;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active {
  outline: none !important;
  box-shadow: none;
  background: #FFFFFF !important;
  color: #A0A09E !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.bootstrap-select .dropdown-toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: 1rem;
  top: 1.6rem;
  background: url("/images/front/arrow_down_dark.svg") no-repeat center;
  background-size: 2.4rem auto;
  width: 2.4rem;
  height: 2.4rem;
  transition: all 0.3s;
  transform: rotate(0deg);
}
.bootstrap-select .dropdown-menu {
  width: 100%;
  box-shadow: none;
  padding: 0;
  border: 1px solid #F3F3F3;
}
.bootstrap-select .dropdown-menu .dropdown-item {
  background: #FFFFFF;
  border-bottom: 1px solid #F3F3F3;
  font-size: 1.6rem;
  color: #595855;
  height: 5.6rem;
  width: 100%;
  padding: 0.4rem 1.6rem;
}
.bootstrap-select .dropdown-menu .dropdown-item .text {
  display: flex;
  align-items: center;
}
.bootstrap-select .dropdown-menu .dropdown-item .text span {
  padding-top: 0.3rem;
}
.bootstrap-select .dropdown-menu .dropdown-item img {
  margin-right: 0.8rem;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover {
  border-color: #F3F3F3;
  background: #F3F3F3;
  color: #595855;
}
.bootstrap-select.show .dropdown-toggle {
  border-color: #595855;
  color: #595855;
}
.bootstrap-select.show .dropdown-toggle:after {
  transform: rotate(180deg);
}

.selectlike-dropdown .dropdown-toggle {
  max-width: 24rem;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #D0CFCE;
  font-size: 1.3rem;
  color: #A0A09E;
  height: 4rem;
  width: 100%;
  padding: 0.4rem 1.6rem;
  padding-right: 3.2rem;
}
.selectlike-dropdown .dropdown-toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: url("/images/front/arrow_down_dark.svg") no-repeat center;
  background-size: 2rem auto;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s;
  transform: rotate(0deg);
}
.selectlike-dropdown .dropdown-menu {
  transform: none !important;
  top: 100% !important;
  margin-top: 0.8rem;
  right: 0 !important;
  left: unset !important;
}
.selectlike-dropdown .dropdown-menu-check {
  min-width: 29.4rem;
}

.dropdown-check-list {
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
}

.group-select {
  display: flex;
  flex-direction: column;
}
.group-select > .check-styled {
  display: flex;
  flex-direction: column;
}
.group-select > .check-styled > input[type=checkbox] + label {
  padding-top: 0;
  display: flex;
  align-items: center;
}
.group-select > .check-styled > input[type=checkbox] + label span {
  color: #595855;
}
.group-select > .check-styled > input[type=checkbox]:checked ~ .group-select-inner {
  display: flex;
}
.group-select-inner {
  display: none;
  flex-direction: column;
  padding-left: 3.2rem;
  margin-top: 1.6rem;
}

.file-box-upload {
  border: 1px dashed #D0CFCE;
  width: 100%;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background-color 0.3s, border-color 0.3s;
  margin-bottom: 0.8rem;
}
.file-box-upload:hover {
  background: #F3F3F3;
  border-color: transparent;
}
.file-box-upload .upload-img {
  margin-bottom: 0.4rem;
}
.file-box-upload p {
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}
.file-box-images {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.file-box-images .file-box-item {
  width: 20%;
  padding: 0.8rem;
}
.file-box-images .file-box-item > img {
  width: 100%;
}
.file-box-images .file-box-item-bot {
  background: #F3F3F3;
  height: 2.4rem;
  display: flex;
  justify-content: space-between;
  padding: 0 0.8rem;
  align-items: center;
}
.file-box-images .file-box-item-bot a img,
.file-box-images .file-box-item-bot a svg {
  display: block;
}
.file-box-images .file-box-item-bot a .icon {
  fill: #A0A09E;
  transition: fill 0.3s;
}
.file-box-images .file-box-item-bot a:hover .icon {
  fill: #595855;
}
.file-box-list {
  display: flex;
  flex-direction: column;
  margin-top: 1.6rem;
}
.file-box-list .file-box-item-simple {
  border: 1px solid #F3F3F3;
  padding: 1.5rem 2.4rem;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
.file-box-list .file-box-item-simple-icon {
  width: 2.4rem;
}
.file-box-list .file-box-item-simple-name {
  font-size: 1.6rem;
  color: #595855;
  padding-left: 1.6rem;
  width: calc(100% - 2.4rem - 10rem - 2.4rem);
}
.file-box-list .file-box-item-simple-size {
  width: 10rem;
  font-size: 1.4rem;
  color: #A0A09E;
}
.file-box-list .file-box-item-simple-del {
  width: 2.4rem;
}
.file-box-list .file-box-item-simple-del img {
  width: 2.4rem;
}

.add-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 5.6rem;
  flex-wrap: nowrap;
  margin-bottom: 2.4rem;
}
.add-rating-left {
  padding-right: 2.4rem;
}
.add-rating-right img,
.add-rating-right svg {
  width: 4rem;
}

.password-wrap {
  position: relative;
  max-width: 46.4rem;
  margin-bottom: 1.6rem;
}
.password-wrap.visible-pass .password-show {
  background: url("/images/front/hide.svg") no-repeat center;
}
.password-show {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 1.6rem;
  margin-right: 5.6rem;
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/front/see.svg") no-repeat center;
}

.switch-group {
  display: flex;
  align-items: center;
}
.switch-group .switch-text {
  padding-left: 1.6rem;
  width: calc(100% - 3.4rem);
}

.switch {
  position: relative;
  display: inline-block;
  width: 3.4rem;
  height: 2rem;
  margin-top: 0.5rem;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  left: 0.4rem;
  bottom: 0.4rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #EF7D00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #EF7D00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(1.4rem);
  -ms-transform: translateX(1.4rem);
  transform: translateX(1.4rem);
}

.slider.round {
  border-radius: 38rem;
}

.slider.round:before {
  border-radius: 50%;
}

@media (max-width: 991px) {
  .form-group label {
    font-size: 1.3rem;
  }
  .form-group-info {
    margin-top: -0.8rem;
  }
  .form-group-info p {
    margin-top: 0;
    font-size: 1.2rem;
  }
  .form-control {
    height: 4rem;
    font-size: 1.3rem;
  }
  .file-box-upload .upload-img {
    display: none;
  }
  .file-box-upload p {
    display: none;
  }
  .file-box-images .file-box-item {
    width: 25%;
  }
  .add-rating {
    flex-direction: column;
    align-items: flex-start;
  }
  textarea.form-control {
    font-size: 1.3rem;
  }
  .password-show {
    margin-top: 0.8rem;
  }
}
@media (max-width: 767px) {
  .btn {
    font-size: 1.4rem;
    padding: 1.3rem 1.6rem;
  }
  .btn-transparent {
    font-size: 1.2rem;
    padding: 0.5rem 0.4rem;
  }
  .btn-arrow {
    height: 4rem;
  }
  .btn-arrow img {
    margin-left: 0.8rem;
  }
  .btn-arrow:hover img {
    transform: translateX(0.8rem);
  }
  .btn-bigger {
    padding: 0.8rem 1.6rem;
  }
  .btn-show-more {
    height: 4.8rem;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .bootstrap-select .dropdown-toggle {
    height: 4rem;
    font-size: 1.3rem;
  }
  .bootstrap-select .dropdown-toggle:after {
    top: 0.8rem;
  }
}
@media (max-width: 575px) {
  .file-box-images .file-box-item {
    width: 33.33%;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

select.selectpicker {
  display: block !important;
}

textarea.form-control {
  line-height: 1.4;
}

.btn-icon .hide-mobile {
  margin-right: 4px;
}

.form-error-message {
  color: #D8483D !important;
  font-size: 1.2rem;
  display: block;
  line-height: 1.2;
  margin-top: 0.4rem;
}

.date-range-group {
  display: flex;
  align-items: center;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.date-range-group .form-control {
  height: 4rem;
  padding: 0 1.6rem;
  padding-right: 3.2rem;
  font-size: 1.3rem;
}
.date-range-group .input-icon {
  width: 50%;
  padding: 0 0.4rem;
  position: relative;
}
.date-range-group .input-icon .calendar-btn {
  position: absolute;
  right: 1.6rem;
  top: 0.4rem;
}

.radio-list {
  display: flex;
  flex-wrap: wrap;
}
.radio-list .check-styled-radio {
  width: auto;
  margin-right: 2.4rem;
}
.radio-list .check-styled-radio input[type=radio] + label {
  padding-left: 3.2rem;
}
.radio-list .check-styled-radio input[type=radio] + label:before {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 1px solid #D0CFCE;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  display: block;
}
.radio-list .check-styled-radio input[type=radio] + label:after {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  opacity: 0;
  border: 0.75rem solid #EF7D00;
}
.radio-list .check-styled-radio input[type=radio]:checked + label:before {
  border-color: transparent;
}
.radio-list .check-styled-radio input[type=radio]:checked + label:after {
  opacity: 1;
}

.dropdown.show .dropdown-toggle {
  background: #FFFFFF;
  opacity: 1;
}
.dropdown.show .dropdown-toggle-arrow:after {
  transform: translateY(-50%) rotate(180deg);
}
.dropdown-toggle {
  background: transparent;
  padding: 1rem 1.3rem;
  padding-right: 2.8rem;
}
.dropdown-toggle::after {
  display: block;
  position: absolute;
  right: 0.8rem;
  border: none;
  background: url("/images/front/icon_arrow_drop_down.svg") no-repeat center;
  width: 0.7rem;
  height: 0.4rem;
  margin: 0;
}
.dropdown-toggle:hover {
  opacity: 0.7;
}
.dropdown-toggle-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  background: url("/images/front/arrow_down_dark.svg") no-repeat center;
  background-size: 1.6rem auto;
  width: 1.6rem;
  height: 1.6rem;
  transition: all 0.3s;
  transform: translateY(-50%) rotate(0deg);
}
.dropdown-menu {
  padding: 1rem 2.4rem;
  min-width: 0;
  border: none;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  margin: 0;
}
.dropdown-item {
  font-size: 1.4rem;
  color: #595855;
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
  line-height: 1;
  transition: color 0.3s;
}
.dropdown-item:hover {
  background: transparent;
  color: #A0A09E;
}
.dropdown-item img {
  margin-right: 0.8rem;
}

.dropdown-select {
  width: 24rem;
}
.dropdown-select .dropdown-toggle {
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  font-size: 1.3rem;
  color: #A0A09E;
  height: 4rem;
  width: 100%;
  padding: 0.4rem 1.6rem;
  padding-right: 3.2rem;
}
.dropdown-select .dropdown-toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: url("/images/front/arrow_down_dark.svg") no-repeat center;
  background-size: 2rem auto;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s;
  transform: rotate(0deg);
}
.dropdown-select .dropdown-menu {
  width: 100%;
  box-shadow: none;
  padding: 0;
  border: 1px solid #F3F3F3;
}
.dropdown-select .dropdown-item {
  background: #FFFFFF;
  border-bottom: 1px solid #F3F3F3;
  font-size: 1.3rem;
  color: #595855;
  height: 4rem;
  width: 100%;
  padding: 0.4rem 1.6rem;
}
.dropdown-select .dropdown-item:hover {
  border-color: #595855;
}
.dropdown-select .dropdown-item:last-child {
  border-bottom: none;
}
.dropdown-select.show .dropdown-toggle {
  border-color: #595855;
}
.dropdown-select.show .dropdown-toggle:after {
  transform: rotate(180deg);
}

.dropdown-menu {
  padding: 0;
  min-width: 24rem;
}
.dropdown-menu-big {
  box-shadow: none;
}
.dropdown-menu-big .dropdown-item {
  border: 1px solid #F3F3F3;
  padding: 1.4rem 1.6rem;
  line-height: 1.4;
  margin-top: -1px;
}
.dropdown-menu-big .dropdown-item:hover {
  background: #F3F3F3;
  color: #595855;
}
.dropdown-menu-big .dropdown-item .badge {
  margin-left: auto;
}

.top-bar {
  z-index: 20;
  position: relative;
}
.top-bar .alert {
  justify-content: center;
  text-align: center;
  align-items: center;
  min-height: 4rem;
  display: flex;
}
.top-bar .alert a {
  color: #FFFFFF;
  transition: color 0ms, opacity 200ms;
}
.top-bar .alert a:hover {
  opacity: 0.8;
}
.top-bar .alert .close .icon {
  width: 3.2rem;
  height: 3.2rem;
  stroke: #363530;
  opacity: 0.5;
}
.top-bar .alert .close:hover .icon {
  opacity: 1;
}
.top-bar .alert-bomb {
  background: #FFFF00;
  color: #363530;
}
.top-menu {
  background: #f3f3f3;
  min-height: 4rem;
}
.top-menu-inner {
  display: flex;
  justify-content: space-between;
}
.top-menu-left {
  min-height: 4rem;
  display: flex;
  align-items: center;
}
.top-menu-left ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0 -1.2rem;
  align-items: center;
}
.top-menu-left ul li {
  padding: 0.3rem 1.2rem 0.6rem 1.2rem;
}
.top-menu-left ul li a {
  transition: color 0.3s;
  color: #595855;
  font-size: 1.4rem;
  line-height: 1;
  padding-bottom: 0.2rem;
}
.top-menu-left ul li a:hover, .top-menu-left ul li a.active {
  color: #EF7D00;
}
.top-menu-weblist {
  display: flex;
  min-height: 4rem;
}
.top-menu-weblist a {
  font-size: 1.4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #595855;
  transition: all 0.3s;
  padding: 0 2.4rem;
  border-right: 1px solid #E7E7E7;
}
.top-menu-weblist a.active, .top-menu-weblist a:hover {
  color: #595855;
  background: #FFFFFF;
  border-color: transparent;
}
.top-menu-right {
  display: flex;
}
.top-menu-contact {
  display: flex;
  align-items: center;
}
.top-menu-contact a {
  color: #29A985;
  display: flex;
  align-items: center;
}
.top-menu-contact-indicator {
  background: #29A985;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
}
.top-menu-lang {
  margin-left: 2.4rem;
}

header {
  z-index: 20;
  position: relative;
  background-color: #ffffff;
}

.main-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2.4rem 0;
}

.header-logo {
  width: 25%;
}
.header-logo img {
  max-width: 100%;
}
.header-search {
  width: 50%;
}
.header-search .input-group {
  margin: 0 auto;
  max-width: 71rem;
}
.header-search .input-group img {
  width: 2.4rem;
}
.header-magazin .header-search {
  max-width: 28rem;
}
.header-magazin .header-search .input-group .form-control {
  border: 1px solid #D0CFCE;
  border-right: none;
}
.header-magazin .header-search .input-group-append .btn {
  border: 1px solid #D0CFCE;
  border-left: none;
  padding: 0 1.4rem;
}
.header-magazin .header-search .input-group-append .btn .icon {
  stroke: #595855;
}
.header-magazin .header-right {
  width: auto;
  margin-left: 2.4rem;
}
.header-magazin .header-right .btn-add-article {
  margin-right: 2.4rem;
}
.header-right {
  width: 25%;
  display: flex;
  justify-content: flex-end;
}
.header-social {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header-social span {
  font-size: 1.4rem;
}
.header-social-list {
  display: flex;
}
.header-social-list a {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.header-social-list a .icon {
  fill: #595855;
  transition: all 0.3s;
}
.header-social-list a:hover .icon {
  fill: #EF7D00;
}
.header-login, .header-compare, .header-favorite, .header-cart {
  margin: 0 1.2rem;
  color: #12110C;
  font-size: 1.5rem;
  transition: color 0.3s;
  display: flex;
  align-items: center;
}
.header-login svg path, .header-compare svg path, .header-favorite svg path, .header-cart svg path {
  transition: all 0.3s;
}
.header-login svg + span, .header-compare svg + span, .header-favorite svg + span, .header-cart svg + span {
  margin-left: 0.8rem;
}
.header-login img, .header-compare img, .header-favorite img, .header-cart img {
  transition: all 0.3s;
}
.header-login img + span, .header-compare img + span, .header-favorite img + span, .header-cart img + span {
  margin-left: 0.8rem;
}
.header-favorite, .header-compare {
  position: relative;
}
.header-user {
  margin: 0 1.2rem;
}
.header-user .dropdown-toggle {
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
}
.header-user .dropdown-toggle:after {
  display: none;
}
.header-user .dropdown-toggle .number {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #D8483D;
  color: #FFFFFF;
  font-size: 1rem;
  position: absolute;
  top: -0.2rem;
  left: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
}
.header-user .dropdown-toggle-img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.header-user .dropdown-toggle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-user .dropdown-toggle .username {
  color: #12110C;
  font-size: 1.5rem;
  font-weight: 400;
  margin-left: 0.8rem;
}
.header-user-top {
  padding: 1.2rem 1.6rem;
}
.header-user-top h4 {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-size: 700;
  color: #595855;
  font-size: 1.6rem;
  line-height: 1.4;
}
.header-user-top a {
  font-size: 1.4rem;
  text-decoration: underline;
  color: #595855;
}
.header-user-top a:hover {
  color: #EF7D00;
}
.header-user .dropdown-menu {
  width: 24rem;
  padding: 0;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
  transform: none !important;
  top: calc(100% + 1rem) !important;
  right: 1.6rem !important;
  left: auto !important;
}
.header-user .dropdown-menu:after {
  content: "";
  width: 1.6rem;
  height: 1.1rem;
  display: block;
  position: absolute;
  top: -1rem;
  right: 0.8rem;
  background: url("/images/front/cart_arrow.svg") no-repeat center;
  z-index: 30;
}
.header-user .dropdown-item {
  font-size: 1.4rem;
  color: #595855;
  line-height: 1.4;
  padding: 1.1rem 1.6rem;
  border-top: 1px solid #F3F3F3;
  transition: background-color 0.3s;
}
.header-user .dropdown-item:hover {
  background: #F3F3F3;
}
.header-user .dropdown-item-primary {
  background: #EF7D00;
  color: #FFFFFF;
}
.header-user .dropdown-item-primary .icon {
  fill: #FFFFFF;
  margin-right: 0.8rem;
}
.header-user .dropdown-item-primary:hover {
  background: #D47323;
}
.header-user .dropdown-item-logout {
  background: #F3F3F3;
}
.header-user .dropdown-item-logout .icon {
  fill: #595855;
  margin-right: 0.8rem;
}
.header-user .dropdown-item-logout:hover {
  background: #E7E7E7;
}
.header-login .icon {
  transition: all 0.3s;
  fill: #12110C;
}
.header-login:hover .icon {
  fill: #EF7D00;
}
.header-login:hover svg path {
  fill: #EF7D00;
}
.header-compare .icon {
  transition: all 0.3s;
  stroke: #12110C;
}
.header-compare:hover .icon {
  stroke: #EF7D00;
}
.header-compare:hover svg path {
  stroke: #EF7D00;
}
.header-favorite .icon {
  transition: all 0.3s;
  stroke: #12110C;
}
.header-favorite:hover .icon {
  stroke: #EF7D00;
}
.header-favorite:hover svg path {
  stroke: #EF7D00;
}
.header-cart .icon {
  transition: all 0.3s;
}
.header-cart:hover .icon {
  fill: #EF7D00;
}
.header-cart:hover svg path {
  fill: #EF7D00;
}
.header-cart {
  position: relative;
}
.header-cart-icon {
  position: absolute;
  border-radius: 50%;
  background: #D8483D;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 15px;
  height: 15px;
  line-height: 1;
  top: -0.4rem;
  right: -0.4rem;
  padding-bottom: 0.1rem;
}

.main-menu {
  background: #363530;
  position: relative;
}
.main-menu .container > ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  min-height: 4.8rem;
  display: flex;
}
.main-menu .container > ul > li {
  margin: 0;
  padding: 0;
  display: flex;
}
.main-menu .container > ul > li.active > a {
  background-color: #FFFFFF;
  color: #363530;
}
.main-menu .container > ul > li:hover > a {
  background-color: #FFFFFF;
  color: #363530;
}
.main-menu .container > ul > li > a {
  padding: 0 0.8rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
.main-menu .container > ul > li > a:hover {
  background: #FFFFFF;
  color: #363530;
}
.main-menu .container > ul > li.all > a {
  background: #565654;
}
.main-menu .container > ul > li.all > a .icon {
  fill: #FFFFFF;
  transition: all 0.3s;
}
.main-menu .container > ul > li.all:hover > a {
  background-color: #FFFFFF;
}
.main-menu .container > ul > li.all:hover > a .icon {
  fill: #363530;
}
.main-menu-magazin .container {
  display: flex;
}
.main-menu-magazin .container > ul > li {
  flex-grow: 0 !important;
}
.main-menu-magazin .container > ul > li > a {
  padding: 0 1.4rem;
}
.main-menu-magazin .container .main-menu-right {
  margin-left: auto;
}

.header-menu-toggle-wrap {
  display: none;
  position: relative;
  width: 4.8rem;
  height: 4.8rem;
}
.header-menu-toggle-wrap > span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0.6rem;
  line-height: 1;
  text-align: center;
  font-size: 1rem;
  color: #000;
}

.header-menu-toggle {
  opacity: 0.8;
  width: 48px;
  height: 48px;
  position: relative;
  border: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  padding: 0;
}
.header-menu-toggle:hover {
  opacity: 1;
}

.header-menu-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #000;
  border-radius: 999px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  left: 11px;
}

.header-menu-toggle span:nth-child(1) {
  top: 12px;
}

.header-menu-toggle span:nth-child(2) {
  top: 18px;
}

.header-menu-toggle span:nth-child(3) {
  top: 24px;
}

.header-menu-toggle.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.header-menu-toggle.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.header-menu-toggle.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.spec-menu {
  display: flex;
  height: 4.8rem;
}
.spec-menu-left {
  display: flex;
}
.spec-menu-left-item {
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  color: #363530;
  transition: all 0.3s;
}
.spec-menu-left-item img,
.spec-menu-left-item svg {
  margin-right: 0.8rem;
}
.spec-menu-left-item.active, .spec-menu-left-item:hover {
  background: #363530;
  color: #FFFFFF;
}
.spec-menu-right {
  display: flex;
  margin-left: auto;
}
.spec-menu-right a {
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  color: #363530;
  transition: all 0.3s;
}
.spec-menu-right a:hover, .spec-menu-right a.active {
  color: #EF7D00;
}

@media (max-width: 1499px) {
  .main-menu ul li a {
    font-size: 1.4rem;
  }
  .header-magazin .header-search {
    max-width: 22rem;
  }
  .header-magazin .header-right .btn-add-article {
    margin-right: 1.6rem;
  }
}
@media (max-width: 1399px) {
  .header-logo {
    width: 30%;
  }
  .header-search {
    width: 40%;
  }
  .header-right {
    width: 30%;
  }
  .header-login,
  .header-compare,
  .header-favorite,
  .header-cart {
    margin: 0 0.8rem;
  }
  .main-menu .container > ul > li > a {
    padding: 0 0.4rem;
    font-size: 1.3rem;
  }
  .top-menu-weblist a {
    padding: 0 1.2rem;
    font-size: 1.2rem;
  }
  .top-menu-left ul li {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .top-menu-left ul li a {
    font-size: 1.3rem;
  }
  .top-menu-contact {
    font-size: 1.4rem;
  }
  .top-menu-lang {
    margin-left: 1.2rem;
  }
  .header-social span {
    display: none;
  }
}
@media (max-width: 1199px) {
  .spec-menu-container {
    display: none;
  }
  .top-menu {
    display: none;
  }
  .main-menu {
    display: none;
  }
  .main-header {
    padding: 0;
    flex-wrap: wrap;
  }
  header .container {
    max-width: 100%;
    padding: 0;
  }
  .header-logo {
    order: 1;
    padding: 0.8rem 0;
    margin-left: 0.8rem;
  }
  .header-search {
    order: 3;
    width: 100%;
  }
  .header-search .input-group {
    max-width: 100%;
  }
  .header-search .input-group-prepend {
    background: #f3f3f3;
    border: none;
  }
  .header-search .input-group .form-control {
    background: #f3f3f3;
    border: none;
  }
  .header-right {
    order: 2;
    padding: 0.8rem 0;
    margin-left: auto;
  }
  .header-login span {
    display: none;
  }
  .header-menu-toggle-wrap {
    display: block;
  }
  .header-social {
    display: none;
  }
  .header-magazin .header-right {
    margin-left: auto;
  }
  .header-magazin .header-search {
    max-width: 100%;
  }
  .header-magazin .header-search .input-group .form-control {
    border: none;
  }
  .header-magazin .header-search .input-group-append .btn {
    border: none;
    background: #EF7D00;
  }
  .header-magazin .header-search .input-group-append .btn .icon {
    stroke: #FFFFFF;
  }
}
@media (max-width: 767px) {
  .header-login > img,
  .header-login svg,
  .header-compare > img,
  .header-compare svg,
  .header-favorite > img,
  .header-favorite svg,
  .header-cart > img,
  .header-cart svg {
    width: 2.4rem;
  }
  .header-logo {
    width: 13rem;
  }
  .header-magazin .header-right {
    margin-left: auto;
  }
  .header-magazin .header-right .btn-add-article {
    padding: 0.4rem 0.4rem;
    font-size: 1.2rem;
    margin-right: 0;
  }
  .header-magazin .header-right .btn-add-article img {
    height: 1.5rem;
  }
}
.submenu-wrap {
  display: none;
  background: #FFFFFF;
  padding: 3.2rem 0;
  padding-bottom: 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
  width: 100%;
  left: 0;
  box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.32);
}
.submenu-wrap.active {
  display: block;
}

.submenu-left-menu {
  width: 25%;
  display: flex;
  flex-direction: column;
}
.submenu-left-menu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 3.2rem;
}
.submenu-left-menu-item {
  display: flex;
  padding-right: 2.4rem;
}
.submenu-left-menu-item > a {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #F3F3F3;
  color: #363530;
  padding-right: 0;
}
.submenu-left-menu-item > a:after {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background: url("/images/front/left_menu_right.svg") no-repeat center;
  opacity: 0;
  transition: all 0.3s;
}
.submenu-left-menu-item-img {
  width: 4.8rem;
  height: 4.8rem;
  padding: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 0.8rem;
}
.submenu-left-menu-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.submenu-left-menu-item-text {
  font-size: 1.4rem;
  font-weight: 700;
}
.submenu-left-menu-item.submenu-left-menu-item-active > a {
  color: #EF7D00;
  border-color: #EF7D00;
}
.submenu-left-menu-item.submenu-left-menu-item-active > a:after {
  opacity: 1;
}
.submenu-left-menu-item .submenu-main-block-menu {
  display: none;
  position: absolute;
  left: 25%;
  width: 75%;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #FFFFFF;
}
.submenu-left-menu-item.submenu-left-menu-item-active .submenu-main-block-menu {
  display: flex;
}
.submenu-main-block {
  display: flex;
  position: relative;
}
.submenu-main-block-menu {
  width: 75%;
  display: flex;
  flex-wrap: wrap;
}
.submenu-main-block-banner {
  width: 25%;
  padding: 0 1.2rem;
}
.submenu-main-block-banner .product-item {
  margin: 0;
}
.submenu-item {
  padding: 0 1.2rem;
  width: 33.33%;
  display: flex;
  margin-bottom: 2.4rem;
}
.submenu-item-img {
  width: 6.4rem;
}
.submenu-item-img img {
  max-width: 100%;
}
.submenu-item-cat {
  width: calc(100% - 6.4rem);
  padding-left: 2.4rem;
}
.submenu-item-cat h4 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #363530;
  line-height: 1.2;
}
.submenu-item-cat h4 a {
  color: #363530;
}
.submenu-item-cat h4 a:hover {
  color: #EF7D00;
}
.submenu-item-cat p {
  color: #a0a09e;
  font-size: 1.4rem;
  line-height: 1.4;
}
.submenu-item-cat ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.submenu-item-cat ul li {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.submenu-item-cat ul li.submenu-item-other a {
  color: #a0a09e;
}
.submenu-item-cat ul li a {
  font-size: 1.4rem;
  color: #595855;
  display: inline-block;
  line-height: 1.2;
}
.submenu-item-cat ul li a:hover {
  color: #EF7D00;
}

.submenu-grey-box {
  background: #f3f3f3;
  padding: 1.6rem 0;
}
.submenu-grey-box-list {
  display: flex;
  align-items: center;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.submenu-grey-box-item {
  padding: 0 1.2rem;
  width: 25%;
  display: flex;
  align-items: center;
}
.submenu-grey-box-item-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.submenu-grey-box-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.submenu-grey-box-item-name {
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  width: calc(100% - 6.4rem);
  padding-left: 2rem;
  color: #363530;
}

.submenu-link-more {
  text-align: right;
  font-size: 1.8rem;
  font-weight: 700;
  justify-content: flex-end;
}
.submenu-link-more a {
  text-decoration: underline;
  color: #363530;
}
.submenu-link-more a:hover {
  text-decoration: none;
}

.submenu-brand-list {
  display: flex;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
  align-items: center;
}
.submenu-brand-item {
  width: 16.66%;
  padding: 1.2rem;
}
.submenu-brand-item img {
  max-width: 100%;
}

.header-cart-wrap {
  position: relative;
}

.cart-preview-box {
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
  position: absolute;
  top: calc(100% + 1.6rem);
  right: 1.2rem;
  width: 34.4rem;
  z-index: 30;
  background: #FFFFFF;
}
.cart-preview-box:after {
  content: "";
  width: 1.6rem;
  height: 1.1rem;
  display: block;
  position: absolute;
  top: -1rem;
  right: 0.8rem;
  background: url("/images/front/cart_arrow.svg") no-repeat center;
  z-index: 30;
}

.cart-preview-box {
  display: none;
}
.cart-preview-item {
  display: flex;
  padding: 0.8rem;
  align-items: center;
  border-bottom: 1px solid #F3F3F3;
}
.cart-preview-item-list {
  max-height: 44rem;
  overflow-y: auto;
}
.cart-preview-item-list-wrap {
  position: relative;
  padding: 0.8rem;
}
.cart-preview-item-list-wrap:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  height: 4.8rem;
  width: 100%;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
}
.cart-preview-item-list-wrap.full:after {
  display: none;
}
.cart-preview-item-img {
  width: 9.8rem;
  text-align: center;
}
.cart-preview-item-text {
  display: flex;
  flex-direction: column;
  padding-left: 1.6rem;
  width: calc(100% - 9.8rem);
}
.cart-preview-item-name {
  font-family: "Sora", sans-serif;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #363530;
}
.cart-preview-item-bot {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.8rem;
}
.cart-preview-item-bot span {
  font-size: 1.4rem;
  color: #A0A09E;
}
.cart-preview-item-bot .price {
  font-size: 1.4rem;
  font-weight: 700;
  color: #363530;
  width: 9rem;
  text-align: right;
}
.cart-preview-free-shipping {
  padding: 0 0.8rem;
}
.cart-preview-free-shipping .free-shipping {
  margin-top: 1.6rem;
  font-size: 1.4rem;
}
.cart-preview-free-shipping .free-shipping-top {
  margin-bottom: 0.8rem;
}
.cart-preview-price {
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F3F3F3;
  color: #363530;
  font-size: 1.6rem;
}
.cart-preview-box .btn-primary {
  width: 100%;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
}

@media (max-width: 575px) {
  .header-user .dropdown-toggle-img {
    width: 3rem;
    height: 3rem;
  }
  .header-user .dropdown-toggle .number {
    left: 2.2rem;
  }
  .header-user .dropdown-toggle .username {
    display: none;
  }
  .header-user .dropdown-menu {
    right: -8rem !important;
  }
  .header-user .dropdown-menu:after {
    right: 8.7rem;
  }
}
.carousel-item {
  width: 100%;
  overflow: hidden;
  height: 56rem;
}
.carousel-item-img {
  height: 100%;
}
.carousel-item-img img {
  margin-left: 50%;
  transform: translateX(-50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.carousel-caption {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding-top: 0;
  padding-bottom: 5.6rem;
}
.carousel-caption-top {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
.carousel-caption .h1 {
  color: #FFFFFF;
  max-width: 60rem;
  line-height: 1.26;
  margin-bottom: 1.6rem;
  font-size: 5.6rem;
}
.carousel-caption-btns {
  display: flex;
  align-items: center;
  margin-bottom: 2.8rem;
}
.carousel-caption-btns .btn {
  margin: 0.4rem;
}
.carousel-indicators {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  position: relative;
  height: 5.6rem;
}
.carousel-indicators-wrap {
  z-index: 15;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: linear-gradient(180deg, rgba(54, 53, 48, 0.6) 0%, rgba(18, 17, 12, 0.6) 100%);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
}
.carousel-indicators li {
  height: 100%;
  flex: 1 1 0px;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  text-indent: 0;
  background: none;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  opacity: 1;
  border: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.carousel-indicators li.active {
  border-top: 2px solid #EF7D00;
}

@media (max-width: 991px) {
  .carousel-indicators {
    display: flex;
    justify-content: center;
    height: auto;
    margin-bottom: 2.4rem;
  }
  .carousel-indicators-wrap {
    background: transparent;
    backdrop-filter: none;
  }
  .carousel-indicators li {
    text-indent: -999px;
    flex: initial;
    overflow: hidden;
    width: 2.4rem;
    height: 0.4rem;
    background: #A0A09E;
    display: block;
    margin: 0 0.4rem;
  }
  .carousel-indicators li.active {
    background: #EF7D00;
  }
  .carousel-caption {
    padding: 0 1.2rem;
  }
}
@media (max-width: 767px) {
  .carousel-item {
    height: 36rem;
  }
  .carousel-item-img {
    height: 100%;
  }
  .carousel-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .carousel-caption {
    padding: 0 1.2rem;
  }
  .carousel-caption .h1 {
    font-size: 2.4rem;
    max-width: 26rem;
  }
  .carousel-caption-top {
    font-size: 1.4rem;
  }
}
.brand-section {
  background: #F3F3F3;
}
.brand-list {
  min-height: 9.6rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.brand-item {
  display: block;
  width: 16.66%;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 1.2rem;
  margin-bottom: 2.4rem;
  opacity: 1;
  transition: opacity 0.3s;
}
.brand-item img {
  max-width: 100%;
}
.brand-item:hover {
  opacity: 0.7;
}

.brand-list-sectio .symbol-list {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1;
}

.brand-section .brand-item {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .brand-item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .brand-list {
    min-height: 5.6rem;
  }
  .brand-item {
    width: 30%;
    padding: 0 0.6rem;
  }
}
.product-item {
  border: 1px solid #f3f3f3;
  margin: 0 1.2rem 2.4rem 1.2rem;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
  position: relative;
}
.product-item-col {
  display: flex;
  flex-direction: column;
}
.product-item-col .product-item {
  flex-grow: 1;
}
.product-item.col-6 {
  padding: 2.4rem;
}
.product-item p {
  flex-grow: 1;
}
.product-item-last {
  text-align: center;
}
.product-item-recommend {
  border: 2px solid #D4FED9;
}
.product-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}
.product-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.product-item-img .bomb-tag {
  position: absolute;
  right: 0;
  bottom: 0;
}
.product-item-top-tags {
  position: absolute;
  left: 0;
  top: 0;
  margin: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
.product-item-top-line-tags {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.product-item-top-line-tags .top-tag {
  display: flex;
  background: #D4FED9;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 0.5rem 0.8rem;
  line-height: 1.4;
  color: #32CA8E;
}
.product-item-name {
  font-weight: 700;
  font-size: 1.8rem;
  color: #363530;
  line-height: 1.38;
  display: block;
  margin-bottom: 0.8rem;
  transition: color 0.3s;
  font-family: "Sora", sans-serif;
}
.product-item p {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  line-height: 1.4;
}
.product-item-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.4rem;
  margin-bottom: 1.6rem;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.product-item-tags .tag {
  margin: 0.4rem;
}
.product-item-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  margin-top: auto;
}
.product-item-info-right {
  display: flex;
}
.product-item-info-right .icon {
  stroke: #d0cfce;
  transition: stroke 0.3s;
}
.product-item-info-right svg {
  width: 2.4rem;
}
.product-item-info-right svg path {
  transition: all 0.3s;
  stroke: #d0cfce;
}
.product-item-info-right a:hover .icon, .product-item-info-right a.active .icon {
  stroke: #EF7D00;
}
.product-item-info-right a:hover svg path, .product-item-info-right a.active svg path {
  stroke: #EF7D00;
}
.product-item-like {
  margin-left: 0.8rem;
}
.product-item-rating {
  display: flex;
  align-items: center;
}
.product-item-rating img {
  display: block;
}
.product-item-rating-review {
  color: #A0A09E;
  font-size: 1.2rem;
  line-height: 1;
  padding-top: 0.2rem;
  margin-left: 0.4rem;
}
.product-item-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.product-item-price {
  display: flex;
  flex-direction: column;
}
.product-item-price .main-price {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #363530;
}
.product-item-price .price-before {
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: line-through;
  margin-top: 0.4rem;
}
.product-item .btn {
  padding: 1.4rem 3.2rem;
}
.product-item-bottom-btns {
  display: flex;
  justify-content: space-between;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-top: 1.2rem;
  align-items: stretch;
}
.product-item-bottom-btns .w-50 {
  padding: 0.4rem;
  display: flex;
  align-items: stretch;
}
.product-item-bottom-btns .btn {
  width: 100%;
  margin-top: 0;
  height: 4.8rem;
}
.product-item-bottom-btns .btn img {
  padding-top: 0.2rem;
}

.circle-tag {
  background: #D8483D;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  font-size: 1.2rem;
  color: #FFFFFF;
  line-height: 1;
}
.circle-tag span.bigger,
.circle-tag .circle-tag-bigger {
  margin-top: 0.2rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.circle-tag span.bigger span,
.circle-tag .circle-tag-bigger span {
  display: none;
}

.product-item-col .product-item {
  margin: 0;
}

.product-item-small {
  padding: 1.6rem !important;
  margin-bottom: 1.6rem;
}
.product-item-small .tag {
  font-size: 1.2rem;
  padding: 0.45rem 1rem;
}
.product-item-small .product-item-img {
  max-width: 22.4rem;
  margin: 0 auto;
}
.product-item-small .product-item-tags .tag {
  margin: 0.2rem;
}
.product-item-small .product-item-name {
  font-size: 1.6rem;
}
.product-item-small .product-item-rating-review {
  display: none;
}
.product-item-small .btn {
  height: 4.7rem;
  padding: 1.4rem 2.4rem;
}
.product-item-small .btn img {
  display: none;
}
.product-item-small .circle-tag {
  width: 5.6rem;
  height: 5.6rem;
}
.product-item-small .circle-tag span {
  display: none;
}
.product-item-small .circle-tag span.circle-tag-bigger {
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 0;
}
.product-item-small .circle-tag span.circle-tag-bigger span {
  display: block;
}
.product-item-small .product-item-top-line-tags .top-tag {
  font-size: 1.2rem;
}
.product-item-small .product-item-top-tags {
  margin: 0.8rem;
}

.product-list-slider {
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.product-list-slider .product-item {
  flex: 0 0 calc(49% - 0.8rem);
  max-width: calc(49% - 0.8rem);
}

@media (min-width: 767px) {
  .product-list-slider .product-item {
    flex: 0 0 calc(33.33% - 0.8rem);
    max-width: calc(33.33% - 0.8rem);
  }
}
@media (min-width: 1199px) {
  .product-list-slider .product-item {
    flex: 0 0 calc(25% - 2.4rem);
    max-width: calc(25% - 2.4rem);
  }
}
@media (max-width: 1399px) {
  .product-item-rating img {
    width: 1.2rem;
  }
  .product-item .btn {
    padding: 1.4rem 1.8rem;
  }
  .product-item-bottom-btns {
    display: flex;
    flex-direction: column;
  }
  .product-item-bottom-btns .w-50 {
    width: 100% !important;
  }
  .product-item-bottom-btns .w-50 .dropdown {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .product-list-slider {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .product-item {
    padding: 0.8rem;
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .product-item-name {
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
  }
  .product-item p {
    font-size: 1rem;
  }
  .product-item-rating-review {
    display: none;
  }
  .product-item-info {
    margin-bottom: 0.8rem;
  }
  .product-item-info-right {
    display: none;
  }
  .product-item-price .main-price {
    font-size: 1.1rem;
  }
  .product-item-price .price-before {
    font-size: 1rem;
  }
  .product-item .btn {
    font-size: 1.2rem;
    padding: 0.9rem 1.6rem;
  }
  .product-item .btn img {
    display: none;
  }
  .product-item-tags {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
    margin-bottom: 0.8rem;
  }
  .product-item-tags .tag {
    margin: 0.1rem;
  }
  .product-item-tags .tag {
    font-size: 1rem;
    padding: 0.3rem 0.4rem;
  }
  .circle-tag {
    width: 4rem;
    height: 4rem;
  }
  .circle-tag span {
    font-size: 1.2rem;
    display: none;
  }
  .circle-tag span.bigger, .circle-tag span.circle-tag-bigger {
    display: flex;
    margin-top: 0;
    font-size: 1.2rem;
  }
  .circle-tag span.bigger span, .circle-tag span.circle-tag-bigger span {
    display: block;
  }
}
.row-product-page {
  align-items: flex-start;
}

.main-content h1 {
  margin-bottom: 1.6rem;
}
.main-content p {
  margin-bottom: 1.6rem;
}

.text-show-more {
  position: relative;
  text-decoration: underline;
}
.text-show-more:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  content: "";
  width: 4.8rem;
  height: 2rem;
  right: 100%;
  top: 0;
  display: block;
  position: absolute;
}

.q-link {
  background: url("/images/front/icon_question.svg") no-repeat left top 0.2rem;
  padding-left: 3.2rem;
  line-height: 1.8;
  font-size: 1.5rem;
  color: #595855;
  text-decoration: none;
  min-height: 2.4rem;
  display: inline-flex;
  margin-right: 2.4rem;
}
.q-link span {
  color: #595855;
  position: relative;
}
.q-link span:after {
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background: #595855;
  content: "";
  display: block;
  position: absolute;
  transition: opacity 0.3s;
}
.q-link span:hover {
  color: #595855;
}
.q-link span:hover:after {
  opacity: 0;
}

.product-list-section .left-menu {
  order: 1;
}
.product-list-section .main-content {
  order: 2;
}

.product-list-category .product-list-category-item {
  padding: 0 1.6rem;
}
.product-list-category-item {
  border: 1px solid #F3F3F3;
  margin-bottom: 1.6rem;
  padding: 0 1.6rem;
  display: flex;
  align-items: center;
  color: #595855;
  transition: border-color 0.3s;
  line-height: 1.2;
}
.product-list-category-item-img {
  width: 5.6rem;
}
.product-list-category-item-name {
  width: calc(100% - 5.6rem);
  padding-left: 1.6rem;
  line-height: 1.2;
}
.product-list-category-item:hover {
  color: #595855;
  border-color: #A0A09E;
}

.product-list-sort-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8rem;
}

.product-list-sort {
  display: flex;
  flex-wrap: wrap;
}
.product-list-sort span {
  color: #A0A09E;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0.8rem;
  margin-left: 0;
}
.product-list-sort a {
  font-size: 1.4rem;
  color: #A0A09E;
  line-height: 1.4;
  margin: 0.8rem;
}
.product-list-sort a.active, .product-list-sort a:hover {
  color: #595855;
}

.product-list-cols {
  display: flex;
  align-items: center;
}
.product-list-cols a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.3s;
}
.product-list-cols a .icon {
  fill: #D0CFCE;
  transition: fill 0.3s;
}
.product-list-cols a svg rect {
  transition: all 0.3s;
}
.product-list-cols a.active, .product-list-cols a:hover {
  background: #F3F3F3;
}
.product-list-cols a.active .icon, .product-list-cols a:hover .icon {
  fill: #A0A09E;
}
.product-list-cols a.active svg rect, .product-list-cols a:hover svg rect {
  fill: #A0A09E;
}

.product-item-banner {
  position: relative;
  margin-bottom: 2.4rem;
}
.product-item-banner:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
  pointer-events: none;
}
.product-item-banner:hover:after {
  opacity: 0.6;
}
.product-item-banner-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.product-item-banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-item-banner-text {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4rem 3.2rem;
}
.product-item-banner-name {
  line-height: 1.25;
  margin-bottom: 2.4rem;
}
.product-item-banner-name a {
  color: #fff;
}
.product-item-banner .btn {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
.product-item-banner.product-item-banner-small {
  margin-bottom: 1.6rem;
}
.product-item-banner.product-item-banner-small .product-item-banner-text {
  padding: 2.4rem;
}
.product-item-banner.product-item-banner-small .product-item-banner-name {
  font-size: 2.4rem;
}

.active-filter-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-bottom: 1.6rem;
  align-items: center;
}
.active-filter-item {
  background: #F3F3F3;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #595855;
  display: flex;
  align-items: center;
  margin: 0.4rem;
}
.active-filter-item span.active-filter-item-name {
  font-weight: 700;
}
.active-filter-item span + .active-filter-item-name {
  margin-left: 0.4rem;
}
.active-filter-item-color {
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
  border-radius: 50%;
  margin-left: 0.4rem;
  margin-top: 0.2rem;
}
.active-filter-item-color:after {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  left: -0.2rem;
  top: -0.2rem;
  content: "";
  display: block;
}
.active-filter-item-close {
  margin-left: 0.8rem;
}
.active-filter-item-close .icon {
  stroke: #A0A09E;
  transition: stroke 0.3s;
}
.active-filter-item-close:hover .icon {
  stroke: #595855;
}
.active-filter-item-close:hover svg path {
  stroke: #595855;
}

.cancel-active-filter {
  margin-left: 2rem;
  color: #A0A09E;
  text-decoration: underline;
  font-size: 1.4rem;
  line-height: 1.4;
}
.cancel-active-filter:hover {
  color: #A0A09E;
}

.product-list-sort-mobile {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.product-list-sort-mobile span {
  font-size: 1.4rem;
  font-weight: 700;
  color: #595855;
}

.product-list-brand-img {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

@media (max-width: 1399px) {
  .product-list-cols {
    display: none;
  }
}
@media (max-width: 991px) {
  .product-item-banner-name {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
    line-height: 1.25;
  }
  .product-item-banner-text {
    padding: 1.6rem;
  }
  .product-item-banner .btn {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .product-list-category .product-list-category-item {
    padding: 0 0.8rem;
  }
  .product-list-category-item {
    padding: 0 0.8rem;
    min-height: 4.8rem;
    margin-bottom: 0.8rem;
  }
  .product-list-category-item-img {
    width: 4rem;
  }
  .product-list-category-item-name {
    width: calc(100% - 4rem);
    padding-left: 0.8rem;
    line-height: 1.2;
    font-size: 1.3rem;
  }
  .product-list-sort-line {
    display: none;
  }
  .product-list-sort-mobile {
    display: flex;
  }
  .cancel-active-filter {
    margin: 0.4rem;
  }
  .product-item-small {
    padding: 0.8rem !important;
  }
  .product-item-small .btn {
    height: unset;
  }
  .product-item-small .circle-tag {
    width: 4rem;
    height: 4rem;
  }
  .product-item-small .circle-tag span.circle-tag-bigger {
    font-size: 1.2rem;
  }
  .product-list-brand-img {
    margin: 0 auto;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .product-item.col-6 {
    padding: 0.8rem;
  }
  .product-item-top-tags {
    margin: 0.8rem;
  }
  .product-item-top-line-tags .top-tag {
    font-size: 1rem;
    padding: 0.2rem 0.4rem;
  }
}
.orange-box {
  background: #FFF4D7;
  padding: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.orange-box img {
  margin-bottom: 2.4rem;
}
.orange-box p {
  margin-bottom: 0.8;
  font-size: 1.8rem;
}

.product-simple-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}

.product-item-simple {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  align-items: center;
  text-align: center;
}
.product-item-simple .check-styled {
  display: flex;
  justify-content: center;
  width: auto;
}
.product-item-simple .check-styled input[type=checkbox] + label {
  padding-left: 2.4rem;
}
.product-item-simple-col {
  padding: 0 0.4rem;
  display: flex;
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .product-item-simple-col-3 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 768px) {
  .product-item-simple-col-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.product-item-simple .product-item-name {
  font-size: 1.1rem;
  margin-bottom: 1.6rem;
}
.product-item-simple.big {
  margin-bottom: 1.6rem;
}
.product-item-simple.big .product-item-name {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
  max-width: 30rem;
}

.banner-cat-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.banner-cat-item {
  padding: 0;
  width: calc(25% - 2.4rem);
  margin: 0 1.2rem 2.4rem 1.2rem;
  position: relative;
  overflow: hidden;
  display: flex;
}
.banner-cat-item-big {
  width: calc(50% - 2.4rem);
}
.banner-cat-item-img {
  position: relative;
}
.banner-cat-item-img img {
  transition: all 0.3s;
  transform-origin: bottom right;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-cat-item:hover .banner-cat-item-img img {
  transform: scale(1.03);
  transform-origin: bottom right;
}
.banner-cat-item-gradient {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.banner-cat-item-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3.2rem;
  z-index: 20;
}
.banner-cat-item-head {
  margin-bottom: 1.6rem;
  display: block;
  line-height: 1.25;
}
.banner-cat-item-head a {
  color: #FFFFFF;
}
.banner-cat-item-head a:hover {
  color: #FFFFFF;
}
.banner-cat-item-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-bottom: -0.4rem;
}
.banner-cat-item-btns .btn {
  margin: 0.4rem;
}

@media (max-width: 1399px) {
  .banner-cat-item-text {
    padding: 2.4rem;
  }
}
@media (max-width: 991px) {
  .banner-cat-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .banner-cat-item {
    margin: 0 0.4rem 0.8rem 0.4rem;
    width: calc(25% - 0.8rem);
  }
  .banner-cat-item-text {
    padding: 1.6rem;
  }
  .banner-cat-item-big {
    width: calc(50% - 0.8rem);
  }
  .banner-cat-item-head {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .banner-cat-item-btns {
    display: none;
  }
}
@media (max-width: 575px) {
  .banner-cat-item {
    width: calc(50% - 0.8rem);
  }
  .banner-cat-item-big {
    width: calc(100% - 0.8rem);
  }
}
.banner-activity-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.banner-activity-item {
  width: calc(25% - 2.4rem);
  background: #f3f3f3;
  margin: 0 1.2rem 2.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 2.4rem 3.2rem;
  flex-shrink: 0;
}
.banner-activity-item-img {
  transition: all 0.3s;
}
.banner-activity-item:hover .banner-activity-item-img {
  transform: scale(1.03);
}
.banner-activity-item-name {
  margin-bottom: 0;
  line-height: 1.2;
}
.banner-activity-item-name a {
  color: #595855;
  transition: all 0.3s;
}
.banner-activity-item-name a:hover {
  color: #363530;
}

@media (max-width: 1199px) {
  .banner-activity-item {
    width: calc(33.33% - 2.4rem);
  }
}
@media (max-width: 991px) {
  .banner-activity-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .banner-activity-item {
    width: calc(33.33% - 0.8rem);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .banner-activity-item-name {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .banner-activity-item {
    width: calc(49% - 0.8rem);
  }
}
.fullpage-text-banner {
  display: flex;
  background-color: #595855;
}
.fullpage-text-banner-text {
  padding: 2rem 8rem;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin-bottom: 1.6rem;
}
.fullpage-text-banner-text .h1 {
  margin-bottom: 1.6rem;
  color: #FFFFFF;
  line-height: 1.25;
}
.fullpage-text-banner-text-inner {
  max-width: 48rem;
}
.fullpage-text-banner-text p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 2.4rem;
}
.fullpage-text-banner-img {
  width: 50%;
}
.fullpage-text-banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .fullpage-text-banner {
    position: relative;
  }
  .fullpage-text-banner-text {
    padding: 1.6rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .fullpage-text-banner-text p {
    display: none;
  }
  .fullpage-text-banner-img {
    width: 100%;
  }
}
.news-section h1 {
  margin-bottom: 1.6rem;
}

.news-list {
  display: flex;
  flex-wrap: wrap;
}

.news-item {
  display: flex;
  background: #f3f3f3;
  flex-direction: column;
  position: relative;
  margin-bottom: 2.4rem;
}
.news-item-tags {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 1.4rem;
}
.news-item-tags .tag {
  margin: 0.2rem;
}
.news-item-content {
  padding: 2.4rem;
}
.news-item-img img {
  width: 100%;
}
.news-item-name {
  font-size: 1.8rem;
  line-height: 1.38;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
.news-item-name a {
  color: #363530;
}
.news-item-name a:hover {
  color: #EF7D00;
}
.news-item-name-before {
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
  color: #A0A09E;
}
.news-item-time {
  font-size: 1.6rem;
  font-weight: 700;
}
.news-item-place {
  font-size: 1.6rem;
  font-weight: 700;
}
.news-item-big .news-item-name-before, .news-item-cover .news-item-name-before {
  opacity: 0.8;
  color: #FFFFFF;
}
.news-item p {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 1.6rem;
}
.news-item-link {
  font-size: 1.5rem;
  color: #595855;
  text-decoration: underline;
}
.news-item-link:hover {
  color: #595855;
}
.news-item-bot-link {
  display: flex;
  align-items: center;
}
.news-item-chat {
  margin-left: 0.8rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: #595855;
}
.news-item-chat .icon {
  fill: #595855;
  margin-right: 0.4rem;
}
.news-item-chat:hover {
  color: #595855;
}
.news-item-fb {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.8rem;
  background: #3388F0;
  margin-bottom: 1rem;
}
.news-item-fb .icon {
  fill: #FFFFFF;
}
.news-item-big .news-item-chat, .news-item-cover .news-item-chat {
  color: #FFFFFF;
}
.news-item-big .news-item-chat .icon, .news-item-cover .news-item-chat .icon {
  fill: #FFFFFF;
}
.news-item-big .news-item-chat:hover, .news-item-cover .news-item-chat:hover {
  color: #FFFFFF;
}
.news-item-avatar {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  bottom: 1.6rem;
  right: 1.6rem;
  background: #FFFFFF;
  z-index: 10;
}
.news-item-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-item-big {
  position: relative;
  margin-bottom: 2.4rem;
}
.news-item-big:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
}
.news-item-big:hover:after {
  opacity: 0.6;
}
.news-item-big-img {
  width: 100%;
  height: 100%;
}
.news-item-big-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-item-big-tags {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1.4rem;
  z-index: 10;
}
.news-item-big-tags .tag {
  margin: 0.2rem;
}
.news-item-big-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3.2rem;
  z-index: 10;
  color: #FFFFFF;
}
.news-item-big-name {
  font-size: 3.2rem;
  max-width: 44rem;
  line-height: 1.25;
  margin-bottom: 1.6rem;
}
.news-item-big-name a {
  color: #FFFFFF;
}
.news-item-big-name a:hover {
  color: #EF7D00;
}
.news-item-big p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 1.6rem;
  max-width: 52rem;
}
.news-item-big-link {
  font-size: 1.5rem;
  color: #FFFFFF;
  text-decoration: underline;
}
.news-item-big-link:hover {
  color: #FFFFFF;
}
.news-item-big-video {
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-item-big-play {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 10;
  position: absolute;
  transition: all 0.3s;
}
.news-item-big-play:hover {
  width: 10.4rem;
  height: 10.4rem;
}
.news-item-big.news-item-wide {
  min-height: 0 !important;
}
.news-item-big.news-item-wide .news-item-big-name {
  font-size: 1.8rem;
  max-width: 18rem;
}

.news-item-cover:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
}
.news-item-cover:hover:after {
  opacity: 0.6;
}
.news-item-cover .news-item-tags {
  z-index: 10;
}
.news-item-cover .news-item-img {
  height: 100%;
}
.news-item-cover .news-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-item-cover .news-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  z-index: 10;
}
.news-item-cover .news-item-name a {
  color: #FFFFFF;
}
.news-item-cover .news-item-name a:hover {
  color: #EF7D00;
}
.news-item-cover .news-item-link {
  color: #FFFFFF;
}

@media (max-width: 1199px) {
  .news-item-content {
    padding: 1.6rem;
  }
  .news-item-big-name {
    font-size: 2.4rem;
  }
  .news-item-big p {
    font-size: 1.6rem;
  }
}
@media (max-width: 991px) {
  .news-item {
    margin-bottom: 0.8rem;
  }
  .news-item-big {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 767px) {
  .news-item-content {
    padding: 1.6rem;
  }
  .news-item-name {
    font-size: 1.6rem;
  }
  .news-item p {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
  }
  .news-item-link {
    font-size: 1.3rem;
  }
  .news-item-big {
    min-height: 42rem;
  }
  .news-item-big-name {
    font-size: 1.6rem;
    max-width: 20rem;
  }
  .news-item-big-link {
    font-size: 1.3rem;
  }
  .news-item-big p {
    font-size: 1.3rem;
  }
}
.tag {
  padding: 0.55rem 1rem;
  font-size: 1.3rem;
  color: #FFFFFF;
  line-height: 1;
  display: inline-flex;
}
.tag:hover {
  color: #FFFFFF;
}
.tag-primary {
  background: #EF7D00;
}
.tag-1 {
  background: #32ca8e;
}
.tag-2 {
  background: #29a985;
}
.tag-3 {
  background: #3388f0;
}
.tag-4 {
  background: #D8483D;
}
.tag-5 {
  background: #d6c110;
}
.tag-6 {
  background: #ADA8B5;
}

.light-tag {
  background: #D4FED9;
  border-radius: 4px;
  font-size: 1rem;
  color: #29A985;
  padding: 0.25rem 0.4rem 0.3rem 0.4rem;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
}
.light-tag-2 {
  color: #3388F0;
  background: #D5EFFD;
}

.info-tag {
  background: #F3F3F3;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #595855;
  align-items: center;
  transition: color 0.3s, background-color 0.3s;
  display: inline-flex;
}

.cover-banner-list {
  display: flex;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.cover-banner-item {
  position: relative;
  flex-shrink: 0;
}
.cover-banner-item:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
}
.cover-banner-item.cover-06:after {
  opacity: 0.6;
}
.cover-banner-item:hover:after {
  opacity: 0.6;
}
.cover-banner-item-img {
  position: relative;
}
.cover-banner-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cover-banner-item-text {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3.2rem 3.2rem;
  color: #FFFFFF;
}
.cover-banner-item-text.max-48 {
  max-width: 48rem;
}
.cover-banner-item-text.max-38 {
  max-width: 38rem;
}
.cover-banner-item-text p {
  margin-bottom: 0rem;
  line-height: 1.8;
  font-size: 1.5rem;
}
.cover-banner-item-text .btn {
  margin-top: 1.6rem;
}
.cover-banner-item-name {
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
  line-height: 1.25;
}
.cover-banner-item-name a {
  color: #FFFFFF;
}
.cover-banner-item-name a:hover {
  color: #EF7D00;
}

.swiper .cover-banner-item {
  width: calc(33.33% - 2.4rem);
  margin: 0 1.2rem 2.4rem 1.2rem;
}

@media (max-width: 1399px) {
  .cover-banner-item-text {
    padding: 2.4rem;
  }
  .cover-banner-item-text p {
    font-size: 1.4rem;
  }
  .cover-banner-item-name {
    font-size: 2.8rem;
  }
}
@media (max-width: 991px) {
  .cover-banner-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .cover-banner-item::after {
    opacity: 0.6;
  }
  .cover-banner-item-text {
    padding: 1.6rem;
    padding-bottom: 3.1rem;
  }
  .cover-banner-item-text p {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .cover-banner-item-name {
    font-size: 2.4rem;
    margin-bottom: 0.8rem;
  }
  .swiper .cover-banner-item {
    width: calc(50% - 0.8rem);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
}
@media (max-width: 767px) {
  .swiper .cover-banner-item {
    width: calc(98% - 0.8rem);
  }
}
.nav-tabs {
  border: none;
}
.nav-tabs .nav-link {
  border: none;
  min-width: 22rem;
  padding: 1.9rem 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  line-height: 1;
  background: #f3f3f3;
  color: #595855;
  transition: all 0.3s;
}
.nav-tabs .nav-link:hover {
  background: #d0cfce;
  color: #595855;
}
.nav-tabs .nav-link.active {
  background: #595855;
  color: #FFFFFF;
}

.nav-tabs.check-tabs {
  margin-bottom: 2.4rem;
}
.nav-tabs.check-tabs .nav-link {
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  color: #595855;
  font-size: 1.5rem;
  line-height: 1.2;
  height: 5.6rem;
  padding: 1.9rem 2.1rem;
  padding-left: 6rem;
  font-weight: 400;
  position: relative;
}
.nav-tabs.check-tabs .nav-link:before {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0px;
  border: 1px solid #D0CFCE;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 2.1rem;
  top: 1.6rem;
  transition: all 0.3s;
  display: block;
}
.nav-tabs.check-tabs .nav-link:after {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0px;
  background: url("/images/front/check.png") no-repeat center;
  content: "";
  position: absolute;
  left: 2.1rem;
  top: 1.6rem;
  transition: all 0.3s;
  opacity: 0;
}
.nav-tabs.check-tabs .nav-link:hover, .nav-tabs.check-tabs .nav-link.active {
  background: #F3F3F3;
  color: #595855;
}
.nav-tabs.check-tabs .nav-link.active:before {
  background: #EF7D00;
  border-color: #EF7D00;
}
.nav-tabs.check-tabs .nav-link.active:after {
  opacity: 1;
}

@media (max-width: 991px) {
  .nav-tabs .nav-link {
    font-size: 1.3rem;
    padding: 1.35rem 2.4rem;
    min-width: 16.4rem;
  }
}
.hp-text-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.hp-text-top-team {
  display: flex;
  justify-content: flex-end;
}
.hp-text-top-team-item {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  margin-left: -0.8rem;
  transition: all 0.3s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.hp-text-top-team-item:hover {
  border-color: #EF7D00;
  z-index: 3;
}
.hp-text-top-team-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.hp-text-top-team-item-plus {
  background: #FBE5CE;
  z-index: 1;
}
.hp-text-top-team-item-plus img {
  width: 2.4rem;
  height: 2.4rem;
}

.hp-text-content {
  display: flex;
  flex-wrap: wrap;
}
.hp-text-content-left {
  width: 50%;
  max-width: 60rem;
  padding-right: 2.4rem;
}
.hp-text-content-left p {
  margin-bottom: 2.4rem;
}
.hp-text-content-right {
  width: 50%;
  margin-left: auto;
}
.hp-text-content-gallery {
  margin-left: -0.8rem;
  margin-right: -0.8rem;
  display: flex;
  flex-wrap: wrap;
}
.hp-text-content-gallery-item {
  display: block;
  width: 50%;
  padding: 1.2rem;
}
.hp-text-content-gallery-item-big {
  display: block;
  padding: 1.2rem;
  width: 61%;
}
.hp-text-content-gallery-item-big img {
  width: 100%;
}
.hp-text-content-gallery-item img {
  width: 100%;
}
.hp-text-content-icons {
  display: flex;
  flex-wrap: wrap;
}
.hp-text-content-icons-item {
  width: 50%;
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
.hp-text-content-icons-item-img {
  width: 4.8rem;
}
.hp-text-content-adress {
  display: flex;
  margin-left: 1px;
}
.hp-text-content-adress-item {
  width: 50%;
  padding: 2.4rem;
  border: 1px solid #F3F3F3;
  margin-left: -1px;
}
.hp-text-content-adress-item h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 2.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.hp-text-content-adress-item p {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.hp-text-section .hp-text-top-team-item {
  margin-top: -9.6rem;
}

@media (max-width: 991px) {
  .hp-text-top {
    margin-bottom: 2.4rem;
  }
  .hp-text-top-team {
    display: none;
  }
  .hp-text-content {
    flex-wrap: wrap;
  }
  .hp-text-content-left {
    padding-right: 0;
    width: 100%;
  }
  .hp-text-content-right {
    width: 100%;
    margin-top: 1.6rem;
  }
  .hp-text-content-gallery {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .hp-text-content-gallery-item {
    padding: 0.4rem;
  }
  .hp-text-content-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hp-text-content-gallery-item-big {
    padding: 0.4rem;
  }
  .hp-text-content-gallery-item-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hp-text-content-icons {
    font-size: 1.3rem;
  }
  .hp-text-content-icons-item-img {
    width: 3.2rem;
  }
  .hp-text-content-icons-item-img img {
    width: 2.4rem;
  }
  .hp-text-top-team-item {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 767px) {
  .hp-text-content-adress {
    flex-wrap: wrap;
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
  }
  .hp-text-content-adress-item {
    padding: 1.6rem;
    width: 100%;
    margin-top: -1px;
  }
  .hp-text-content-adress-item h3 {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
  }
}
.benefits-section {
  background: #f3f3f3;
  padding: 2.4rem 0;
  margin-top: 9rem;
}

.benefits-item {
  display: flex;
  align-items: center;
}
.benefits-item-icon {
  width: 12rem;
  padding: 1.2rem;
}
.benefits-item-text {
  width: calc(100% - 12rem);
}
.benefits-item-text-big {
  font-size: 1.8rem;
  line-height: 1.38;
  font-weight: 700;
  font-family: "Sora", sans-serif;
}
.benefits-item-text p {
  margin-bottom: 0;
  font-size: 1.5rem;
}

@media (max-width: 1399px) {
  .benefits-item-icon {
    width: 8rem;
    padding: 1.2rem;
  }
  .benefits-item-text {
    width: calc(100% - 8rem);
  }
  .benefits-item-text-big {
    font-size: 1.6rem;
  }
  .benefits-item-text p {
    font-size: 1.4rem;
  }
}
@media (max-width: 991px) {
  .benefits-section {
    padding: 0.8rem 0;
    margin-top: 2.4rem;
  }
  .benefits-item-icon {
    width: 8rem;
    padding: 0.8rem;
  }
  .benefits-item-text {
    width: calc(100% - 8rem);
    padding-left: 1.6rem;
  }
  .benefits-item-text-big {
    font-size: 1.4rem;
  }
  .benefits-item-text p {
    font-size: 1.4rem;
  }
}
.info-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-contact-section {
  padding: 2rem 0;
}
.info-contact-head {
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 700;
  color: #363530;
  font-family: "Sora", sans-serif;
}
.info-contact-info {
  display: flex;
}
.info-contact-info-item {
  margin: 1.2rem 4.8rem;
  display: flex;
  align-items: center;
}
.info-contact-info-item img {
  margin-right: 2.7rem;
}
.info-contact-info-item-text p {
  margin-bottom: 0;
  color: #A0A09E;
  font-size: 1.5rem;
}
.info-contact-info-item-head {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: #363530;
  display: block;
  margin-bottom: 0.2rem;
}

@media (max-width: 1399px) {
  .info-contact-section {
    padding: 2rem 0;
  }
  .info-contact-head {
    font-size: 1.8rem;
  }
  .info-contact-info-item {
    margin: 1.2rem 2.4rem;
  }
  .info-contact-info-item img {
    margin-right: 1.8rem;
  }
  .info-contact-info-item-text p {
    font-size: 1.5rem;
  }
  .info-contact-info-item-head {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .info-contact {
    flex-wrap: wrap;
  }
  .info-contact-section {
    padding: 2rem 0;
  }
  .info-contact-head {
    font-size: 1.8rem;
    width: 100%;
  }
  .info-contact-info {
    margin-left: -2.4rem;
    margin-right: -2.4rem;
  }
  .info-contact-info-item {
    margin: 1.2rem 2.4rem;
  }
  .info-contact-info-item img {
    margin-right: 1.8rem;
  }
  .info-contact-info-item-text p {
    font-size: 1.5rem;
  }
  .info-contact-info-item-head {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .info-contact {
    flex-wrap: wrap;
  }
  .info-contact-section {
    padding: 2rem 0;
  }
  .info-contact-head {
    font-size: 1.6rem;
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .info-contact-info {
    flex-direction: column;
    margin: 0;
  }
  .info-contact-info-item {
    margin: 0.8rem 0rem;
  }
  .info-contact-info-item img {
    margin-right: 1.8rem;
  }
  .info-contact-info-item-text p {
    font-size: 1.45rem;
  }
  .info-contact-info-item-head {
    font-size: 1.6rem;
  }
}
.swiper-container {
  position: relative;
}
.swiper-button-next, .swiper-button-prev {
  width: 4.8rem;
  height: 4.8rem;
  background: #FFFFFF url("/images/front/icon_strl_right.svg") no-repeat center;
  border: 1px solid #f3f3f3;
  right: -8rem;
}
.swiper-button-next::after, .swiper-button-prev::after {
  display: none;
}
.swiper-button-prev {
  right: auto;
  left: -8rem;
  transform: rotate(180deg);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  display: none;
}

@media (max-width: 1639px) {
  .swiper-button-next, .swiper-button-prev {
    right: -2.4rem;
  }
}
@media (max-width: 1199px) {
  .swiper-button-next, .swiper-button-prev {
    right: -1.6rem;
  }
}
@media (max-width: 991px) {
  .swiper-outer {
    width: 100%;
    overflow: hidden;
  }
  .swiper-outer .swiper {
    overflow: visible;
  }
  .swiper-next-desktop .swiper-button-prev {
    display: block;
  }
  .swiper-container {
    padding-bottom: 5.6rem;
  }
  .swiper-button-next, .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    bottom: 0;
    top: auto;
  }
  .swiper-button-next {
    right: auto;
    left: 50%;
    margin-left: 0.4rem;
  }
  .swiper-button-prev {
    left: auto;
    right: 50%;
    margin-right: 0.4rem;
  }
}
footer {
  background: #363530;
  padding: 6.4rem 0 4.8rem 0;
}

.footer-main {
  display: flex;
  align-items: flex-start;
}
.footer-newsletter {
  background: #595855;
  padding: 3.2rem;
  width: 46.4rem;
  color: #FFFFFF;
}
.footer-newsletter h3 {
  margin-bottom: 2.4rem;
  line-height: 1.4;
  color: #FFFFFF;
}
.footer-newsletter p {
  font-size: 1.5rem;
  margin-bottom: 2.4rem;
}
.footer-newsletter-info {
  color: #A0A09E;
  font-size: 1.4rem;
}
.footer-newsletter-info a {
  color: #A0A09E;
  text-decoration: underline;
}
.footer-newsletter-info a:hover {
  color: #A0A09E;
  text-decoration: none;
}
.footer-newsletter .input-group {
  margin-bottom: 2.4rem;
}
.footer-newsletter .input-group .btn {
  height: 4.8rem;
}
.footer-newsletter .input-group .form-control {
  background: #363530;
  color: #A0A09E;
  height: 4.8rem;
  border-color: transparent;
  padding-left: 1.6rem;
}
.footer-newsletter .input-group .form-control::placeholder {
  color: #a0a09e;
  font-style: normal;
}
.footer-newsletter .input-group .form-control:hover {
  background: #494844;
  color: #A0A09E;
}
.footer-newsletter .input-group .form-control:focus {
  background: #494844;
  border-color: #A0A09E;
  color: #FFFFFF;
}

.footer-content {
  width: calc(100% - 46.4rem);
  padding-left: 14.7rem;
  padding-top: 3.2rem;
  display: flex;
}
.footer-content h4 {
  color: #d0cfce;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}
.footer-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 4rem;
}
.footer-content ul li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.6rem;
}
.footer-content ul li a {
  color: #A0A09E;
  font-size: 1.6rem;
  line-height: 1.27;
}
.footer-content ul li a:hover {
  color: #FFFFFF;
}
.footer-content-menu-item {
  width: 100%;
  max-width: 29rem;
}
.footer-content-contact {
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer-content-logos {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer-content-logos a {
  display: block;
}
.footer-content-logos a:nth-child(1) {
  margin-right: 3.2rem;
}

.footer-social {
  display: flex;
  text-align: right;
  justify-content: flex-end;
}
.footer-social a {
  margin: 0.4rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #595855;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.footer-social a:hover {
  background: #595855;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #A0A09E;
  margin-top: 9.2rem;
}
.footer-bottom a {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #A0A09E;
}
.footer-bottom a:hover {
  color: #FFFFFF;
}
.footer-bottom ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-bottom ul li {
  margin: 0;
  padding: 0;
  margin-right: 3.2rem;
}
.footer-bottom ul li a {
  font-size: 1.4rem;
  line-height: 1.2;
}

@media (max-width: 1399px) {
  .footer-content {
    padding-left: 2.4rem;
  }
}
@media (max-width: 1199px) {
  .footer-newsletter {
    width: 40rem;
  }
  .footer-content {
    width: calc(100% - 40rem);
    padding-left: 2.4rem;
  }
}
@media (max-width: 991px) {
  footer {
    padding-top: 0;
  }
  .footer-main {
    flex-wrap: wrap;
  }
  .footer-newsletter {
    width: calc(100% + 3.2rem);
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    padding: 2.4rem 1.6rem;
  }
  .footer-newsletter p {
    font-size: 1.3rem;
  }
  .footer-newsletter h3 {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .footer-content {
    width: 100%;
    padding-left: 0rem;
  }
}
@media (max-width: 767px) {
  footer {
    padding-bottom: 3.2rem;
  }
  .footer-content {
    flex-wrap: wrap;
    padding-top: 0;
  }
  .footer-content-menu-item {
    width: calc(100% + 3.2rem);
    max-width: unset;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  .footer-content-menu-item ul {
    padding: 1.6rem 2.4rem;
    margin-bottom: 0;
    display: none;
  }
  .footer-content-menu-item ul li a {
    font-size: 1.4rem;
  }
  .footer-content-menu-item h4 {
    font-size: 1.4rem;
    border: 1px solid #504f4c;
    border-left: none;
    border-right: none;
    padding: 0.9rem 2.4rem;
    position: relative;
    margin-bottom: 0;
    margin-top: -1px;
  }
  .footer-content-menu-item h4:after {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    position: absolute;
    content: "";
    right: 2.4rem;
    top: 0.8rem;
    background: url("/images/front/icon_down_white.svg") no-repeat center;
    transition: all 0.3s;
  }
  .footer-content-menu-item h4.open:after {
    transform: rotate(180deg);
  }
  .footer-content-menu-item h4.open + ul {
    display: block;
  }
  .footer-content-contact {
    padding: 0 0.8rem;
    padding-top: 2.4rem;
    max-width: 100%;
    align-items: flex-start;
  }
  .footer-content-contact h4 {
    font-size: 1.4rem;
  }
  .footer-social {
    margin-bottom: 4.2rem;
  }
  .footer-bottom {
    flex-wrap: wrap;
    margin-top: 4rem;
  }
  .footer-bottom ul li {
    margin-bottom: 0.8rem;
  }
}
body.menu-open:after {
  background: #12110c;
  opacity: 0.4;
  content: "";
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1500;
}

.mobile-menu {
  transition: all 0.3s;
  display: none;
  background: #FFFFFF;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 2000;
  height: 100vh;
  width: 35rem;
  overflow-y: auto;
}
.mobile-menu.open {
  display: block;
  left: -35rem;
}
.mobile-menu.opening {
  left: 0;
}
.mobile-menu-top {
  display: flex;
  align-items: center;
  padding-right: 1.6rem;
}
.mobile-menu-top .close {
  opacity: 1;
  position: relative;
  float: none;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
}
.mobile-menu-top-right {
  display: flex;
  margin-left: auto;
}
.mobile-menu-flag {
  display: flex;
  align-items: center;
  margin: 0 0.8rem;
}
.mobile-menu-flag img {
  margin-right: 0.8rem;
  display: block;
}
.mobile-menu-flag span {
  color: #a0a09e;
  line-height: 1;
}
.mobile-menu-flag.active span {
  color: #595855;
}
.mobile-menu-search {
  margin-left: 1.6rem;
}
.mobile-menu-search img {
  width: 2.4rem;
}
.mobile-menu-cart {
  position: relative;
  margin-left: 1.6rem;
}
.mobile-menu-cart img {
  width: 2.4rem;
}
.mobile-menu-cart-icon {
  position: absolute;
  border-radius: 50%;
  background: #D8483D;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 15px;
  height: 15px;
  line-height: 1;
  top: -0.4rem;
  right: -0.4rem;
  padding-bottom: 0.1rem;
}

.mobile-menu-main {
  position: relative;
  z-index: 1;
}
.mobile-menu-main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu-main ul li {
  margin: 0;
  padding: 0;
}
.mobile-menu-main ul li a {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  margin-top: -1px;
  padding-left: 0.8rem;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  color: #363530;
  padding-left: 0.8rem;
  height: 4.8rem;
}
.mobile-menu-main ul li a img {
  width: 4.8rem;
  height: 4.8rem;
  margin-top: 1px;
}
.mobile-menu-main ul li a span {
  font-size: 1.4rem;
  font-weight: 700;
  color: #363530;
  padding-left: 0.8rem;
}
.mobile-menu-main ul li.has-sub a:after {
  content: "";
  display: block;
  position: absolute;
  right: 1.6rem;
  top: 1.2rem;
  background: url("/images/front/arrow_down_dark.svg") no-repeat center;
  width: 2.4rem;
  height: 2.4rem;
  transition: all 0.3s;
}
.mobile-menu-main ul li ul {
  display: none;
}
.mobile-menu-main ul li ul li a {
  height: 4rem;
  background: #f3f3f3;
  border-color: #fff;
  font-weight: 400;
  padding-left: 6.4rem;
}
.mobile-menu-main ul li ul li a::after {
  display: none;
}
.mobile-menu-main ul li ul li:not(.has-sub) a:after {
  display: none;
}
.mobile-menu-main ul li ul li.has-sub a:after {
  display: block;
  background: url("/images/front/arrow_down_grey.svg") no-repeat center;
  top: 0.8rem;
}
.mobile-menu-main ul li ul li ul {
  display: none;
}
.mobile-menu-main ul li ul li ul li a {
  padding-left: 8rem;
  background: #FFFFFF;
  border-color: #f3f3f3;
  font-size: 1.3rem;
}
.mobile-menu-main ul li ul li ul li a:after {
  display: none;
}
.mobile-menu-main ul li ul li ul li:not(.has-sub) a:after {
  display: none;
}
.mobile-menu-main ul li ul li.open > a:after {
  transform: rotate(180deg);
}
.mobile-menu-main ul li ul li.open > ul {
  display: block;
}
.mobile-menu-main ul li.open > a:after {
  transform: rotate(180deg);
}
.mobile-menu-main ul li.open > ul {
  display: block;
}

.mobile-menu-secondary {
  padding: 2.4rem 3.2rem;
}
.mobile-menu-secondary ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu-secondary ul li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.4rem;
}
.mobile-menu-secondary ul li a {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #595855;
}
.mobile-menu-secondary ul li a:hover {
  color: #EF7D00;
}

.mobile-menu-contact {
  background: #f3f3f3;
  padding: 2.4rem 3.2rem;
}
.mobile-menu-contact h3 {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.mobile-menu-contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
.mobile-menu-contact-item img {
  width: 3.2rem;
}
.mobile-menu-contact-item-text {
  padding-left: 1.6rem;
}
.mobile-menu-contact-item-text p {
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 1;
}
.mobile-menu-contact-item-head {
  font-size: 1.6rem;
  font-weight: 700;
  color: #363530;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.mobile-menu-contact-link {
  font-size: 1.4rem;
  line-height: 1;
  color: #363530;
}
.mobile-menu-contact-link img {
  margin-right: 0.8rem;
}
.mobile-menu-contact-link span {
  text-decoration: underline;
}

.mobile-menu-social {
  background: #363530;
  padding: 2.4rem 3.2rem;
}
.mobile-menu-social h3 {
  font-size: 1.6rem;
  color: #A0A09E;
  margin-bottom: 1.6rem;
}
.mobile-menu-social-inner {
  display: flex;
  text-align: right;
  justify-content: flex-start;
  margin-left: -0.4rem;
}
.mobile-menu-social-inner a {
  margin: 0.4rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #595855;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mobile-menu-social-inner a:hover {
  background: #595855;
}

.mobile-menu.mobile-menu-magazin .mobile-menu-secondary {
  padding: 0.8rem 0;
}
.mobile-menu.mobile-menu-magazin .mobile-menu-secondary ul li {
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  margin-top: -1px;
  margin-bottom: 0;
  display: flex;
}
.mobile-menu.mobile-menu-magazin .mobile-menu-secondary ul li a {
  padding: 1.2rem 3.2rem;
}
.mobile-menu .btn-add-article {
  padding: 1.2rem;
  flex-grow: 1;
  display: block;
  margin-top: 2rem;
  margin-left: 3.2rem;
  margin-right: 3.2rem;
}
.mobile-menu .btn-add-article img {
  height: 1.6rem;
}
.mobile-menu-weblist {
  display: flex;
  flex-direction: column;
  padding: 1rem 3.2rem;
}
.mobile-menu-weblist a {
  font-size: 1.4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #595855;
  transition: all 0.3s;
  padding: 0 2.4rem;
  border: none;
  border-left: 3px solid #E7E7E7;
  min-height: 4rem;
  background: #F3F3F3;
  margin-bottom: 0.8rem;
}
.mobile-menu-weblist a.active, .mobile-menu-weblist a:hover {
  color: #595855;
  background: #F3F3F3;
  border-color: #EF7D00;
}
.mobile-menu .spec-menu-left {
  flex-direction: column;
  margin-top: 2.4rem;
}
.mobile-menu .spec-menu-left-item {
  min-height: 4.8rem;
}

.assistant {
  display: flex;
  align-items: center;
  border: 1px solid #F3F3F3;
  padding: 1.6rem 2.4rem;
}
.assistant-headline {
  color: #363530;
  font-size: 1.8rem;
  line-height: 1.27;
  font-family: "Sora", sans-serif;
  width: 11.5rem;
  font-weight: 700;
}
.assistant-person {
  padding-left: 3.2rem;
  display: flex;
  align-items: center;
}
.assistant-person-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.assistant-person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.assistant-person-text {
  padding-left: 1.6rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
}
.assistant-person-text span:nth-child(1) {
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
}
.assistant-person-text span:nth-child(2) {
  font-size: 1.4rem;
  color: #A0A09E;
  margin-top: 0.4rem;
}
.assistant-contact {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-right: 0.8rem;
}
.assistant-contact span {
  text-decoration: underline;
  font-size: 1.4rem;
  color: #363530;
  margin-left: 0.8rem;
  transition: all 0.3s;
  line-height: 1.2;
}
.assistant-contact span:hover {
  text-decoration: none;
}
.assistant-contact svg path {
  transition: all 0.3s;
}
.assistant-contact .icon {
  transition: fill 0.3s;
  fill: #363530;
}
.assistant-contact:hover .icon {
  fill: #EF7D00;
}
.assistant-contact:hover svg path {
  fill: #EF7D00;
}
.assistant-contact:hover span {
  color: #EF7D00;
  text-decoration: none;
}

.assistant-small {
  padding: 2.4rem;
}
.assistant-small .assistant-person {
  padding-left: 0;
}
.assistant-small .assistant-contact {
  padding-right: 0;
  padding-top: 0.8rem;
}
.assistant-small .assistant-contact span {
  color: #363530;
}
.assistant-small .assistant-contact:hover span {
  color: #EF7D00;
}
.assistant-bigger .assistant-headline {
  width: 15.5rem;
  font-weight: 700;
}
.assistant-full .assistant-headline {
  width: auto;
  font-weight: 700;
}

@media (max-width: 1499px) {
  .assistant-person {
    padding-left: 1.6rem;
  }
  .assistant-contact {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .assistant {
    display: none;
  }
}
.breadcrumb {
  background: transparent;
  padding: 0;
  margin: 2.4rem 0;
}
.breadcrumb-item {
  display: inline-flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #595855;
}
.breadcrumb-item a {
  color: #A0A09E;
}
.breadcrumb-item a:hover {
  color: #595855;
}
.breadcrumb-item.active {
  color: #595855;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  background: url("/images/front/breadcrumb_arrow.svg") no-repeat center;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.8rem;
  padding: 0;
}

.breadcrumb-item + .breadcrumb-item {
  padding: 0;
}

@media (max-width: 991px) {
  .breadcrumb {
    margin: 1.6rem 0;
  }
  .breadcrumb-item:first-of-type,
  .breadcrumb-item:not(:nth-last-of-type(2)) {
    display: none;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    transform: rotate(-180deg);
    margin-left: 0;
  }
}
.category-top-left > * {
  max-width: 76rem;
}
.category-top-left h1 {
  margin-bottom: 2.4rem;
}

.category-link-item {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}
.category-link-item-img {
  width: 6.4rem;
  height: 6.4rem;
  overflow: hidden;
  border-radius: 50%;
}
.category-link-item-text {
  color: #363530;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 700;
  padding-left: 2rem;
  transition: color 0.3s;
}
.category-link-item-text:hover {
  color: #EF7D00;
}

.category-item {
  border: 1px solid #F3F3F3;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: box-shadow 0.3s;
  margin-bottom: 2.4rem;
}
.category-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}
.category-item-img {
  margin-bottom: 2.4rem;
}
.category-item-info {
  flex-grow: 1;
}
.category-item-name {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #363530;
  margin-bottom: 1.6rem;
}
.category-item p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 1.6rem;
}
.category-item-list, .category-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.2rem;
}
.category-item-list li, .category-item ul li {
  position: relative;
  padding-left: 3.6rem;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 1.2rem;
}
.category-item-list li:before, .category-item ul li:before {
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 2rem;
  height: 2rem;
  background: url("/images/front/icon_check.svg") no-repeat center;
  content: "";
  display: block;
}
.category-item .btn {
  height: 4.8rem;
  margin-top: 0.6rem;
  padding: 1.6rem 3.1rem;
}
.category-item .btn img {
  margin-left: 1.2rem;
}
.category-item-tag {
  background: #3388F0;
  transform: rotate(-90deg);
  transform-origin: right top;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #fff;
  font-weight: 700;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 2.4rem 0 1.6rem;
  position: relative;
  margin-left: -6rem;
}
.category-item-tag-list {
  position: absolute;
  top: 0;
  right: 6.4rem;
  display: flex;
}
.category-item-tag:hover {
  color: #fff;
}
.category-item-tag:after {
  transform: rotate(90deg);
  display: block;
  height: 1rem;
  width: 4rem;
  background: url("/images/front/blue_tag.svg") no-repeat center;
  position: absolute;
  content: "";
  right: calc(100% - 1.6rem);
  top: 1.5rem;
}
.category-item-tag-red {
  background: #D8483D;
}
.category-item-tag-red:after {
  background: url("/images/front/red_tag.svg") no-repeat center;
}
.category-item-tag-green {
  background: #29A985;
}
.category-item-tag-green:after {
  background: url("/images/front/green_tag.svg") no-repeat center;
}

.row-margin .category-item {
  padding: 3.2rem;
  margin-bottom: 2.4rem;
}

@media (max-width: 767px) {
  .category-item {
    padding: 2.4rem 1.6rem;
    margin-bottom: 0.8rem;
  }
  .category-item-name {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .category-item p {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .category-item .btn {
    height: 4rem;
    padding: 0 1.6rem;
  }
  .category-item-list {
    font-size: 1.3rem;
  }
  .category-item-tag {
    font-size: 1.2rem;
    height: 2.5rem;
    padding: 0 1.6rem 0 1.2rem;
  }
  .category-item-tag-list {
    right: 4.1rem;
  }
  .category-item-tag:after {
    width: 2.5rem;
    right: calc(100% - 0.8rem);
    top: 0.8rem;
  }
  .category-top-left h1 {
    margin-bottom: 1.6rem;
  }
  .row-margin .category-item {
    padding: 2.4rem 1.6rem;
  }
}
.pagination {
  margin-bottom: 0;
}
.pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
  margin-bottom: 3.2rem;
}
.pagination-all {
  text-decoration: underline;
  color: #595855;
  font-size: 1.4rem;
  margin-left: 3.2rem;
}
.pagination-all:hover {
  text-decoration: none;
  color: #595855;
}

.page-item {
  margin: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-item span {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page-item .page-link {
  border: 1px solid #F3F3F3;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #595855;
  transition: border-color 0.3s;
}
.page-item .page-link:hover {
  background: #fff;
  border-color: #595855;
}
.page-item-prev {
  margin-right: 2rem;
}
.page-item-next {
  margin-left: 2rem;
}
.page-item.active .page-link {
  background: #F3F3F3;
  border-color: #F3F3F3;
  color: #595855;
}

@media (max-width: 767px) {
  .pagination {
    width: 100%;
    justify-content: center;
    margin-bottom: 1.6rem;
  }
  .pagination-wrap {
    flex-wrap: wrap;
  }
  .pagination-all {
    margin-left: 0;
  }
  .pagination-load-btn {
    display: flex;
    flex-direction: column;
    margin-top: 0.8rem;
  }
  .pagination-load-btn .pagination-wrap {
    order: 2;
    margin-bottom: 0;
  }
  .pagination-load-btn .pagination-bottom {
    order: 1;
    margin-bottom: 1.6rem;
  }
  .page-item-prev, .page-item-next {
    display: none;
  }
}
.image-banner-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.image-banner-item {
  width: calc(25% - 2.4rem);
  margin: 0 1.2rem 2.4rem 1.2rem;
  position: relative;
}
.image-banner-item:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
  pointer-events: none;
}
.image-banner-item:hover:after {
  opacity: 0.6;
}
.image-banner-item-img {
  width: 100%;
  height: 100%;
}
.image-banner-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-banner-item-text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  z-index: 1;
  line-height: 1.38;
  font-family: "Sora", sans-serif;
}

.image-banner-list-small .image-banner-item {
  width: calc(50% - 2.4rem);
}
.image-banner-list-small .image-banner-item-text {
  max-width: 80%;
}

.image-banner-list-3 {
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.image-banner-list-3 .image-banner-item {
  width: calc(33.33% - 1.6rem);
  margin: 0 0.8rem 1.6rem 0.8rem;
}
.image-banner-list-3 .image-banner-item-text {
  max-width: 80%;
}

@media (max-width: 991px) {
  .image-banner-item {
    width: calc(50% - 2.4rem);
  }
  .image-banner-list-3 {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .image-banner-list-3 .image-banner-item {
    width: calc(50% - 0.8em);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .image-banner-list-3 .image-banner-item-text {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .image-banner-item {
    width: calc(50% - 0.8rem);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .image-banner-item-text {
    font-size: 1.6rem;
    padding: 1.6rem;
    line-height: 1.25;
  }
  .image-banner-list {
    margin-bottom: -0.8rem;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .image-banner-list-small .image-banner-item {
    width: calc(50% - 0.8rem);
  }
}
.banner-rectangle {
  position: relative;
}
.banner-rectangle:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
  pointer-events: none;
}
.banner-rectangle:hover:after {
  opacity: 0.6;
}
.banner-rectangle-img {
  position: relative;
}
.banner-rectangle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-rectangle-text {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4rem 3.2rem;
  color: #FFFFFF;
}
.banner-rectangle-text p {
  margin-bottom: 1.6rem;
  line-height: 1.8;
  font-size: 1.5rem;
}
.banner-rectangle-name {
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
  line-height: 1.25;
}
.banner-rectangle-name a {
  color: #FFFFFF;
}
.banner-rectangle-name a:hover {
  color: #EF7D00;
}

.left-menu-item {
  padding: 1.8rem 2.4rem;
  background: #F3F3F3;
  margin-bottom: 0.8rem;
}

.filter-btn {
  width: 100%;
  text-align: left;
  position: relative;
  display: block;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 700;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  color: #363530;
}
.filter-btn.collapsed:after {
  transform: rotate(0deg);
}
.filter-btn:after {
  content: "";
  display: block;
  position: absolute;
  right: 0rem;
  top: 0rem;
  background: url("/images/front/arrow_down_dark.svg") no-repeat center;
  width: 2.4rem;
  height: 2.4rem;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.filter-content label > a {
  color: #595855;
}
.filter-content label > a:hover {
  color: #EF7D00;
}
.filter-content-inner {
  padding: 2.4rem 0rem 0 0;
}

.filter-spacer {
  width: 100%;
  padding-top: 1.6rem;
}

.filter-color-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.4rem;
}

.filter-show-more {
  background: url("/images/front/plus_dark.svg") no-repeat left top 0rem;
  padding-left: 3.2rem;
  line-height: 1.4;
  font-size: 1.4rem;
  color: #595855;
  text-decoration: none;
  display: inline-flex;
}
.filter-show-more span {
  color: #595855;
  position: relative;
}
.filter-show-more span:after {
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background: #595855;
  content: "";
  display: block;
  position: absolute;
  transition: opacity 0.3s;
}
.filter-show-more span:hover {
  color: #595855;
}
.filter-show-more span:hover:after {
  opacity: 0;
}

.left-menu .banner-rectangle {
  margin-top: 1.6rem;
}

.show-filter-mobile {
  display: none;
}

.left-menu-show {
  display: none;
}

.left-menu-close {
  background: #595855;
  align-items: center;
  justify-content: flex-start;
  height: 5rem;
  display: none;
}
.left-menu-close span {
  font-weight: 700;
  color: #FFFFFF;
  font-family: "Sora", sans-serif;
  margin-left: 0.8rem;
  font-size: 1.6rem;
}
.left-menu-close .close {
  justify-content: center;
  padding: 0;
  width: 4.8rem;
  height: 4.8rem;
  opacity: 1;
  display: block;
}

@media (max-width: 991px) {
  .left-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    background: #F3F3F3;
    width: 30rem;
    z-index: 100;
    margin: 0 !important;
    padding-bottom: 4rem !important;
    padding-top: 5rem !important;
    transition: all 0.3s;
  }
  .left-menu.open {
    display: block;
    left: -35rem;
  }
  .left-menu.opening {
    left: 0;
  }
  .left-menu .banner-rectangle {
    display: none;
  }
  .left-menu-item {
    margin-bottom: 0;
    margin-top: -1px;
    padding: 1.6rem 2.4rem;
    border-top: 1px solid #D0CFCE;
    border-bottom: 1px solid #D0CFCE;
  }
  .left-menu-close {
    display: flex;
    position: fixed;
    z-index: 3;
    width: 30rem;
    top: 0;
    left: 0;
  }
  .left-menu-show {
    display: block;
    position: fixed;
    width: 30rem;
    bottom: 0;
    left: 0;
  }
  .left-menu-show .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .show-filter-mobile {
    display: block;
  }
  .show-filter-mobile .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.tooltip-inner {
  max-width: 300px;
  width: 300px;
  padding: 0.8rem 1.6rem;
  color: #F3F3F3;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  background-color: #595855;
  border-radius: 0;
  margin-bottom: 4px;
}
.tooltip-inner .tooltip-head {
  font-weight: 700;
  font-size: 1.4rem;
  color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #595855;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 5px 5px 0;
  margin-top: -4px;
  border-top-color: #595855;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
  margin-top: -3px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #595855;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
  right: 0;
  margin-top: -3px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #595855;
}

.info-tooltip .icon {
  stroke: #A0A09E;
}
.info-tooltip:hover .icon {
  stroke: #595855;
  fill: #595855;
}
.info-tooltip svg path {
  transition: all 0.3s;
}
.info-tooltip:hover svg path {
  stroke: #595855;
}

.product-detail-left h1 {
  max-width: 70.5rem;
  line-height: 1.4;
  margin-bottom: 1.6rem;
}
.product-detail-left-top {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
}
.product-detail-left-top li {
  font-size: 1.4rem;
  color: #A0A09E;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin-right: 2.4rem;
}
.product-detail-left-top li span {
  margin-right: 0.8rem;
}
.product-detail-left-top li a {
  color: #595855;
}
.product-detail-left-top li a:hover {
  color: #EF7D00;
}
.product-detail-main-img {
  margin-bottom: 2.4rem;
  padding-bottom: 0;
}
.product-detail-main-img-item {
  width: 100%;
  flex: 0 0 100%;
}
.product-detail-main-img .swiper-button-disabled {
  display: none;
}
.product-detail-main-img .swiper-button-prev {
  left: 0;
  display: none;
  z-index: 1;
  width: 4rem;
  height: 4rem;
}
.product-detail-main-img .swiper-button-next {
  right: 0;
  display: none;
  z-index: 1;
  width: 4rem;
  height: 4rem;
}
.product-detail-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
  margin-bottom: 4rem;
}
.product-detail-gallery > a {
  width: 14.2857142857%;
}
.product-detail-gallery-swiper {
  padding-bottom: 0;
}
.product-detail-gallery a {
  border: 1px solid #F3F3F3;
  margin: 0.8rem;
  position: relative;
  width: calc(14.2857142857% - 1.6rem);
  cursor: pointer;
  transition: border-color 200ms;
}
.product-detail-gallery a:hover, .product-detail-gallery a.swiper-slide-thumb-active {
  border-color: #D0CFCE;
}
.product-detail-gallery a img {
  width: 100%;
}
.product-detail-gallery a.video:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.5;
  transition: all 0.3s;
}
.product-detail-gallery a.video:hover:after {
  opacity: 0.6;
}
.product-detail-gallery a.video:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("/images/front/play.svg") no-repeat center;
  z-index: 1;
}
.product-detail-brand {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}
.product-detail-brand-left {
  width: 22rem;
}
.product-detail-brand-text {
  width: calc(100% - 22rem);
  max-width: 54rem;
  padding-left: 2.4rem;
}
.product-detail-brand-text p {
  margin-bottom: 1.6rem;
}
.product-detail-brand-link {
  color: #595855;
  text-decoration: underline;
}
.product-detail-box {
  background: #F3F3F3;
  padding: 2.4rem;
  margin-bottom: 1.6rem;
}
.product-detail-box-top {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.product-detail-box p {
  margin-bottom: 0.4rem;
}
.product-detail-box-tags {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
}
.product-detail-box-tags .tag {
  margin: 0.4rem;
}
.product-detail-box-perex {
  margin-bottom: 1.6rem;
}
.product-detail-box .btn-bigger {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.product-detail-box-variant {
  display: flex;
  flex-direction: column;
}
.product-detail-box-variant-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.product-detail-box-variant-top h4 {
  font-size: 1.8rem;
  margin-bottom: 0;
}
.product-detail-box-variant-top a {
  font-size: 1.4rem;
}
.product-detail-box-variant-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
  margin-bottom: 1.6rem;
}
.product-detail-box-avail {
  display: flex;
  margin-bottom: 2.4rem;
}
.product-detail-box-avail-item {
  width: 33.33%;
  margin-left: -1px;
  border: 1px solid #D0CFCE;
  display: flex;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  line-height: 1.3;
}
.product-detail-box-avail-item .avail {
  color: #32CA8E;
  font-weight: 700;
}
.product-detail-box-avail-item .avail-warning {
  color: #F2B20B;
}
.product-detail-box-avail-item .avail-orange {
  color: #F2B20B;
}
.product-detail-box-avail-item .avail-gray {
  color: #A0A09E;
}
.product-detail-box-avail-item .avail-green {
  color: #32CA8E;
}

.styled-variant-item {
  padding: 0.7rem;
  margin: 0;
  width: 20%;
}
.styled-variant-item .styled-variant {
  width: 100%;
  min-height: 9.3rem;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-color: #A0A09E;
}
.styled-variant-item .styled-variant-name {
  font-family: "Sora", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #363530;
  margin-bottom: 0.8rem;
  margin-top: 1.8rem;
  display: block;
  text-transform: none;
}
.styled-variant-item .styled-variant-color {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  margin-top: 0.8rem;
  margin-bottom: 0.3rem;
  border: 1px solid #F3F3F3;
  display: inline-flex;
}
.styled-variant-item .styled-variant img {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.styled-variant-item .styled-variant p {
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #595855;
}
.styled-variant-item .styled-variant-top {
  border: 2px solid #A0A09E;
  border-bottom: none;
  border-color: transparent;
  width: 100%;
  flex-grow: 1;
  transition: border-color 0.3s;
}
.styled-variant-item .styled-variant-bot {
  font-size: 1.2rem;
  text-align: center;
  background: #A0A09E;
  color: #FFFFFF;
  line-height: 1.2;
  padding: 0.45rem 0.2rem;
  margin-top: auto;
  width: 100%;
}
.styled-variant-item .styled-variant:hover .styled-variant-top {
  border-color: inherit;
}
.styled-variant-item .styled-variant-orange {
  border-color: #F2B20B;
}
.styled-variant-item .styled-variant-orange .styled-variant-bot {
  background: #F2B20B;
}
.styled-variant-item .styled-variant-green {
  border-color: #32CA8E;
}
.styled-variant-item .styled-variant-green .styled-variant-bot {
  background: #32CA8E;
}
.styled-variant-item .styled-variant-bomb .styled-variant-top {
  background: #FFFF00;
  position: relative;
}
.styled-variant-item .styled-variant-bomb .styled-variant-top:before {
  width: 2.4rem;
  height: 2.2rem;
  background: url("/images/front/radioactive.svg") no-repeat center;
  background-size: 2.4rem auto;
  content: "";
  display: block;
  position: absolute;
  top: -1.2rem;
  left: calc(50% - 1.2rem);
}
.styled-variant-item.active .styled-variant-top {
  border-color: inherit;
}

.product-detail-box-price {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  margin-bottom: 2.4rem;
}
.product-detail-box-price .price {
  font-family: "Sora", sans-serif;
  font-size: 3.2rem;
  line-height: 1;
  color: #363530;
  font-weight: 700;
}
.product-detail-box-price .price.price-bomb img {
  width: 4rem;
  height: 4rem;
}
.product-detail-box-price .price-before span {
  text-decoration: line-through;
}
.product-detail-box-buy {
  display: flex;
  margin-bottom: 1.6rem;
}
.product-detail-box-buy .btn-primary {
  flex-grow: 1;
  justify-content: center;
  font-size: 1.6rem;
}
.product-detail-box .btn-bigger svg {
  margin-right: 1.6rem;
}
.product-detail-box-cofidis {
  margin-top: 1.6rem;
  display: flex;
  justify-content: center;
}
.product-detail-box-cofidis img {
  margin-right: 0.6rem;
}
.product-detail-box-cofidis a {
  margin: 0 1.2rem;
}

.product-detail-btns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.product-detail-btns .btn {
  justify-content: center;
  width: calc(50% - 1.6rem);
  margin: 0 0.8rem 1.6rem 0.8rem;
}
.product-detail-btns .btn .icon-love {
  stroke: #595855;
  transition: stroke 0.3s;
  fill: transparent;
}
.product-detail-btns .btn .icon-compare {
  stroke: #595855;
  transition: stroke 0.3s;
  fill: transparent;
}
.product-detail-btns .btn .icon-dog {
  transition: all 0.3s;
  fill: #595855;
  stroke: #595855;
}
.product-detail-btns .btn .icon-recycle {
  transition: all 0.3s;
  fill: #595855;
}
.product-detail-btns .btn:hover .icon-love {
  stroke: #363530;
}
.product-detail-btns .btn:hover .icon-dog {
  stroke: #363530;
  fill: #363530;
}
.product-detail-btns .btn:hover .icon-recycle {
  fill: #363530;
}
.product-detail-btns .btn.active .icon-love,
.product-detail-btns .btn.active .btn-compare {
  stroke: #EF7D00;
}
.product-detail-benefits {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
}
.product-detail-benefits-item {
  display: flex;
  align-items: center;
  padding: 1.2rem 1.6rem;
  width: 33.33%;
}
.product-detail-benefits-item img {
  margin-right: 1.6rem;
}
.product-detail-benefits-item-text {
  max-width: 10.4rem;
  line-height: 1.3;
}

.product-detail-nav-line {
  display: flex;
  align-items: center;
}
.product-detail-nav-line-section {
  position: sticky;
  top: -1px;
  z-index: 2;
  background-color: #ffffff;
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
}
.product-detail-nav-line-section .product-detail-nav-item-cik {
  opacity: 0;
  transition: opacity 200ms;
}
.product-detail-nav-line-section.isSticky .product-detail-nav-item-cik {
  opacity: 1;
}
.product-detail-nav-line-wrap.scroll {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
  border-bottom: 1px solid #F3F3F3;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.product-detail-nav-line ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 7.2rem;
}
.product-detail-nav-line ul li {
  padding: 0 2rem;
  height: 100%;
}
.product-detail-nav-line ul li a {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  color: #363530;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.product-detail-nav-line ul li a:after {
  left: 0;
  bottom: -1px;
  right: 0;
  height: 2px;
  background: #363530;
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
}
.product-detail-nav-line ul li a.active:after, .product-detail-nav-line ul li a:hover:after {
  opacity: 1;
}
.product-detail-nav-item {
  display: flex;
  height: 7.2rem;
}
.product-detail-nav-item-img {
  width: 8.6rem;
  padding: 0.4rem 0;
}
.product-detail-nav-item-text {
  width: calc(100% - 8.6rem - 13.6rem);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-detail-nav-item-name {
  font-size: 1.4rem;
  color: #595855;
}
.product-detail-nav-item-bot {
  display: flex;
  align-items: center;
}
.product-detail-nav-item-bot .price {
  font-weight: 700;
  margin-right: 0.8rem;
}
.product-detail-nav-item-buy {
  width: 13.6rem;
  border-left: 1px solid #F3F3F3;
  border-right: 1px solid #F3F3F3;
  font-weight: 700;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #363530;
  transition: background-color 0.3s, color 0.3s;
}
.product-detail-nav-item-buy .icon {
  fill: #363530;
  margin-right: 1.2rem;
  transition: fill 0.3s;
}
.product-detail-nav-item-buy:hover {
  color: #FFFFFF;
  background: #EF7D00;
}
.product-detail-nav-item-buy:hover .icon {
  fill: #FFFFFF;
}

.product-detail-content-section {
  padding-top: 4.8rem;
}
.product-detail-content-text .text-block {
  max-width: 78.2rem;
}
.product-detail-content-text .text-block-simple {
  max-width: 76rem;
}

.info-block-grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 78.6rem;
}
.info-block-item {
  width: 33.33%;
  border: 1px solid #F3F3F3;
  background: #FFFFFF;
  transition: background-color 0.3s;
  display: flex;
  flex-direction: column;
  min-height: 16rem;
  justify-content: space-between;
  padding: 2.4rem;
  margin-left: -1px;
  margin-top: -1px;
}
.info-block-item img {
  width: 3.2rem;
}
.info-block-item span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #595855;
  max-width: 15rem;
}
.info-block-item:hover {
  background: #F3F3F3;
}

.product-detail-content-right .image-banner-list {
  margin-top: 3.2rem;
}
.product-detail-content-right h4 {
  padding-left: 2.4rem;
  font-size: 1.8rem;
  line-height: 1.35;
  margin-bottom: 1.6rem;
}

.param-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}
.param-list-name {
  background: #F3F3F3;
  line-height: 1.2;
  padding: 0.9rem 2.4rem;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.param-item {
  display: flex;
  padding: 1.6rem 2.4rem;
  border-bottom: 1px solid #F3F3F3;
}
.param-item-name {
  width: 45%;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  padding-right: 24px;
}
.param-item-text {
  width: 65%;
  font-size: 1.4rem;
  line-height: 1.4;
}
.param-item-text a {
  text-decoration: underline;
  color: #595855;
}
.param-item-text a:hover {
  color: #595855;
  text-decoration: none;
}
.param-item-text p {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 0;
}

.product-tabs {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
.product-tabs li {
  margin: 0;
  padding: 0;
}
.product-tabs li a {
  display: block;
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
  transition: background-color 0.3s, color 0.3s;
  margin-top: -1px;
  color: #595855;
  line-height: 1.3;
  min-height: 5.6rem;
}
.product-tabs li a:hover, .product-tabs li a.active {
  background: #595855;
  color: #FFFFFF;
}

.mobile-product-top {
  display: none;
}
.mobile-product-info {
  display: none;
}
.mobile-product-detail-brand {
  display: none;
}

.mobile-banner-list-section {
  display: none;
}

.product-tabs-mobile {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
.product-tabs-mobile .product-tabs-headline {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  margin-bottom: 0;
  color: #595855;
}
.product-tabs-mobile .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  max-width: 24rem;
}
.product-tabs-mobile .bootstrap-select .dropdown-toggle {
  height: 4rem;
}
.product-tabs-mobile .bootstrap-select .dropdown-toggle:after {
  top: 0.8rem;
}

.product-float-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  background: #FFFFFF;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  border-top: 1px solid #F3F3F3;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.product-float-box-price {
  font-weight: 700;
  font-size: 1.6rem;
  font-family: "Sora", sans-serif;
  padding-left: 1.6rem;
  color: #363530;
}
.product-float-box-btn {
  display: flex;
  align-items: center;
}
.product-float-box-btn .input-count {
  padding-right: 3.2rem;
  padding-left: 3.2rem;
}
.product-float-box-btn .input-count-wrap {
  height: 4.8rem;
}
.product-float-box-btn .input-count-btn {
  height: 4.8rem;
  width: 3.2rem;
  border: none;
}
.product-float-box-btn .input-count-btn-minus {
  left: 0;
  right: auto;
}
.product-float-box-btn .btn {
  height: 4.8rem;
}

@media (min-width: 992px) {
  .only-mobile-slider .swiper-wrapper {
    flex-wrap: wrap;
    overflow: visible;
  }
  .product-detail-main-img {
    padding-right: 48px;
  }
  .product-detail-gallery {
    padding-right: 48px;
  }
}
@media (max-width: 1399px) {
  .product-detail-btns .btn {
    padding: 1.6rem 1.6rem;
  }
  .product-detail-box-cofidis {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .product-detail-left-top {
    display: none;
  }
  .product-detail-brand {
    display: none;
  }
  .product-detail-box {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    padding: 2.4rem 1.6rem;
  }
  .product-detail-box-top {
    display: none;
  }
  .product-detail-box-perex {
    display: none;
  }
  .product-detail-box-variant-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .styled-variant-item {
    padding: 0.4rem;
    width: 25%;
  }
  .mobile-product-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-product-top-code {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #A0A09E;
  }
  .mobile-product-info {
    display: block;
    margin-bottom: 2.4rem;
  }
  .mobile-product-info-tags {
    margin-bottom: 0.8rem;
  }
  .product-detail-gallery {
    margin-bottom: 1.6rem;
  }
  .product-detail-gallery a {
    width: 7.6rem;
    flex: 0 0 7.6rem;
    margin: 0.4rem;
  }
  .product-detail-box-cofidis {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-detail-box-cofidis span {
    margin: 0.4rem;
  }
  .product-detail-btns {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
    margin-top: 1.6rem;
  }
  .product-detail-btns .btn {
    width: calc(50% - 0.8rem);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .product-detail-nav-line {
    overflow-x: scroll;
    margin: 0;
    width: auto;
    flex-wrap: nowrap;
  }
  .product-detail-nav-line-section .container {
    padding: 0;
  }
  .product-detail-nav-line .product-detail-nav {
    width: auto;
    padding: 0;
    flex: 0 0 auto;
    white-space: nowrap;
    max-width: unset;
  }
  .product-detail-nav-line .product-detail-nav ul {
    height: 4.8rem;
    padding: 0 0.8rem;
  }
  .product-detail-nav-line .product-detail-nav ul li {
    padding: 0 0.8rem;
  }
  .product-detail-nav-line .product-detail-nav ul li a {
    font-size: 1.4rem;
  }
  .product-detail-nav-line .product-detail-nav-item {
    height: 4.8rem;
    margin-left: 0.8rem;
  }
  .product-detail-nav-line .product-detail-nav-item-img {
    height: 4.8rem;
    width: 5.8rem;
  }
  .product-detail-nav-line .product-detail-nav-item-img img {
    max-height: 100%;
  }
  .product-detail-nav-line .product-detail-nav-item-text {
    width: auto;
  }
  .product-detail-nav-line .product-detail-nav-item-col {
    width: auto;
    padding: 0;
    flex: 0 0 auto;
    max-width: unset;
  }
  .product-detail-content-section {
    padding-top: 2.4rem;
  }
  .product-detail-content-right h4 {
    padding-left: 0rem;
  }
  .mobile-product-detail-brand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.4rem;
  }
  .mobile-product-detail-brand img {
    margin-bottom: 1.6rem;
  }
  .product-detail-banner-list {
    display: none;
  }
  .mobile-banner-list-section {
    display: block;
  }
  .product-tabs {
    display: none;
  }
  .product-tabs-mobile {
    display: flex;
  }
  .product-float-box {
    display: flex;
  }
  .product-detail-main-img .swiper-button-next,
  .product-detail-main-img .swiper-button-prev {
    display: block;
    background: #595855 url("/images/front/icon_right_white.svg") no-repeat center;
    opacity: 0.6;
    border: none;
  }
  .product-detail-main-img .swiper-button-prev {
    right: auto;
    left: 0;
    top: calc(50% - 0rem);
  }
  .product-detail-main-img .swiper-button-next {
    right: 0;
    left: auto;
    top: calc(50% - 0rem);
  }
  .param-item {
    padding: 0.8rem 0;
  }
  .mobile-product-top {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 575px) {
  .info-block-item {
    width: 50%;
  }
  .product-detail-benefits-item {
    flex-direction: column;
    text-align: center;
  }
  .product-detail-benefits-item img {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
  .param-list {
    margin-bottom: 2.4rem;
  }
  .param-item {
    display: flex;
    flex-direction: column;
  }
  .param-item-name {
    padding-right: 0;
    width: 100%;
  }
  .param-item-text {
    width: 100%;
  }
}
.text-block img {
  max-width: 100%;
}
.text-block h1 {
  line-height: 1.4;
}
.text-block h2 {
  margin-bottom: 2.4rem;
}
.text-block h3 {
  margin-bottom: 1.6rem;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-top: 3.2rem;
}
.text-block h3 span {
  font-weight: 400;
  background: #FFF4D7;
  padding: 0.8rem;
  line-height: 1;
  margin-left: 0.8rem;
  display: inline-block;
}
.text-block hr {
  margin-top: 4.8rem;
  margin-bottom: 4rem;
  border-color: #F3F3F3;
}
.text-block-83 .text-block-simple {
  max-width: 83rem;
  margin-bottom: 4rem;
}
.text-block-83 h3 {
  margin-bottom: 2.4rem;
}
.text-block-simple ul {
  margin: 0;
  margin-bottom: 2.4rem;
}
.text-block-simple.b-border {
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 2.4rem;
  margin-bottom: 4.8rem;
}
.text-block-simple.b-border ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 2.4rem;
}
.text-block-simple.b-border ul li {
  position: relative;
  padding-left: 3.2rem;
}
.text-block-simple.b-border ul li:before {
  background: #D0CFCE;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  top: 1rem;
  content: "";
  display: block;
  position: absolute;
  left: 0;
}
.text-block-simple-icon {
  margin-bottom: 2.4rem;
}
.text-block-simple-icon + h3 {
  margin-top: 0.8rem;
}
.text-block-top-info {
  display: flex;
  border-top: 1px solid #F3F3F3;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 0;
  margin-bottom: 4.8rem;
}
.text-block-top-info-right {
  display: flex;
  align-items: center;
}
.text-block-top-info-date {
  margin-right: 1.6rem;
  font-size: 1.4rem;
  color: #A0A09E;
}
.text-block-top-info-time {
  margin-right: 3.2rem;
  font-size: 1.4rem;
  color: #A0A09E;
}
.text-block-top-info-share {
  display: flex;
  align-items: center;
}
.text-block-top-info-share span {
  font-size: 1.4rem;
  color: #595855;
  margin-right: 0.8rem;
}
.text-block-top-info-share-icons {
  display: flex;
}
.text-block-top-info-share-icons a {
  margin: 0.2rem;
}
.text-block-top-info-share-icons a .icon {
  fill: #595855;
  transition: fill 0.3s;
}
.text-block-top-info-share-icons a:hover .icon {
  fill: #EF7D00;
}
.text-block-img {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 2.4rem;
}
.text-block-img img {
  max-width: 100%;
}
.text-block-half {
  display: flex;
  margin-bottom: 4rem;
}
.text-block-half-text {
  padding-right: 1.6rem;
  width: 50%;
}
.text-block-half-text h3 {
  margin-top: 0;
}
.text-block-half-text + .text-block-half-img {
  padding-left: 1.6rem;
  padding-right: 0;
}
.text-block-half-img {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-right: 1.6rem;
}
.text-block-half-img img {
  width: 100%;
  max-width: 100%;
}
.text-block-half-img + .text-block-half-text {
  padding-left: 1.6rem;
  padding-right: 0;
}
.text-block-gray {
  background: #F3F3F3;
  padding: 2.4rem 3.2rem;
  margin-bottom: 4rem;
}
.text-block-gray p {
  color: #363530;
  margin-bottom: 0;
  font-size: 2rem;
}
.text-block-video {
  position: relative;
  margin-bottom: 4rem;
}
.text-block-video img {
  max-width: 100%;
  width: 100%;
}
.text-block-video .btn-play {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  background: #FFFFFF url("/images/front/play.svg") no-repeat center;
}
.text-block-video .btn-play:hover {
  width: 10.4rem;
  height: 10.4rem;
}
.text-block-half-dark {
  display: flex;
  background: #595855;
  color: #FFFFFF;
  margin-bottom: 4rem;
}
.text-block-half-dark-text {
  width: 50%;
  padding: 3.2rem;
  padding-right: 2.4rem;
}
.text-block-half-dark-text p {
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
}
.text-block-half-dark-text h3 {
  color: #FFFFFF;
  margin-top: 0;
}
.text-block-half-dark-text .read-more {
  color: #FFFFFF;
  text-decoration: underline;
  font-size: 1.4rem;
  line-height: 1.4;
}
.text-block-half-dark-text .small-title {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
  line-height: 1.2;
  display: block;
}
.text-block-half-dark-img {
  width: 50%;
  display: flex;
}
.text-block-half-dark-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.text-block-product {
  margin-bottom: 2.4rem;
}
.text-block-product .product-list-slider .product-item {
  flex: 0 0 calc(33.33% - 2.4rem);
  max-width: calc(33.33% - 2.4rem);
}
.text-block-questions {
  margin-bottom: 3.2rem;
}
.text-block-questions ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.text-block-questions ul li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.8rem;
}
.text-block-questions ul li a {
  text-decoration: underline;
  font-size: 1.5rem;
  color: #595855;
  padding-left: 4rem;
  background: url("/images/front/icon_question.svg") no-repeat left center;
  background-size: 2.4rem auto;
  min-height: 2.4rem;
  display: inline-block;
}
.text-block-questions ul li a:hover {
  text-decoration: none;
}
.text-block-gallery .product-detail-main-img {
  padding: 0;
}
.text-block-gallery .product-detail-main-img-item {
  display: flex;
  justify-content: center;
}
.text-block-gallery .product-detail-gallery {
  padding: 0;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.text-block-gallery .product-detail-gallery a {
  margin: 1.2rem;
  width: calc(12.5% - 2.4rem);
}
.text-block-simple-cat {
  margin-bottom: 4.8rem;
}
.text-block-simple-cat .simple-cat-item {
  width: calc(25% - 2.4rem);
}
.text-block-image-banner {
  margin-bottom: 2.4rem;
}
.text-block-image-banner .image-banner-item {
  width: calc(33.33% - 2.4rem);
}
.text-block-gray-text {
  background: #F3F3F3;
  padding: 3.2rem;
  margin-bottom: 4rem;
}
.text-block-gray-text .perex p {
  margin-bottom: 0;
  color: #363530;
}
.text-block-gray-text.gray-text-small {
  padding: 2.4rem;
}
.text-block-gray-text.gray-text-small p {
  font-size: 1.4rem;
}
.text-block-gray-text .small {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
.text-block-gray-text h2 {
  color: #595855;
}
.text-block-gray-text h3 {
  color: #595855;
  margin-bottom: 1.2rem;
  margin-top: 0;
}
.text-block-gray-text p {
  margin-bottom: 1.6rem;
}
.text-block-gray-text p:last-child {
  margin-bottom: 0;
}
.text-block-orange-text {
  background: #FFF4D7;
  padding: 2.4rem;
}
.text-block-orange-text .perex p {
  margin: 0;
}
.text-block-comments {
  margin-bottom: 4rem;
}
.text-block-share {
  border: 1px solid #F3F3F3;
  display: flex;
  align-items: center;
  min-height: 8rem;
  padding: 1rem 2.4rem;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 4rem;
}
.text-block-share span {
  font-family: "Sora", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  margin-right: 2.8rem;
}
.text-block-share-icons {
  margin: 0.4rem;
}
.text-block-share-icons a .icon {
  transition: fill 0.3s;
  fill: #595855;
}
.text-block-share-icons a:hover .icon {
  fill: #EF7D00;
}

.advantage-block {
  padding: 3.2rem;
  padding-bottom: 0.8rem;
  background: #F3F3F3;
  margin-bottom: 4.8rem;
}
.advantage-block h4 {
  font-size: 1.8rem;
  color: #595855;
  margin-bottom: 1.6rem;
}
.advantage-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 2.4rem;
}
.advantage-block ul li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.8rem;
  padding-left: 4rem;
  min-height: 2.4rem;
  background: url("/images/front/advantage.svg") no-repeat left center;
  line-height: 1.4;
  font-size: 1.5rem;
}
.advantage-block .disadvantage-list ul li {
  background: url("/images/front/disadvantage.svg") no-repeat left center;
}

@media (max-width: 767px) {
  .text-block h2 {
    margin-bottom: 1.6rem;
  }
  .text-block h3 {
    font-size: 1.4rem;
  }
  .text-block-half {
    flex-direction: column;
  }
  .text-block-half-text {
    width: 100%;
    padding: 0;
    order: 1;
  }
  .text-block-half-text + .text-block-half-img {
    padding: 0;
  }
  .text-block-half-img {
    order: 2;
    width: 100%;
    padding: 0;
  }
  .text-block-half-img + .text-block-half-text {
    padding: 0;
  }
  .text-block-half-dark {
    flex-direction: column;
  }
  .text-block-half-dark-text {
    padding: 1.6rem;
    width: 100%;
  }
  .text-block-half-dark-img {
    width: 100%;
    padding: 0;
  }
}
.anchor-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.anchor-list li {
  margin: 0;
  padding: 0;
}
.anchor-list a {
  display: flex;
  padding: 2.4rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #363530;
  border: 1px solid #F3F3F3;
  margin-top: -1px;
  transition: box-shadow 0.3s;
  background: url("/images/front/anchor_arrow.svg") right 2.4rem center no-repeat;
  padding-right: 4.8rem;
}
.anchor-list a:hover {
  color: #363530;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}

.text-block-store-wide {
  display: flex;
  flex-wrap: wrap;
  padding: 3.2rem;
  border: 1px solid #F3F3F3;
}
.text-block-store-wide-text {
  width: 50%;
}
.text-block-store-wide-text h3 {
  margin-top: 0;
  margin-bottom: 1.2rem;
}
.text-block-store-wide-text h4 {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  margin-bottom: 1.2rem;
}
.text-block-store-wide-text p {
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.text-block-store-wide-img {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .text-block-store-wide {
    padding: 2.4rem;
  }
  .text-block-store-wide-text {
    width: 100%;
  }
  .text-block-store-wide-img {
    width: 100%;
    margin-top: 2.4rem;
  }
}
.career-item-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.career-item-list .career-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #F3F3F3;
  padding: 2.4rem;
  align-items: flex-start;
  flex: 0 0 calc(50% - 2.4rem);
  width: calc(50% - 2.4rem);
  margin: 0 1.2rem 2.4rem 1.2rem;
}
.career-item-list .career-item .info-tag {
  margin-bottom: 1.6rem;
}
.career-item-list .career-item .h6 {
  margin-bottom: 2rem;
  line-height: 1.2;
}

.text-block-gray-two-col {
  background: #F3F3F3;
  padding: 3.2rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.text-block-gray-left span {
  font-size: 1.8rem;
  font-family: "Sora", sans-serif;
  color: #363530;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.text-block-gray-left p {
  margin-bottom: 0;
}
.text-block-gray-right a {
  font-size: 2.4rem;
  color: #EF7D00;
  font-weight: 700;
  text-decoration: underline;
}

.col-gallery-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.col-gallery-half {
  width: 50%;
}
.col-gallery-item {
  padding: 0 1.2rem;
}
.col-gallery-item img {
  width: 100%;
  margin: 0rem 0 2.4rem 0;
}

.career-orange .perex p {
  display: flex;
  align-items: center;
}
.career-orange .perex p img {
  margin-right: 1.6rem;
}
.career-orange .perex p strong {
  margin-top: 0.3rem;
}

.contact-person-list {
  display: flex;
  flex-wrap: wrap;
}
.contact-person-item {
  width: 25%;
  flex: 0 0 25%;
  padding: 0 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.4rem;
  text-align: center;
}
.contact-person-item-img {
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 2.4rem;
}
.contact-person-item-img img {
  width: 100%;
}
.contact-person-item-name {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.contact-person-item-job {
  font-size: 1.4rem;
  color: #A0A09E;
  line-height: 1.2;
  padding: 0 1.2rem;
}
.contact-person-item .dark-link {
  margin-top: 1.6rem;
  font-size: 1.4rem;
}

.text-block-brands .brand-item {
  width: 25%;
}

.text-block-social {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F3F3F3;
  padding: 3.2rem 2.4rem;
}
.text-block-social-head {
  font-size: 1.8rem;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  margin-bottom: 0.8rem;
  color: #363530;
  line-height: 1.2;
}
.text-block-social p {
  margin-bottom: 0;
}
.text-block-social-list {
  display: flex;
  justify-content: center;
  padding-right: 1.2rem;
}
.text-block-social-list a {
  margin: 0.4rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #E7E7E7;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.text-block-social-list a .icon {
  fill: #595855;
}
.text-block-social-list a:hover {
  border-color: #595855;
}

.text-block-info-block .info-block-grid {
  max-width: 100%;
}

.number-list {
  display: flex;
  flex-direction: column;
}
.number-line {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
  margin-top: -1px;
  line-height: 1.1;
  align-items: center;
  padding: 1.7rem 2.4rem;
}
.number-num {
  font-size: 4rem;
  font-family: "Sora", sans-serif;
  color: #EF7D00;
  font-weight: 700;
}
.number-text {
  font-size: 1.8rem;
}

.text-block-ul-number ul {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: li;
}
.text-block-ul-number ul li {
  margin: 0;
  padding: 0;
  position: relative;
  padding-left: 14rem;
  min-height: 9.2rem;
  max-width: 70rem;
  font-size: 2.4rem;
  font-family: "Sora", sans-serif;
  line-height: 1.6;
  margin-bottom: 1.6rem;
}
.text-block-ul-number ul li:before {
  counter-increment: li;
  content: counter(li, decimal-leading-zero);
  color: #EF7D00;
  font-family: "Sora", sans-serif;
  font-size: 7.2rem;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 1rem;
}

.history-banner-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}

.history-banner-item {
  width: calc(25% - 2.4rem);
  margin: 0 1.2rem 2.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 3.2rem;
  padding-bottom: 0;
  padding-top: calc(25% - 2.4rem);
  flex-shrink: 0;
  background: #595855;
  color: #FFFFFF;
  position: relative;
}
.history-banner-item-date {
  position: absolute;
  top: 0;
  color: #EF7D00;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: left;
  line-height: 1;
  left: 0;
  padding: 3.2rem;
  z-index: 1;
}
.history-banner-item-text {
  position: absolute;
  bottom: 0;
  font-size: 1.8rem;
  text-align: left;
  padding: 3.2rem;
  line-height: 1.6;
  z-index: 1;
  left: 0;
}
.history-banner-item-text p {
  margin-bottom: 0;
}
.history-banner-item-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.history-banner-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-banner-item-img:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.6;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .history-banner-item {
    width: calc(33.33% - 2.4rem);
    padding-top: calc(33.33% - 2.4rem);
  }
  .history-banner-item-date {
    padding: 1.6rem;
  }
  .history-banner-item-text {
    padding: 1.6rem;
  }
}
@media (max-width: 767px) {
  .history-banner-item {
    width: calc(50% - 0.8rem);
    padding-top: calc(50% - 2.4rem);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .history-banner-item-date {
    padding: 1.6rem;
    font-size: 2rem;
  }
  .history-banner-item-text {
    padding: 1.6rem;
  }
  .history-banner-item-text p {
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .number-line {
    padding: 0.8rem 1.6rem;
  }
  .number-num {
    font-size: 2.4rem;
  }
  .number-text {
    font-size: 1.6rem;
  }
  .text-block-ul-number ul li {
    min-height: 5.6rem;
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
    padding-left: 7.2rem;
    align-items: center;
    display: flex;
    line-height: 1.4;
    padding-top: 0.6rem;
  }
  .text-block-ul-number ul li:before {
    font-size: 4.2rem;
  }
}
@media (max-width: 575px) {
  .history-banner-item {
    width: calc(60% - 0.8rem);
    padding-top: calc(50% - 2.4rem);
  }
  .number-line {
    padding: 0.8rem 1.6rem;
    flex-wrap: wrap;
  }
  .number-num {
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
    width: 100%;
  }
  .number-text {
    font-size: 1.4rem;
    width: 100%;
  }
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  margin: 0 auto;
  padding-top: 20rem;
  padding-bottom: 10rem;
}
.timeline:after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: #EF7D00;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: 0px;
}
.timeline-start {
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-top: 16rem;
  padding-bottom: 6.4rem;
}
.timeline-start span {
  font-size: 20rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  color: #EF7D00;
  position: absolute;
  z-index: -1;
  top: -12rem;
}
.timeline-start:after {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  left: 50%;
  margin-left: -1.2rem;
  background-color: #EF7D00;
  bottom: 0;
  border-radius: 50%;
  z-index: 1;
}
.timeline-end {
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-top: 16rem;
}
.timeline-end span {
  font-size: 20rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  color: #EF7D00;
  position: absolute;
  z-index: -1;
  top: -12rem;
}
.timeline-end:after {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  left: 50%;
  margin-left: -1.2rem;
  background-color: #EF7D00;
  top: -16rem;
  border-radius: 50%;
  z-index: 1;
}
.timeline-item {
  padding: 0;
  position: relative;
  background-color: inherit;
  width: 50%;
  margin-top: -12rem;
  /* Place the container to the left */
  /* Place the container to the right */
}
.timeline-item.left {
  left: 0;
  padding-right: 13rem;
}
.timeline-item.left:before {
  height: 1px;
  width: 13rem;
  background: #EF7D00;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
}
.timeline-item.right {
  left: 50%;
  padding-left: 13rem;
}
.timeline-item.right:before {
  height: 1px;
  width: 13rem;
  background: #EF7D00;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.timeline-item.right:after {
  left: -0.8rem;
}
.timeline-item.right .timeline-item-content {
  align-items: flex-start;
}
.timeline-item:after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  right: -0.8rem;
  background-color: #EF7D00;
  top: -0.8rem;
  border-radius: 50%;
  z-index: 1;
}
.timeline-item-content {
  padding: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.timeline-item-headline {
  padding: 0.8rem;
  display: inline-flex;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  font-family: "Sora", sans-serif;
  color: #EF7D00;
  border: 1px solid #EF7D00;
  margin-bottom: 1.6rem;
  margin-top: -2rem;
}

@media (max-width: 991px) {
  .text-block-top-info {
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
  }
  .text-block-top-info-right {
    width: 100%;
    margin-top: 1.2rem;
  }
  .text-block-top-info-share {
    margin-left: auto;
  }
  .text-block-product {
    margin-bottom: 2.4rem;
  }
  .text-block-product .product-list-slider .product-item {
    flex: 0 0 calc(50% - 2.4rem);
    max-width: calc(50% - 2.4rem);
  }
  .text-block-simple-cat {
    margin-bottom: 2.4rem;
  }
  .text-block-simple-cat .simple-cat-item {
    width: calc(25% - 0.8rem);
  }
  .text-block-gray-text {
    padding: 1.6rem;
  }
  .text-block-gray-text.gray-text-small {
    padding: 1.6rem;
  }
  .text-block-gray {
    padding: 1.6rem;
    margin-bottom: 2.4rem;
  }
  .text-block-gray p {
    font-size: 1.6rem;
  }
  .text-block-gray-right a {
    font-size: 1.8rem;
  }
  .text-block-gray-two-col {
    padding: 1.6rem;
    flex-direction: column;
  }
  .text-block-video {
    margin-bottom: 2.4rem;
  }
  .text-block h3 {
    margin-top: 1.6rem;
  }
  .text-block-83 h3 {
    margin-bottom: 1.6rem;
  }
  .text-block-83 .text-block-simple {
    margin-bottom: 2.4rem;
  }
  .advantage-block {
    padding: 1.6rem;
    margin-bottom: 2.4rem;
  }
  .contact-person-item {
    width: 33.33%;
    flex: 0 0 33.33%;
  }
  .contact-person-item-name {
    font-size: 1.4rem;
  }
  .contact-person-item-job {
    font-size: 1.2rem;
  }
  .timeline {
    padding-top: 5.6rem;
    padding-right: 1.5rem;
  }
  .timeline:after {
    left: 1.6rem;
  }
  .timeline-item {
    margin-top: 4.8rem;
    left: 0;
    width: 100%;
  }
  .timeline-item-content {
    align-items: flex-start;
  }
  .timeline-item.left {
    left: 1.6rem;
    padding-left: 4.8rem;
    padding-right: 0;
  }
  .timeline-item.left:before {
    top: 0;
    left: 0;
    right: auto;
    width: 4.8rem;
  }
  .timeline-item.left:after {
    left: -0.8rem;
  }
  .timeline-item.right {
    left: 1.6rem;
    padding-left: 4.8rem;
  }
  .timeline-item.right:before {
    width: 4.8rem;
  }
  .timeline-start {
    margin-top: 5.6rem;
    max-width: 35rem;
  }
  .timeline-start span {
    font-size: 8rem;
    top: -4.8rem;
  }
  .timeline-start:after {
    left: 1.6rem;
  }
  .timeline-start img {
    width: 20rem;
  }
  .timeline-end {
    margin-top: 5.6rem;
    max-width: 35rem;
  }
  .timeline-end span {
    font-size: 8rem;
    top: -5.6rem;
  }
  .timeline-end:after {
    left: 1.6rem;
    top: -8rem;
  }
  .timeline-end img {
    width: 35rem;
  }
}
@media (max-width: 767px) {
  .text-block-simple-cat .simple-cat-item {
    width: calc(33.33% - 0.8rem);
  }
  .text-block-image-banner .image-banner-item {
    width: calc(50% - 0.8rem);
  }
  .text-block-share {
    flex-direction: column;
    padding-top: 1.6rem;
  }
  .text-block-share span {
    margin-right: 0;
  }
  .text-block-video .btn-play {
    width: 7.2rem;
    height: 7.2rem;
    background-size: 1.6rem auto;
  }
  .text-block-brands .brand-item {
    width: 50%;
  }
  .text-block-social {
    flex-direction: column;
    text-align: center;
    padding: 1.6rem;
  }
  .text-block-social-list {
    margin-top: 1.6rem;
    padding-right: 0;
  }
  .text-block-col-gallery {
    margin-bottom: 2.4rem;
  }
  .col-gallery-row {
    margin-left: -0.6rem;
    margin-right: -0.6rem;
  }
  .col-gallery-half {
    width: 50%;
  }
  .col-gallery-item {
    padding: 0.6rem 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .col-gallery-item img {
    width: 100%;
    margin: 0rem 0 0rem 0;
  }
  .career-item-list .career-item {
    padding: 1.6rem;
    flex: 0 0 calc(50% - 0.8rem);
    width: calc(50% - 0.8rem);
    margin: 0 0.4rem 0.8rem 0.4rem;
  }
  .career-item-list .career-item .h6 {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .anchor-list a {
    padding: 1.6rem;
    padding-right: 3.2rem;
    font-size: 1.5rem;
    background-size: 1.6rem auto;
    background-position: right 1.6rem center;
  }
}
@media (max-width: 575px) {
  .text-block-top-info {
    flex-wrap: wrap;
  }
  .text-block-top-info-right {
    flex-wrap: wrap;
  }
  .text-block-top-info-time {
    margin-left: auto;
    margin-right: 0;
  }
  .text-block-top-info-share {
    margin-left: auto;
    width: 100%;
  }
  .text-block-top-info-share-icons {
    margin-left: auto;
  }
  .text-block-top-info .person-box {
    margin: 0 auto;
  }
  .text-block-simple-cat .simple-cat-item {
    width: calc(50% - 0.8rem);
  }
  .contact-person-item {
    width: 50%;
    flex: 0 0 50%;
  }
  .contact-person-item-name {
    font-size: 1.4rem;
  }
  .contact-person-item-job {
    font-size: 1.2rem;
  }
  .contact-person-item .dark-link {
    margin-top: 0.8rem;
  }
}
.text-block-partners-block {
  margin-bottom: 2.4rem;
}
.text-block-partners-block h4 {
  font-size: 2.4rem;
  font-weight: 400;
}

.partner-item {
  border: 1px solid #F3F3F3;
  margin-bottom: 2.4rem;
  display: flex;
  transition: all 0.3s;
}
.partner-item:hover {
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.07);
}
.partner-item-inner {
  padding: 2.4rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.partner-item-img {
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.partner-item-img img {
  max-width: 100%;
}
.partner-item-cat {
  font-size: 1.4rem;
  line-height: 1.33;
  margin-bottom: 0.8rem;
  margin-top: auto;
  color: #595855;
}
.partner-item-name {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: 2rem;
  color: #363530;
}

.download-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}
.download-item {
  border: 1px solid #F3F3F3;
  margin-top: -1px;
  transition: background-color 0.3s;
  padding: 1.5rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.2;
}
.download-item-name {
  font-size: 1.6rem;
  color: #595855;
  padding-right: 0.8rem;
}
.download-item-right {
  color: #A0A09E;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
.download-item-right img {
  margin-left: 1.6rem;
}
.download-item:hover {
  background: #F3F3F3;
}

@media (max-width: 575px) {
  .download-item {
    padding: 1.6rem;
  }
  .download-item-name {
    font-size: 1.3rem;
  }
  .download-item-right {
    white-space: nowrap;
    font-size: 1.3rem;
  }
  .download-item-right img {
    width: 2rem;
  }
}
.q-section {
  color: #FFFFFF;
  background: #595855;
  padding: 4.8rem 0;
}
.q-section h2,
.q-section h3 {
  color: #FFFFFF;
  margin-bottom: 2.4rem;
}
.q-section-top p {
  margin-bottom: 2.4rem;
}
.q-section-top-contact {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}
.q-section-top-phone {
  display: flex;
  align-items: center;
  margin-left: 3.2rem;
}
.q-section-top-phone img {
  margin-right: 1.6rem;
}
.q-section-top-phone-text {
  display: flex;
  flex-direction: column;
}
.q-section-top-phone-text a {
  font-size: 700;
  color: #FFFFFF;
}
.q-section-top-phone-text span {
  font-size: 1.4rem;
  color: #A0A09E;
}

@media (max-width: 767px) {
  .q-section {
    padding: 2.4rem 0;
  }
  .q-section-top-contact {
    flex-direction: column;
    align-items: flex-start;
  }
  .q-section-top-contact .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .q-section-top-phone {
    margin-top: 1.6rem;
    margin-left: 0;
  }
}
.stars-line {
  display: flex;
  align-items: center;
}
.stars-line img {
  display: block;
}
.stars-line-review {
  color: #A0A09E;
  font-size: 1.2rem;
  line-height: 1;
  padding-top: 0.2rem;
  margin-left: 0.4rem;
}

.rating-section {
  padding-top: 4.8rem;
}
.rating-section h2 {
  margin-bottom: 2.4rem;
}
.rating-section h2 span {
  font-family: "Inter", sans-serif;
  color: #A0A09E;
  font-size: 2.4rem;
}

.rating-box {
  display: flex;
  min-height: 20.4rem;
  border: 1px solid #F3F3F3;
}
.rating-box-left {
  width: 22rem;
  border-right: 1px solid #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.rating-box-right {
  width: calc(100% - 22rem);
  padding: 2.4rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rating-box-num {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1;
  margin-bottom: 1.2rem;
  color: #363530;
}
.rating-box-stars {
  display: flex;
  justify-content: center;
  margin-bottom: 1.2rem;
}
.rating-box-stars img {
  display: block;
}
.rating-box-count {
  color: #A0A09E;
  font-size: 1.4rem;
}
.rating-box-line {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.1rem 0;
}
.rating-box-line span {
  font-size: 1.6rem;
  width: 3.2rem;
  text-align: center;
}
.rating-box-line span:nth-child(1) {
  font-weight: 700;
}
.rating-box-line .progress {
  flex-grow: 1;
}

.review-item {
  padding: 2.4rem 3.2rem;
  border-bottom: 1px solid #F3F3F3;
}
.review-item:last-of-type {
  border-bottom: none;
}
.review-item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.review-item .stars-line {
  margin-bottom: 1.2rem;
}
.review-item-user {
  color: #363530;
  font-size: 1.8rem;
  font-weight: 700;
}
.review-item-date {
  font-size: 1.5rem;
  color: #A0A09E;
}
.review-item-gal {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.review-item-gal a {
  max-width: 9.8rem;
  margin: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.review-item-gal a img {
  max-width: 100%;
}
.review-item p {
  margin-bottom: 1.6rem;
}
.review-item-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.6rem;
}
.review-item-bot-right {
  display: flex;
  align-items: center;
}
.review-item-show {
  text-decoration: underline;
  color: #595855;
}
.review-item-show:hover {
  color: #595855;
  text-decoration: none;
}
.review-item-thumb {
  display: flex;
  align-items: center;
}
.review-item-thumb:nth-child(1) {
  margin-right: 0.8rem;
}
.review-item-thumb .icon {
  fill: #A0A09E;
  transition: fill 0.3s;
  margin-right: 0.4rem;
}
.review-item-thumb span {
  font-size: 1.4rem;
}
.review-item-thumb:hover .icon {
  fill: #595855;
}
.review-item-reply {
  background: #F3F3F3;
  margin-top: 2.4rem;
  padding: 3.2rem;
}
.review-item-reply p a {
  color: #ffffff;
}
.review-item-reply p strong {
  color: #ffffff;
}
.review-item-reply .person-box {
  margin-top: 2.4rem;
}
.review-item-reply-product {
  width: calc(33.33% - 1.6rem);
  margin: 0.8rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1.2rem;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s;
}
.review-item-reply-product-list {
  margin-bottom: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.review-item-reply-product-img {
  margin-bottom: 1.6rem;
}
.review-item-reply-product-img img {
  max-width: 100%;
}
.review-item-reply-product-name {
  font-size: 1.4rem;
  color: #363530;
  text-align: center;
  line-height: 1.6;
}
.review-item-reply-product-name:hover {
  color: #363530;
}
.review-item-reply-product:hover {
  box-shadow: 0px 16px 26px rgba(0, 0, 0, 0.4);
}

.review-list.dark .review-item {
  color: #FFFFFF;
  border-color: #71706D;
}
.review-list.dark .review-item-user {
  color: #FFFFFF;
}
.review-list.dark .review-item p {
  color: #D0CFCE;
}
.review-list.dark .review-item-show {
  color: #FFFFFF;
  margin-right: 2.4rem;
}
.review-list.dark .review-item-reply {
  background: #504F4C;
}
.review-list.dark .review-item-thumb:hover .icon {
  fill: #FFFFFF;
}

@media (max-width: 991px) {
  .rating-section {
    padding-top: 2.4rem;
  }
}
@media (max-width: 767px) {
  .review-item {
    padding: 1.6rem 0;
  }
  .review-item-reply {
    padding: 1.6rem;
  }
  .review-item-reply-product {
    width: calc(50% - 0.8rem);
    margin: 0.4rem;
    padding: 0.8rem;
  }
  .review-item-reply-product-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .rating-section .btn-primary {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .rating-box {
    flex-direction: column;
  }
  .rating-box-left {
    width: 100%;
    padding: 1.6rem;
  }
  .rating-box-right {
    width: 100%;
    padding: 1.6rem;
  }
}
.rating-star {
  cursor: pointer;
}

.cart-page-header {
  border-bottom: 1px solid #F3F3F3;
}
.cart-page-header .main-header {
  padding: 1.2rem 0;
}

.header-cart-center {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-cart-center-text {
  font-family: "Sora", sans-serif;
  color: #363530;
  font-weight: 700;
  padding-right: 3.2rem;
  font-size: 1.6rem;
  line-height: 1.2;
}

.header-cart-center-person {
  display: flex;
  align-items: center;
}
.header-cart-center-person-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-cart-center-person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-cart-center-person-text {
  padding-left: 1.6rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  width: calc(100% - 6.4rem - 17rem);
}
.header-cart-center-person-text span:nth-child(1) {
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
}
.header-cart-center-person-text span:nth-child(2) {
  font-size: 1.4rem;
  color: #A0A09E;
  margin-top: 0.4rem;
}
.header-cart-center-person-contact {
  padding-left: 3.2rem;
  color: #595855;
  width: 17rem;
}
.header-cart-center-person-contact span {
  text-decoration: underline;
}
.header-cart-center-person-contact:hover {
  color: #595855;
}
.header-cart-center-person-contact:hover span {
  text-decoration: none;
}

.cart-page-footer {
  padding: 4rem 0;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #A0A09E;
}

.cart-top {
  margin-top: 3.2rem;
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}
.cart-top-item {
  width: 25%;
  border-bottom: 2px solid #F3F3F3;
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 1.4rem 1.2rem;
  text-align: center;
}
.cart-top-item a {
  color: #595855;
}
.cart-top-item a:hover {
  color: #EF7D00;
}
.cart-top-item.active {
  border-color: #EF7D00;
  color: #EF7D00;
}
.cart-top-item.active a {
  color: #EF7D00;
}

.cart-list-table {
  margin-bottom: 4rem;
}
.cart-list-table table {
  width: 100%;
  border: 1px solid #F3F3F3;
  vertical-align: middle;
}
.cart-list-table table td {
  height: 10.4rem;
  border: 1px solid #F3F3F3;
  border-left: none;
  border-right: none;
  padding: 0.8rem;
  vertical-align: middle;
}
.cart-list-table table td.cart-item-price {
  width: 16rem;
  text-align: right;
  padding-right: 2.4rem;
}
.cart-list-table table td.cart-item-price-ks {
  width: 16rem;
  text-align: right;
  padding-right: 2.4rem;
}
.cart-list-table table td.cart-item-del {
  width: 4.8rem;
  text-align: center;
}

.cart-item-img {
  width: 10rem;
  text-align: center;
}
.cart-item-img img {
  max-width: 100%;
}
.cart-item-text {
  width: 38.2rem;
}
.cart-item-text-inner {
  display: flex;
  flex-direction: column;
  max-width: 34rem;
}
.cart-item-text-name {
  font-size: 1.4rem;
  color: #363530;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 0.8rem;
}
.cart-item-text span {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #A0A09E;
}
.cart-item-count {
  width: 15rem;
  text-align: center;
}
.cart-item-avail {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  padding-left: 2.4rem !important;
}
.cart-item-avail span {
  display: flex;
}
.cart-item-avail .avail {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.cart-item-avail .avail .icon {
  margin-right: 0.8rem;
  margin-left: -2.4rem;
}
.cart-item-avail .avail-green {
  color: #32CA8E;
}
.cart-item-avail .avail-green .icon {
  fill: #32CA8E;
  stroke: #32CA8E;
}
.cart-item-avail .avail-gray {
  color: #A0A09E;
}
.cart-item-avail .avail-gray .icon {
  fill: #A0A09E;
  stroke: #A0A09E;
}
.cart-item-avail .avail-orange {
  color: #F2B20B;
}
.cart-item-avail .avail-orange .icon {
  fill: #F2B20B;
  stroke: #F2B20B;
}
.cart-item-avail-info {
  font-size: 1.4rem;
  color: #595855;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0.8rem;
}
.cart-item-avail-info-all {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  color: #A0A09E;
}
.cart-item-avail-info-all span {
  display: inline;
  margin-right: 0.4rem;
}
.cart-item-avail-error {
  color: #D8483D;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
}
.cart-item-avail-error img {
  margin-right: 0.8rem;
  margin-left: -2.4rem;
}
.cart-item-price-ks {
  font-size: 1.4rem;
  color: #595855;
  width: 14rem;
  text-align: right;
}
.cart-item-price {
  font-size: 1.6rem;
  color: #363530;
  font-weight: 700;
  width: 12rem;
  text-align: right;
}
.cart-item-del {
  width: 10rem;
  text-align: center;
}
.cart-item-del .icon {
  stroke: #D0CFCE;
  transition: stroke 0.3s;
}
.cart-item-del a:hover .icon {
  stroke: #595855;
}

.cart-list-voucher-price {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.2rem;
}

.cart-list-voucher .input-group .btn {
  height: 4.8rem;
}
.cart-list-voucher .input-group .form-control {
  background: #F3F3F3;
  color: #595855;
  height: 4.8rem;
  border-color: transparent;
  padding-left: 1.6rem;
}
.cart-list-voucher .input-group .form-control::placeholder {
  color: #A0A09E;
  font-style: normal;
}
.cart-list-voucher .input-group .form-control:hover {
  background: #E7E7E7;
  color: #595855;
}
.cart-list-voucher .input-group .form-control:focus {
  background: #E7E7E7;
  border-color: #D0CFCE;
  color: #595855;
}

.cart-list-price {
  text-align: right;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cart-list-price-small {
  font-size: 1.6rem;
  color: #A0A09E;
  margin-bottom: 1.6rem;
}
.cart-list-price-main {
  font-size: 1.6rem;
  color: #363530;
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.cart-list-price-main span {
  padding-bottom: 0.4rem;
}
.cart-list-price-main .price {
  padding-bottom: 0;
  font-size: 3.2rem;
  font-weight: 700;
  color: #363530;
  padding-left: 2.4rem;
}

.cart-bottom {
  margin-bottom: 8rem;
  display: flex;
  flex-wrap: wrap;
}
.cart-bottom-back {
  width: 25%;
}
.cart-bottom-center {
  width: 50%;
  text-align: center;
}
.cart-bottom-next {
  width: 25%;
  text-align: right;
}

.free-shipping {
  color: #363530;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.free-shipping-top {
  margin-bottom: 1.6rem;
}
.free-shipping-top img {
  margin-right: 0.8rem;
}
.free-shipping-headline {
  font-weight: 700;
}
.free-shipping .progress {
  width: 100%;
  max-width: 46.4rem;
}
.free-shipping .progress-bar {
  background: #32CA8E;
}
.free-shipping-bottom {
  margin-top: 0.8rem;
}
.free-shipping-bottom .free-shipping-headline {
  display: block;
}

.check-toggle-box {
  display: flex;
  flex-direction: column;
}
.check-toggle-box .h4 {
  margin-bottom: 0 !important;
  margin-top: -0.3rem;
  line-height: 1;
}
.check-toggle-box .check-styled {
  margin-bottom: 0;
}
.check-toggle-box-text {
  padding-top: 2.4rem;
}

.cart-content-box {
  margin-bottom: 4.8rem;
}
.cart-content-box .h4 {
  margin-bottom: 2.4rem !important;
  margin-bottom: 2.4rem;
}
.cart-content-box .h5 {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
}

.cart-delivery-item {
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  min-height: 6.9rem;
  display: flex;
  margin-top: -1px;
  transition: box-shadow 0.3s;
  position: relative;
  z-index: 1;
  flex-direction: column;
}
.cart-delivery-item.active {
  border: 2px solid #595855;
  z-index: 10;
}
.cart-delivery-item.active .cart-delivery-item {
  display: flex;
  border: 1px solid #F3F3F3;
  border-left: none;
  border-bottom: none;
}
.cart-delivery-item .cart-delivery-item {
  border-left: none;
  border-bottom: none;
  display: none;
}
.cart-delivery-item .cart-delivery-item .check-styled {
  margin-bottom: 0;
  display: flex;
}
.cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label {
  padding-left: 14.4rem;
}
.cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label:before, .cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label:after {
  margin-left: 8rem;
}
.cart-delivery-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
  z-index: 2;
}
.cart-delivery-item .check-styled {
  margin-bottom: 0;
  display: flex;
}
.cart-delivery-item .check-styled input[type=radio] + label {
  padding-top: 0;
  height: 100%;
  padding-left: 8rem;
  min-height: 6.9rem;
}
.cart-delivery-item .check-styled input[type=radio] + label:before {
  background: #FFFFFF;
  border: 1px solid #D0CFCE;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin-left: 3.2rem;
  margin-top: 2.2rem;
}
.cart-delivery-item .check-styled input[type=radio] + label:after {
  width: 2.4rem;
  height: 2.4rem;
  background: #FFFFFF;
  border: 6px solid #EF7D00;
  border-radius: 50%;
  margin-left: 3.2rem;
  margin-top: 2.2rem;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-name {
  width: auto;
  padding-left: 0;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-img {
  width: auto;
  padding-left: 2.4rem;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-img img {
  max-width: 6.4rem;
  margin-right: 1.6rem;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-info {
  margin-left: auto;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-price {
  margin-left: 0;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-img {
  width: 6.4rem;
  display: flex;
  justify-content: center;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-img img {
  max-width: 100%;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name {
  width: calc(100% - 6.4rem - 15rem);
  font-size: 1.6rem;
  color: #363530;
  font-weight: 700;
  padding-left: 2.4rem;
  padding-right: 1.2rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-headline {
  display: flex;
  align-items: flex-start;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-headline .info-tooltip {
  margin-top: 0.1rem;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-adress {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  color: #A0A09E;
  font-weight: 400;
  margin-top: 0.8rem;
  line-height: 1.2;
  padding-left: 2.2rem;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-adress a {
  text-decoration: underline;
  color: #A0A09E;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-adress a:hover {
  text-decoration: none;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-adress.hidden {
  display: none;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name .info-tooltip {
  margin-left: 0;
  margin-right: 0.8rem;
  display: flex;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name span {
  font-size: 1.6rem;
  color: #363530;
  font-weight: 700;
  margin-left: 0;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-info {
  width: 25rem;
  font-size: 1.4rem;
  color: #A0A09E;
  text-align: right;
}
.cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-price {
  width: 15rem;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 700;
  color: #363530;
  padding-right: 3.2rem;
  margin-left: auto;
}
.cart-delivery-item .check-styled input[type=radio]:disabled + label .cart-delivery-item-inner {
  opacity: 0.5;
}

.cart-summary-box {
  display: flex;
  flex-direction: column;
}
.cart-summary-box-item {
  border: 1px solid #F3F3F3;
  min-height: 8.8rem;
  display: flex;
  align-items: center;
  padding: 0.8rem;
  padding-right: 2.4rem;
  margin-top: -1px;
}
.cart-summary-box-item-img {
  width: 9.8rem;
}
.cart-summary-box-item-name {
  width: calc(100% - 9.8rem - 9rem);
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}
.cart-summary-box-item-name a {
  max-width: 22rem;
  display: inline-flex;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #363530;
  font-family: "Sora", sans-serif;
  font-weight: 400;
}
.cart-summary-box-item-right {
  width: 10rem;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.cart-summary-box-item-right .count {
  font-size: 1.4rem;
  color: #A0A09E;
}
.cart-summary-box-item-right .price {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  color: #363530;
}
.cart-summary-box-bottom {
  padding: 2.4rem;
  background: #F3F3F3;
  display: flex;
  flex-direction: column;
}
.cart-summary-box-bottom .btn {
  margin-bottom: 1.6rem;
}
.cart-summary-box-bottom p {
  font-size: 1.4rem;
  color: #A0A09E;
}
.cart-summary-box-bottom p a {
  color: #A0A09E;
}
.cart-summary-box-bottom-item {
  font-size: 1.6rem;
  color: #363530;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.cart-summary-box-bottom-price {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #D0CFCE;
  padding-top: 2.4rem;
  margin-bottom: 1.6rem;
  text-align: right;
}
.cart-summary-box-bottom-price .price-small {
  font-size: 1.6rem;
  color: #A0A09E;
  line-height: 1.2;
}
.cart-summary-box-bottom-price .price-main span {
  font-size: 1.6rem;
  color: #363530;
}
.cart-summary-box-bottom-price .price-main .price {
  font-size: 2.4rem;
  color: #363530;
  font-weight: 700;
  margin-left: 0.8rem;
}

.cart-login-box {
  display: flex;
  align-items: center;
  background: #FFF4D7;
  padding: 2.4rem;
  margin-bottom: 3.2rem;
}
.cart-login-box .btn {
  height: 4.8rem;
}
.cart-login-box .btn .icon {
  fill: #FFFFFF;
}
.cart-login-box-text {
  line-height: 1.2;
  padding-left: 2.4rem;
}
.cart-login-box-text span {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
  display: block;
  color: #363530;
}
.cart-login-box-text p {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.2;
}
.cart-login-box-user .cart-login-box-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.cart-login-box-user .cart-login-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart-login-box-user .cart-login-box-text span {
  font-weight: 400;
}

.why-reg-head {
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

.check-styled-row {
  margin-bottom: 4.8rem;
  padding: 0;
  border-top: none;
  border-bottom: none;
}
.check-styled-row .check-styled {
  margin-bottom: 0;
}
.check-styled-row .check-styled input[type=checkbox] + label {
  font-size: 1.8rem;
  font-weight: 700;
  padding-top: 0;
  color: #363530;
}

.cart-control .h5 {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
}

.cart-control-box {
  display: flex;
  border: 1px solid #F3F3F3;
  padding: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #595855;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
.cart-control-box.dark {
  background: #F3F3F3;
  border: 1px solid #D0CFCE;
}
.cart-control-box.dark p {
  font-size: 1.5rem;
  margin-bottom: 0;
  color: #595855;
}
.cart-control-box .light p {
  color: #A0A09E;
}
.cart-control-box p {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #363530;
}
.cart-control-box-head {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  line-height: 1.2;
  color: #363530;
}
.cart-control-box a {
  text-decoration: underline;
  color: #595855;
}
.cart-control-box-left {
  width: calc(100% - 10rem);
  display: flex;
  flex-direction: column;
}
.cart-control-box-right {
  width: 10rem;
  text-align: right;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.cart-control-box-price {
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
}
.cart-control-box-icon {
  margin-top: 3.2rem;
  width: 6.4rem;
  text-align: right;
}
.cart-control-box-icon img {
  max-width: 100%;
}

.cart-thanks {
  margin: 0 auto;
  margin-top: 9.6rem;
  max-width: 71rem;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}
.cart-thanks-box {
  background: #D4FED9;
  padding: 1.6rem 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  margin-bottom: 4rem;
}
.cart-thanks-box-name {
  color: #32CA8E;
  font-weight: 700;
  font-size: 1.8rem;
}
.cart-thanks-box p {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.cart-thanks-box a {
  display: flex;
  align-items: center;
}
.cart-thanks-box a img {
  margin-right: 0.8rem;
}
.cart-thanks-box a span {
  text-decoration: underline;
  color: #595855;
}
.cart-thanks-box .btn {
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 1.2rem;
}
.cart-thanks-box-warning {
  background: #FFF4D7;
}
.cart-thanks-box-warning a {
  color: #595855;
  text-decoration: underline;
}
.cart-thanks-box-warning .cart-thanks-box-name {
  color: #EF7D00;
}
.cart-thanks-icon {
  margin-bottom: 4.8rem;
}
.cart-thanks-icon img {
  width: 8rem;
}
.cart-thanks-payment {
  display: flex;
  text-align: left;
}
.cart-thanks-payment .h6 {
  margin-bottom: 1.6rem;
}
.cart-thanks-payment-left {
  width: 50%;
}
.cart-thanks-payment-right {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.cart-thanks-payment table td {
  font-size: 1.4rem;
}
.cart-thanks-payment table td:nth-child(1) {
  padding-right: 2.4rem;
}
.cart-thanks-payment table td:nth-child(2) {
  font-weight: 700;
}
.cart-thanks-product-list {
  text-align: left;
}
.cart-thanks-product-list .h6 {
  margin-bottom: 1.6rem;
}
.cart-thanks-product-list table {
  border: 1px solid #F3F3F3;
  width: 100%;
}
.cart-thanks-product-list table td {
  padding: 0.8rem;
  border: 1px solid #F3F3F3;
  border-left: none;
  border-right: none;
  height: 10.4rem;
}
.cart-thanks-product-list .cart-thanks-product-img {
  width: 11.4rem;
}
.cart-thanks-product-list .cart-thanks-product-text {
  width: calc(100% - 11.4rem - 5.6rem - 12.4rem);
}
.cart-thanks-product-list .cart-thanks-product-text-inner {
  text-align: left;
  max-width: 34.2rem;
}
.cart-thanks-product-list .cart-thanks-product-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #363530;
  display: inline-block;
  font-family: "Sora", sans-serif;
}
.cart-thanks-product-list .cart-thanks-product-info {
  color: #A0A09E;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 0.8rem;
  display: block;
}
.cart-thanks-product-list .cart-thanks-product-count {
  font-size: 1.4rem;
  width: 5.6rem;
}
.cart-thanks-product-list .cart-thanks-product-price {
  font-size: 1.6rem;
  font-weight: 700;
  color: #363530;
  padding-right: 1.6rem;
  text-align: right;
  width: 12.4rem;
}
.cart-thanks-info {
  text-align: left;
  margin-top: 3.2rem;
  padding-bottom: 4.8rem;
  border-bottom: 1px solid #F3F3F3;
  margin-bottom: 4.8rem;
}
.cart-thanks-info .h5 {
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}
.cart-thanks-info .cart-control-box {
  min-height: 15rem;
}
.cart-thanks-info .cart-control-box.dark {
  border: none;
  min-height: 0;
}
.cart-thanks-social {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cart-thanks-social-head {
  font-size: 1.8rem;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  margin-bottom: 0.8rem;
  color: #363530;
}
.cart-thanks-social-list {
  display: flex;
  justify-content: center;
}
.cart-thanks-social-list a {
  margin: 0.4rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #F3F3F3;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cart-thanks-social-list a .icon {
  fill: #595855;
}
.cart-thanks-social-list a:hover {
  background: #F3F3F3;
}

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

@media (max-width: 1499px) {
  .cart-page-header .header-logo {
    width: 21%;
  }
  .cart-page-header .header-right {
    width: 21%;
  }
  .cart-page-header .header-cart-center {
    width: 58%;
  }
  .cart-item-del {
    width: 5rem;
  }
}
@media (max-width: 1399px) {
  .cart-page-header .header-logo {
    width: 24%;
  }
  .cart-page-header .header-right {
    width: 24%;
  }
  .cart-page-header .header-cart-center {
    width: 52%;
  }
  .cart-page-header .header-cart-center-text {
    padding-right: 1rem;
    max-width: 20rem;
  }
  .cart-page-header .header-cart-center-person-text {
    padding-left: 0.8rem;
  }
  .cart-item-text {
    width: 28rem;
  }
  .cart-item-count {
    width: 12rem;
  }
  .cart-delivery-item-inner {
    padding: 0.4rem 0;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name {
    width: calc(100% - 6.4rem - 15rem - 15rem);
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-info {
    width: 15rem;
  }
  .cart-summary-box-item-img {
    width: 5rem;
  }
  .cart-summary-box-item-name {
    width: calc(100% - 5rem - 9rem);
  }
  .cart-summary-box-item-name a {
    font-size: 1.2rem;
  }
}
@media (max-width: 1199px) {
  .cart-page-header .header-cart-center {
    display: none;
  }
  .cart-page-header .header-menu-toggle-wrap {
    display: none;
  }
  .cart-page-header .header-logo {
    width: 30%;
  }
  .cart-page-header .header-right {
    width: auto;
  }
  .cart-page-header .main-header {
    padding: 0;
  }
  .cart-item-avail-info-all span {
    display: block;
  }
  .cart-item-avail-info-all span span {
    display: inline;
  }
  .cart-bottom-back {
    order: 2;
    width: 50%;
  }
  .cart-bottom-center {
    order: 1;
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .cart-bottom-next {
    order: 3;
    width: 50%;
  }
}
@media (max-width: 991px) {
  .cart-top-item {
    font-size: 1.2rem;
  }
  .cart-top-item span {
    font-size: 1.6rem;
  }
  .cart-bottom {
    margin-bottom: 2.4rem;
  }
  .cart-bottom-back {
    order: 3;
    width: 100%;
  }
  .cart-bottom-back .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
    height: 4.8rem;
  }
  .cart-bottom-center {
    order: 2;
    width: 100%;
  }
  .cart-bottom-next {
    order: 1;
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .cart-bottom-next .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
    min-height: 4.8rem;
  }
  .free-shipping img {
    display: none;
  }
  .free-shipping-headline {
    display: block;
  }
  .cart-list-price-small {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
  }
  .cart-list-price-main {
    font-size: 1.3rem;
  }
  .cart-list-price-main .price {
    font-size: 2.4rem;
    padding-left: 1.6rem;
  }
  .cart-list-table table {
    display: flex;
    flex-direction: column;
    border: none;
  }
  .cart-list-table table tbody {
    display: flex;
    flex-direction: column;
  }
  .cart-list-table table tbody tr {
    display: flex;
    padding: 0.8rem;
    flex-wrap: wrap;
    border: 1px solid #F3F3F3;
    margin-top: -1px;
    position: relative;
  }
  .cart-list-table table tbody tr td {
    height: auto;
    border: none;
    box-sizing: border-box;
  }
  .cart-list-table .cart-item-img {
    width: 10rem;
    order: 1;
  }
  .cart-list-table .cart-item-text {
    width: calc(100% - 10rem);
    order: 2;
  }
  .cart-list-table .cart-item-text-name {
    font-weight: 400;
  }
  .cart-list-table .cart-item-text-inner {
    max-width: 100%;
    padding-right: 4.8rem;
  }
  .cart-list-table .cart-item-avail {
    order: 3;
    width: 100%;
    padding-left: 0.8rem !important;
  }
  .cart-list-table .cart-item-avail .avail .icon {
    margin-left: 0;
  }
  .cart-list-table .cart-item-avail-info-all {
    font-size: 1.3rem;
  }
  .cart-list-table .cart-item-avail-info-all span {
    display: inline;
    margin-right: 0.2rem;
  }
  .cart-list-table .cart-item-avail-error img {
    margin-left: 0;
  }
  .cart-list-table .cart-item-count {
    order: 4;
    width: 10rem;
  }
  .cart-list-table .cart-item-count .input-count {
    border: none;
    font-size: 1.2rem;
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
  .cart-list-table .cart-item-count .input-count-wrap {
    border: 1px solid #F3F3F3;
    height: 4.8rem;
    overflow: hidden;
  }
  .cart-list-table .cart-item-count .input-count-btn {
    height: 4.8rem;
    width: 3.2rem;
    border: none;
  }
  .cart-list-table .cart-item-count .input-count-btn-minus {
    left: 0;
    right: auto;
  }
  .cart-list-table .cart-item-price {
    order: 5;
    width: calc(100% - 10rem);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 1.6rem;
  }
  .cart-list-table .cart-item-price-ks {
    position: absolute;
    right: 0;
    bottom: 3.4rem;
    color: #A0A09E;
    font-size: 1.4rem;
    margin-right: 0.8rem;
  }
  .cart-list-table .cart-item-del {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
  }
  .cart-list-table table td.cart-item-price {
    width: calc(100% - 10rem);
    padding-right: 0.8rem;
  }
  .cart-list-table table td.cart-item-price-ks {
    padding-right: 0.8rem;
  }
  .cart-list-table .cart-item-count .input-count {
    font-size: 1.6rem;
  }
  .cart-summary-box-item {
    display: none;
  }
  .cart-summary-box-bottom {
    background: transparent;
    padding: 0;
  }
  .cart-thanks {
    margin-top: 2.4rem;
  }
  .cart-thanks-box {
    margin-bottom: 1.6rem;
  }
  .cart-thanks-icon {
    margin-bottom: 1.6rem;
  }
  .cart-thanks-icon img {
    width: 4.8rem;
  }
  .cart-thanks-social-head {
    line-height: 1.4;
  }
  .cart-thanks h1 img {
    display: block;
    margin: 0 auto;
  }
  .cart-thanks-box-name {
    font-size: 1.4rem;
  }
  .cart-thanks-box p {
    font-size: 1.3rem;
  }
  .cart-thanks-box a {
    font-size: 1.3rem;
  }
  .cart-thanks-payment {
    flex-direction: column;
  }
  .cart-thanks-payment .h6 {
    font-size: 1.6rem;
  }
  .cart-thanks-payment-left {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .cart-thanks-payment-right {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .cart-thanks-payment-right img {
    margin: 0 auto;
  }
  .cart-content-box {
    margin-bottom: 1.6rem;
  }
  .cart-content-box .h4 {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
  .check-styled-row .check-styled input[type=checkbox] + label {
    font-size: 1.4rem;
  }
  .nav-tabs.check-tabs .nav-item {
    width: 100%;
  }
  .nav-tabs.check-tabs .nav-item .nav-link {
    width: 100%;
    text-align: left;
    justify-content: flex-start;
  }
  .cart-control-box {
    padding: 1.6rem;
  }
}
@media (max-width: 767px) {
  .cart-page-header .header-logo {
    width: 13rem;
  }
  .cart-top {
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
  .cart-top-item {
    flex-direction: column;
    display: flex;
    font-size: 1.6rem;
  }
  .cart-top-item span {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
  }
  .cart-list-voucher-price {
    flex-direction: column;
  }
  .cart-list-voucher {
    margin-bottom: 2.4rem;
  }
  .cart-list-voucher .input-group .form-control {
    height: 4rem;
  }
  .cart-list-voucher .input-group .btn {
    height: 4rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label {
    padding-left: 5.6rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label:before {
    margin-left: 1.6rem;
    margin-top: 1.6rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label:after {
    margin-left: 1.6rem;
    margin-top: 1.6rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner {
    align-items: stretch;
    flex-wrap: wrap;
    padding-top: 1.6rem;
    padding-right: 1.6rem;
    padding-bottom: 0.8rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-simple .cart-delivery-item-img {
    position: absolute;
    right: 1.6rem;
    width: 4rem;
    top: 0.8rem;
    justify-content: flex-end;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-simple .cart-delivery-item-name {
    padding-right: 0rem;
    width: 70%;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-simple .cart-delivery-item-price {
    text-align: right;
    justify-content: flex-end;
    width: 30%;
    margin-top: 3.2rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-name {
    width: 100%;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-img {
    padding-left: 0;
    width: 100%;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-info {
    margin-left: 0;
    padding-left: 0;
    margin-top: 0.4rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-inner-multi .cart-delivery-item-price {
    margin-top: 0.4rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-img {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 0.4rem;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name {
    padding-left: 0;
    width: 100%;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-name-adress {
    padding-left: 0;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-info {
    margin-top: 0.8rem;
    text-align: left;
    width: 60%;
  }
  .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-price {
    width: 40%;
    margin-top: 0.8rem;
    padding-right: 0;
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  .cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label {
    padding-left: 7.2rem;
  }
  .cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label:before, .cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label:after {
    margin-left: 3.2rem;
  }
  .cart-delivery-item .cart-delivery-item .check-styled input[type=radio] + label .cart-delivery-item-img {
    display: none;
  }
  .cart-content-box {
    margin-bottom: 1.6rem;
  }
  .cart-summary-box-bottom-item {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
  .cart-summary-box-bottom .btn {
    height: 4.8rem;
  }
  .cart-summary-box-bottom-price .price-small {
    font-size: 1.3rem;
  }
  .cart-summary-box-bottom-price .price-main span {
    font-size: 1.3rem;
  }
  .cart-thanks-product-list table {
    display: flex;
    flex-direction: column;
    border: none;
  }
  .cart-thanks-product-list table tbody {
    display: flex;
    flex-direction: column;
  }
  .cart-thanks-product-list table tbody tr {
    display: flex;
    padding: 0.8rem;
    flex-wrap: wrap;
    border: 1px solid #F3F3F3;
    margin-top: -1px;
    position: relative;
  }
  .cart-thanks-product-list table tbody tr td {
    height: auto;
    border: none;
    box-sizing: border-box;
  }
  .cart-thanks-product-list .cart-thanks-product-text {
    width: calc(100% - 11.4rem);
  }
  .cart-thanks-product-list .cart-thanks-product-name {
    font-weight: 400;
  }
  .cart-thanks-product-list .cart-thanks-product-count {
    margin-left: auto;
    width: auto;
  }
  .cart-thanks-product-list .cart-thanks-product-price {
    width: auto;
    padding-right: 0;
  }
  .cart-login-box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2.4rem;
    padding: 1.6rem;
  }
  .cart-login-box-text {
    order: 1;
    padding-left: 0;
  }
  .cart-login-box-text span {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .cart-login-box-text p {
    line-height: 1.6;
  }
  .cart-login-box-btn {
    order: 2;
    margin-top: 1.6rem;
    display: flex;
    justify-content: flex-start;
  }
  .cart-login-box-img {
    order: 1;
    margin-bottom: 1.6rem;
  }
  .why-reg-head {
    font-size: 1.4rem;
    font-weight: 700;
  }
}
.cart-empty {
  margin-top: 6.4rem;
}
.cart-empty-img {
  margin-bottom: 3.2rem;
}
.cart-empty h1 {
  margin-bottom: 1.6rem;
}

.simple-cat-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.simple-cat-item {
  width: calc(16.66666667% - 2.4rem);
  margin: 1.2rem;
  background: #F3F3F3;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.simple-cat-item-img {
  margin-bottom: 0.8rem;
  overflow: hidden;
  transition: transform 0.3s;
}
.simple-cat-item:hover .simple-cat-item-img {
  transform: scale(1.03);
}
.simple-cat-item-name {
  font-weight: 400;
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: 0 2rem;
}
.simple-cat-item-name a {
  color: #595855;
}
.simple-cat-item-name a:hover {
  color: #363530;
}

@media (max-width: 1399px) {
  .simple-cat-item-name {
    padding: 0 0;
  }
}
@media (max-width: 1199px) {
  .simple-cat-item {
    width: calc(20% - 2.4rem);
  }
}
@media (max-width: 991px) {
  .cart-empty {
    margin-top: 0;
  }
  .cart-empty-img {
    margin-bottom: 0.8rem;
  }
  .simple-cat-list {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
  }
  .simple-cat-item {
    width: calc(20% - 0.8rem);
    margin: 0.4rem;
    padding: 0.8rem;
  }
  .simple-cat-item-name {
    padding: 0 0.8rem;
  }
}
@media (max-width: 767px) {
  .simple-cat-item {
    width: calc(33.33% - 0.8rem);
  }
}
@media (max-width: 575px) {
  .simple-cat-item {
    width: calc(50% - 0.8rem);
  }
}
.modal-dialog {
  max-width: 47.6rem;
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 95.2rem;
  }
}
@media (min-width: 992px) {
  .modal-lg.modal-size-83 {
    max-width: 83rem;
  }
  .modal-lg.modal-size-70 {
    max-width: 70.8rem;
  }
  .modal-lg.modal-size-70 .modal-body {
    padding-right: 8rem;
  }
}
@media (min-width: 1300px) {
  .modal-lg.modal-size-126 {
    max-width: 126rem;
  }
}
.modal-backdrop {
  background: #12110C;
}
.modal-backdrop.show {
  opacity: 0.6;
}

.modal-content {
  border: none;
}
.modal .close .icon {
  stroke: #363530;
}
.modal h3 {
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
  line-height: 1.5;
}
.modal .close {
  opacity: 1;
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}
.modal-title {
  font-size: 2.4rem;
  line-height: 1.25;
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
  max-width: 56rem;
}
.modal-title strong {
  color: #EF7D00;
}
.modal-title img {
  margin-right: 0.8rem;
  display: block;
}
.modal-header {
  padding: 3.2rem 6rem 0 3.2rem;
  border: none;
  flex-direction: column;
}
.modal-header .info-tag {
  margin-bottom: 0.8rem;
}
.modal-body {
  padding: 0 3.2rem 3.2rem 3.2rem;
  border: none;
}
.modal-product-list {
  margin-bottom: 2.4rem;
}
.modal-product-item {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  margin-top: -1px;
  padding: 1.6rem;
  /* Koloshop/Light grey */
  border: 1px solid #F3F3F3;
}
.modal-product-item-img {
  width: 14.4rem;
}
.modal-product-item-name {
  color: #363530;
  font-family: "Sora", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0.8rem;
  display: inline-block;
}
.modal-product-item-info {
  color: #A0A09E;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.modal-product-item-text {
  width: calc(100% - 14.4rem - 14.9rem - 8rem);
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.modal-product-item-count {
  width: 8rem;
  background: #F3F3F3;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.modal-product-item-price {
  width: 14.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.modal-product-item-price .price-ks {
  font-size: 1.4rem;
}
.modal-product-item-price .price {
  font-weight: 700;
  color: #363530;
  font-size: 1.6rem;
}
.modal-product-bottom {
  margin-bottom: 3.2rem;
  display: flex;
  align-items: center;
}
.modal-product-bottom-center {
  flex-grow: 1;
  padding: 0 2.4rem;
}
.modal-product-bottom-center .free-shipping-top {
  margin-bottom: 1.2rem;
}

.modal .form-group {
  margin-bottom: 1.4rem;
}
.modal textarea.form-control {
  height: 16rem;
}
.modal-two-col {
  display: flex;
}
.modal-left {
  width: calc(100% - 31rem);
  padding-right: 2.4rem;
}
.modal-right {
  width: 31rem;
}
.modal-form-bottom p {
  color: #A0A09E;
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.modal-form-bottom p a {
  color: #A0A09E;
  font-size: 1.4rem;
}
.modal-contact-box {
  display: flex;
  flex-direction: column;
  background: #F3F3F3;
  align-items: center;
  margin-top: 3rem;
  padding: 3.2rem;
}
.modal-contact-box-img {
  width: 9.6rem;
  height: 9.6rem;
  background: #F3F3F3;
  margin-top: -8rem;
  /* Koloshop/Basic white */
  border: 4px solid #FFFFFF;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  overflow: hidden;
}
.modal-contact-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-contact-box-text {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin-top: 2.4rem;
}
.modal-contact-box-text span {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: #363530;
  margin-bottom: 0.8rem;
}
.modal-contact-box-text span a {
  color: #363530;
}
.modal-contact-box-text p {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #A0A09E;
}
.modal-gray-box {
  background: #F3F3F3;
  padding: 1.6rem;
  width: 100%;
  margin-top: 2.8rem;
}
.modal-gray-box .h6,
.modal-gray-box h6 {
  margin-bottom: 0.8rem;
}
.modal-gray-box p {
  margin-bottom: 1.6rem;
}
.modal-gray-box .stars-line {
  margin-bottom: 0.8rem;
}
.modal-gray-box .show-more-text-inner {
  position: relative;
  height: 27rem;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.modal-gray-box .show-more-text-inner:after {
  height: 4.8rem;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #F3F3F3 100%);
}
.modal-right-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 2.4rem 3.2rem 2.4rem;
  border: 1px solid #F3F3F3;
  text-align: center;
}
.modal-right-product-img {
  margin-bottom: 1.6rem;
}
.modal-right-product-name {
  font-family: "Sora", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #363530;
  line-height: 1.5;
  display: inline-block;
}
.modal-right-img {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 2.8rem;
}
.modal-size-83 .modal-right-img {
  margin-top: 0;
}
.modal-text {
  max-width: 68rem;
}
.modal-text h3 {
  margin-bottom: 1.6rem;
}
.modal-text ul {
  margin-bottom: 2.4rem;
}
.modal-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.modal-btns .btn {
  margin-right: 1.6rem;
  margin-bottom: 0.8rem;
  height: 5.6rem;
}
.modal-right-cofidis-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.modal-right-cofidis-top span {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: #363530;
  line-height: 1.2;
}
.modal-right-cofidis-item {
  border: 1px solid #F3F3F3;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  margin-top: -1px;
}
.modal-right-cofidis-item-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.8rem;
}
.modal-right-cofidis-item-top span {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  font-size: 1.6rem;
  color: #595855;
  max-width: 20rem;
}
.modal-right-cofidis-item p {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.modal-small .modal-title {
  margin-bottom: 1.6rem;
}
.modal-small .ul-counter {
  margin-bottom: 2.4rem;
}
.modal-small .ul-counter ul li {
  padding-left: 4.8rem;
  margin-bottom: 1.6rem;
}
.modal-small .ul-counter ul li:before {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
  top: 0rem;
}
.modal-social-btn {
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-top: 2rem;
  display: flex;
}
.modal-social-btn .btn {
  justify-content: center;
  text-align: center;
  width: calc(50% - 0.8rem);
  margin: 0.4rem;
}

.size-calc-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
.size-calc-line-left {
  width: 20rem;
}
.size-calc-line-center {
  width: calc(100% - 20rem - 20rem);
  padding: 1.6rem 2.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.size-calc-line-center .range-filter-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.size-calc-line-center .size-slider-left {
  padding-right: 1.6rem;
  font-size: 1.4rem;
}
.size-calc-line-center .size-slider-right {
  padding-left: 1.6rem;
  font-size: 1.4rem;
}
.size-calc-line-center #size-slider {
  width: 29.4rem;
}
.size-calc-line-right {
  width: 20rem;
  display: flex;
  justify-content: flex-end;
}
.size-calc-line-right .size-calc-line-input {
  width: 10.7rem;
  border: 1px solid #D0CFCE;
  text-align: center;
  font-size: 1.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.size-calc-line-right .size-calc-line-input span {
  color: #A0A09E;
  margin-left: 0.6rem;
}

.size-calc-item {
  width: 9.6rem;
  height: 7rem;
  background: #F3F3F3;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  margin: 0.8rem;
}
.size-calc-item span:nth-child(1) {
  font-size: 1.8rem;
  color: #363530;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Sora", sans-serif;
  margin-top: 1.6rem;
}
.size-calc-item span:nth-child(2) {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-top: 0.8rem;
}

.size-calc-table {
  margin-bottom: 3.2rem;
}
.size-calc-table .mobile-name {
  display: none;
}
.size-calc-table table {
  width: 100%;
}
.size-calc-table table thead th {
  background: #F3F3F3;
  height: 5.1rem;
  padding: 0.8rem 2.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.size-calc-table table thead th span {
  font-weight: 400;
  display: block;
}
.size-calc-table table tbody tr td {
  padding: 0.8rem 2.4rem;
  border-bottom: 1px solid #F3F3F3;
  font-size: 1.3rem;
  line-height: 1.4;
}
.size-calc-table table tbody tr td:nth-child(1) {
  font-weight: 700;
}

.modal-login .modal-body {
  padding: 0;
}
.modal-login .modal-title {
  margin-bottom: 2.4rem;
}
.modal-login-wrap {
  display: flex;
  flex-wrap: wrap;
}
.modal-login-left {
  width: 50%;
  padding: 3.2rem;
}
.modal-login-right {
  width: 50%;
  padding: 3.2rem;
  background: #595855;
  color: #FFFFFF;
}
.modal-login-right .modal-title {
  color: #FFFFFF;
}
.modal-login-right .styled-ul ul li {
  margin-bottom: 1.6rem;
}
.modal-login-right .styled-ul ul li:before {
  background: url("/images/front/icon_check_white.svg") no-repeat center;
}
.modal-login-right .btn-bigger {
  height: 5.6rem;
  justify-content: center;
  margin-top: 1.6rem;
}
.modal-login .close .icon {
  stroke: #FFFFFF;
}

@media (min-width: 992px) {
  .modal-product-slider .swiper-container {
    padding: 0 6.4rem;
  }
  .modal-product-slider .swiper-container .swiper-button-prev {
    left: 0;
  }
  .modal-product-slider .swiper-container .swiper-button-next {
    right: 0;
  }
  .modal-product-list-slider .product-item {
    flex: 0 0 calc(33.33% - 1.6rem);
    max-width: calc(33.33% - 1.6rem);
    margin: 0 0.8rem 0rem 0.8rem;
  }
}
@media (max-width: 991px) {
  .modal .perex p {
    font-size: 1.4rem;
  }
  .modal-title {
    margin-bottom: 1.6rem;
  }
  .modal-product-list-slider .product-item {
    flex: 0 0 calc(50% - 0.8rem);
    max-width: calc(50% - 0.8rem);
    margin: 0 0.4rem 0rem 0.4rem;
  }
  .modal-product-item {
    flex-wrap: wrap;
  }
  .modal-product-item-img {
    width: 9.8rem;
  }
  .modal-product-item-text {
    width: calc(100% - 9.8rem);
    padding-left: 1.6rem;
    padding-right: 0;
  }
  .modal-product-item-name {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 0;
  }
  .modal-product-item-price {
    width: calc(100% - 8rem);
  }
  .modal-product-item-avail {
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .modal-product-bottom {
    flex-direction: column;
  }
  .modal-product-bottom-back {
    order: 3;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .modal-product-bottom-back .btn {
    padding: 0;
    border: none;
    text-decoration: underline;
    height: auto;
  }
  .modal-product-bottom-back .btn img {
    display: none;
  }
  .modal-product-bottom-center {
    order: 1;
    padding: 0;
    width: 100%;
  }
  .modal-product-bottom-center .free-shipping-top {
    order: 2;
    margin: 0;
    font-size: 1.4rem;
  }
  .modal-product-bottom-center .free-shipping .progress {
    order: 1;
    margin-bottom: 0.8rem;
  }
  .modal-product-bottom-next {
    order: 2;
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .modal-product-bottom-next .btn {
    width: 100%;
    justify-content: center;
    height: 4.8rem;
  }
  .modal-title {
    font-size: 1.6rem;
    margin-top: 0.8rem;
  }
  .modal-title img {
    display: none;
  }
  .modal-header {
    padding: 1.6rem 6rem 0 1.6rem;
  }
  .modal-body {
    padding: 0 1.6rem 1.6rem 1.6rem;
  }
  .modal .form-group {
    margin-bottom: 1.2rem;
  }
  .modal-two-col {
    flex-wrap: wrap;
  }
  .modal-left {
    width: 100%;
    padding-right: 0;
  }
  .modal-right {
    width: 100%;
  }
  .modal-form-bottom .btn {
    width: 100%;
    justify-content: center;
  }
  .modal-contact-box {
    margin-top: 7.2rem;
  }
  .modal-right-product {
    padding: 0.8rem;
    margin-bottom: 2.4rem;
  }
  .modal-right-product-img {
    margin-bottom: 0.8rem;
  }
  .modal-right-product-name {
    font-size: 1.1rem;
  }
  .modal-watch-dog .modal-right-img {
    display: none;
  }
  .modal-right-cofidis {
    margin-top: 2.4rem;
  }
  .modal-right-cofidis-top {
    flex-direction: column;
  }
  .modal-right-cofidis-top img {
    order: 1;
    width: 9.6rem;
    margin: 0 auto;
    margin-bottom: 1.6rem;
  }
  .modal-right-cofidis-top span {
    order: 2;
    font-size: 1.4rem;
  }
  .modal-right-cofidis-item-top {
    align-items: center;
  }
  .modal-right-cofidis-item-top span {
    font-size: 1.3rem;
  }
  .modal-right-cofidis-item-top img {
    height: 2.4rem;
  }
  .modal-right-cofidis-item p {
    font-size: 1.3rem;
  }
  .modal h3 {
    font-size: 1.4rem;
  }
  .modal-text.styled-ul ul li,
  .modal-text .styled-ul ul li {
    font-size: 1.3rem;
  }
  .modal-btns {
    flex-direction: column;
  }
  .modal-btns .btn {
    width: 100%;
    justify-content: center;
    margin: 0.8rem 0;
  }
  .modal .btn {
    height: 4.8rem;
  }
  .size-calc-line {
    flex-direction: column;
  }
  .size-calc-line-left {
    width: 100%;
  }
  .size-calc-line-center {
    width: 100%;
    padding: 1.6rem 0;
    padding-bottom: 0;
  }
  .size-calc-line-center .range-filter-wrap {
    width: 100%;
  }
  .size-calc-line-center .size-slider-left {
    width: 6rem;
    padding-right: 0;
  }
  .size-calc-line-center .size-slider-right {
    width: 6rem;
    padding-left: 0;
    text-align: right;
  }
  .size-calc-line-center #size-slider {
    width: calc(100% - 6rem - 6rem);
  }
  .size-calc-line-right {
    width: 100%;
    justify-content: flex-start;
    margin-top: 1.6rem;
  }
  .size-calc-line-right .size-calc-line-input {
    height: 4rem;
    font-size: 1.3rem;
    width: 8.2rem;
  }
  .size-calc-item {
    width: calc(50% - 0.8rem);
    margin: 0.4rem;
  }
  .size-calc-table table {
    display: flex;
    flex-direction: column;
    border: none;
  }
  .size-calc-table table thead {
    display: none;
  }
  .size-calc-table table thead th {
    display: none;
  }
  .size-calc-table table tbody {
    display: flex;
    flex-direction: column;
  }
  .size-calc-table table tbody tr {
    display: flex;
    padding: 0rem;
    flex-wrap: wrap;
    margin-top: -1px;
    position: relative;
    border: none;
    margin-bottom: 0.8rem;
  }
  .size-calc-table table tbody tr td {
    padding: 0;
    width: 100%;
    height: auto;
    border: none;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #F3F3F3;
    margin-top: -1px;
  }
  .size-calc-table table tbody tr td .mobile-name {
    display: block;
    background: #F3F3F3;
    padding: 0.8rem 1.6rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.4;
    width: 60%;
    align-items: center;
  }
  .size-calc-table table tbody tr td .mobile-name span {
    font-weight: 400;
    display: block;
  }
  .size-calc-table table tbody tr td > span:nth-child(2) {
    width: 40%;
    text-align: center;
  }
  .size-calc-table {
    margin-bottom: 1.6rem;
  }
  .modal-login-wrap {
    flex-direction: column;
  }
  .modal-login-left {
    width: 100%;
    padding: 1.6rem;
  }
  .modal-login-right {
    width: 100%;
    padding: 1.6rem;
  }
  .modal-login .close .icon {
    stroke: #595855;
  }
}
.modal .styled-ul ul {
  margin-bottom: 2.4rem;
}

@media (min-width: 992px) {
  .modal-lg.modal-size-70 .modal-body.modal-career {
    padding: 0 3.2rem 3.2rem 3.2rem;
  }
}
.modal-career {
  padding: 0 3.2rem 3.2rem 3.2rem;
}

.user-top {
  background: #FFF4D7;
  padding: 3.2rem 0;
}
.user-top-full {
  position: relative;
}
@media (min-width: 767px) {
  .user-top-full-img {
    height: 48rem;
  }
}
.user-top-full-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-top-full .user-top {
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(54, 53, 48, 0.6) 0%, rgba(18, 17, 12, 0.6) 100%);
  backdrop-filter: blur(2.5px);
}
.user-top-full .user-top-content {
  position: relative;
  align-items: center;
}
.user-top-full .user-top-btn-img {
  position: absolute;
  bottom: calc(100% + 2.4rem + 3.2rem);
  color: #FFFFFF;
  background: rgba(18, 17, 12, 0.7);
  right: 0;
}
.user-top-full .user-top-btn-img:hover {
  background: rgba(18, 17, 12, 0.9);
}
.user-top-full .user-top-right {
  justify-content: flex-end;
  display: flex;
}
@media (max-width: 991px) {
  .user-top-full .user-top-right {
    justify-content: flex-start;
    margin-top: 2.4rem;
  }
}
@media (max-width: 767px) {
  .user-top-full .user-top-right {
    justify-content: flex-start;
    margin-top: 1.6rem;
  }
  .user-top-full .user-top-right .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .user-top-full .user-top-profil-name {
    color: #FFFFFF;
  }
  .user-top-full .user-top-profil-text p {
    color: #FFFFFF;
  }
  .user-top-full .user-top-profil-text-small {
    color: #FFFFFF;
  }
  .user-top-full .user-top-profil-text-small a {
    color: #FFFFFF;
  }
}
.user-top-full .user-top .assistant {
  color: #FFFFFF !important;
  border: none !important;
  width: 100%;
}
.user-top-full .user-top .assistant-headline {
  color: #FFFFFF;
}
.user-top-full .user-top .assistant-person-text span {
  color: #FFFFFF !important;
}
.user-top-full .user-top .assistant-contact span {
  color: #FFFFFF;
}
.user-top-full .user-top .assistant-contact .icon {
  fill: #FFFFFF;
}
@media (max-width: 767px) {
  .user-top-full .user-top {
    position: relative;
    background: none;
    border-bottom: 1px solid #F3F3F3;
  }
  .user-top-full .user-top-btn-img {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: #363530;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    transition: background-color 0.3s;
    bottom: calc(100% + 2rem);
  }
  .user-top-full .user-top-btn-img span {
    display: none;
  }
  .user-top-full .user-top-btn-img img {
    margin: 0;
  }
  .user-top-full .user-top-profil {
    flex-direction: column;
    align-items: flex-start;
    margin-top: -7rem;
  }
  .user-top-full .user-top-profil-img {
    width: 9.6rem;
    height: 9.6rem;
  }
  .user-top-full .user-top-profil-img-outer {
    width: 9.6rem;
    height: 9.6rem;
  }
  .user-top-full .user-top-profil-name {
    font-size: 2.4rem;
    color: #363530;
  }
  .user-top-full .user-top-profil-text {
    padding-left: 0;
    width: 100%;
    margin-top: 1.6rem;
  }
}
.user-top-content {
  display: flex;
  flex-wrap: wrap;
}
.user-top-left {
  width: calc(100% - 59rem);
}
.user-top-right {
  width: 59rem;
}
.user-top-profil {
  display: flex;
  align-items: center;
}
.user-top-profil-img {
  width: 9.6rem;
  height: 9.6rem;
  overflow: hidden;
  border-radius: 50%;
}
.user-top-profil-img-outer {
  position: relative;
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
}
.user-top-profil-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-top-profil-text {
  width: calc(100% - 9.6rem);
  padding-left: 2.4rem;
}
.user-top-profil-text p {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 0;
}
.user-top-profil-text-small {
  display: flex;
  flex-wrap: wrap;
}
.user-top-profil-text-small span {
  margin-right: 2.4rem;
}
.user-top-profil-text-small span:last-child {
  margin-right: 0;
}
.user-top-profil-text-small a {
  color: #363530;
}
.user-top-profil-name {
  font-family: "Sora", sans-serif;
  font-size: 4rem;
  font-weight: 700;
  color: #363530;
  line-height: 1;
  margin-bottom: 0.4rem;
}
.user-top-profil-camera {
  position: absolute;
  bottom: -0.4rem;
  right: -0.4rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: #363530;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  transition: background-color 0.3s;
}
.user-top-profil-camera:hover {
  background: #595855;
}

.user-main-menu {
  border-bottom: 1px solid #F3F3F3;
}
.user-main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.user-main-menu ul > li {
  margin: 0 2rem;
}
.user-main-menu ul > li:first-child {
  margin-left: 0;
}
.user-main-menu ul > li:last-child {
  margin-right: 0;
}
.user-main-menu ul > li > a {
  font-size: 1.6rem;
  font-weight: 700;
  color: #363530;
  line-height: 1.5rem;
  padding: 1rem 0;
  position: relative;
  display: flex;
  align-items: center;
  height: 7.2rem;
}
.user-main-menu ul > li > a:after {
  height: 0.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  transition: opacity 0.3s;
  background: #363530;
  opacity: 0;
}
.user-main-menu ul > li > a:hover:after, .user-main-menu ul > li > a.active:after {
  opacity: 1;
}
.user-main-menu ul > li.user-log-out {
  margin-left: auto;
}
.user-main-menu ul > li.user-log-out a {
  padding: 1rem 2.4rem;
  border: 1px solid #F3F3F3;
  border-top: none;
  border-bottom: none;
  transition: background-color 0.3s, color 0.3s;
}
.user-main-menu ul > li.user-log-out a:after {
  display: none;
}
.user-main-menu ul > li.user-log-out a .icon {
  margin-right: 1.2rem;
  transition: fill 0.3s;
}
.user-main-menu ul > li.user-log-out a:hover {
  background: #EF7D00;
  color: #FFFFFF;
}
.user-main-menu ul > li.user-log-out a:hover .icon {
  fill: #FFFFFF;
}
.user-main-menu .dropdown-menu {
  margin-top: 1px;
}

.order-item {
  display: flex;
  border: 1px solid #F3F3F3;
  padding: 1.9rem 2.1rem;
  line-height: 1.2;
  transition: box-shadow 0.3s;
}
.order-item:hover {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}
.order-item-icon {
  width: 3rem;
}
.order-item-icon img {
  width: 3rem;
}
.order-item-main {
  padding-left: 2.1rem;
  padding-right: 2rem;
}
.order-item-main-top {
  display: flex;
  margin-bottom: 1.6rem;
  margin-top: 0.4rem;
}
.order-item-name {
  font-weight: 700;
  font-size: 1.8rem;
  color: #363530;
  margin-right: 1.6rem;
}
.order-item-name:hover {
  color: #EF7D00;
}
.order-item p {
  margin-bottom: 1.6rem;
}
.order-item-info {
  font-weight: 700;
  font-size: 1.8rem;
}
.order-item-right {
  margin-left: auto;
  text-align: right;
}
.order-item-price {
  color: #363530;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: end;
}
.order-item-price-small {
  color: #A0A09E;
  margin-bottom: 1.2rem;
}
.order-item-price span {
  margin-right: 1.6rem;
  padding-top: 0.1rem;
}
.order-item-price strong {
  font-size: 1.8rem;
  font-weight: 700;
}
.order-item-img {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 28rem;
}
.order-item-img a {
  width: 48px;
  margin: 0.4rem;
}
.order-item-img img {
  margin: 0.4rem;
}
.order-item-btns {
  display: flex;
  align-items: center;
  margin-left: -0.4rem;
  margin-bottom: -0.4rem;
}
.order-item-btns .btn {
  margin: 0.4rem;
}
.order-item-download {
  color: #595855;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.order-item-download img {
  margin-right: 0.8rem;
}
.order-item-download span {
  text-decoration: underline;
}
.order-item-download:hover {
  color: #595855;
}
.order-item-download:hover span {
  text-decoration: none;
  color: #595855;
}

.user-two-col-row .col-12 > div {
  height: 100%;
}

@media (max-width: 767px) {
  .order-item {
    flex-direction: column;
    position: relative;
    padding: 2.4rem 1.6rem;
  }
  .order-item-main {
    padding-left: 0;
  }
  .order-item-main-top {
    flex-direction: column;
    margin-bottom: 1.2rem;
  }
  .order-item p {
    margin-bottom: 0.8rem;
  }
  .order-item-icon {
    position: absolute;
    right: 1.6rem;
    top: 2.4rem;
  }
  .order-item-name {
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
  .order-item-info {
    font-size: 1.4rem;
  }
  .order-item-right {
    margin-left: 0;
    text-align: left;
  }
  .order-item-price-small {
    margin-bottom: 0.4rem;
  }
  .order-item-img {
    justify-content: flex-start;
  }
  .order-item-btns {
    margin-bottom: 0.8rem;
  }
  .order-item-download {
    margin-bottom: 0.8rem;
  }
  .user-dark-box-col {
    order: 2;
  }
  .user-gray-box-col {
    order: 1;
  }
  .user-gray-box-col .gray-box {
    background: #fff;
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .order-item-btns {
    flex-direction: column;
  }
  .order-item-btns .btn {
    width: 100%;
    justify-content: center;
  }
}
.user-progress-top {
  text-align: center;
  margin-bottom: 2.4rem;
}
.user-progress-top .perex p {
  font-weight: 700;
  color: #363530;
}
.user-progress-top p {
  margin-bottom: 0;
}
.user-progress-box {
  display: flex;
  border: 1px solid #F3F3F3;
}
.user-progress-slider {
  width: 70%;
  display: flex;
  align-items: center;
  padding: 2.1rem 5.2rem 4.3rem 5.2rem;
}
.user-progress-item {
  width: calc(50% - 3.6rem);
}
.user-progress-item .progress-bar {
  background: #32CA8E;
}
.user-progress-item-point {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 2px solid #F3F3F3;
  background: #FFFFFF;
  position: relative;
}
.user-progress-item-point.active {
  background: #32CA8E url("/images/front/check.png") no-repeat center;
  background-size: 1.8rem auto;
  border-color: #29A985;
}
.user-progress-item-point-text {
  position: absolute;
  top: 100%;
  font-size: 1.4rem;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.2rem;
}
.user-progress-checks {
  display: flex;
  width: 30%;
}
.user-progress-check-item {
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
  flex-direction: column;
  border-left: 1px solid #F3F3F3;
}
.user-progress-check-item-circle {
  width: 3.2rem;
  height: 3.2rem;
  border: 2px solid #F3F3F3;
  border-radius: 50%;
  margin-bottom: 0.4rem;
}
.user-progress-check-item-circle.active {
  background: #EF7D00 url("/images/front/check.png") no-repeat center;
  background-size: 2rem auto;
  border-color: #D47323;
}

@media (max-width: 767px) {
  .user-progress-top {
    text-align: left;
  }
  .user-progress-top .perex p {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .user-progress-top p {
    font-size: 1.4rem;
  }
  .user-progress-box {
    flex-direction: column;
  }
  .user-progress-slider {
    width: 100%;
    flex-direction: column;
    padding: 1.6rem;
    height: 26.4rem;
    position: relative;
    align-items: flex-end;
    border-bottom: 1px solid #F3F3F3;
  }
  .user-progress-item {
    transform: rotate(90deg);
    width: 10rem;
    transform-origin: 0 0%;
  }
  .user-progress-item:nth-child(2) {
    position: absolute;
    top: 3.4rem;
    right: -7.6rem;
    z-index: -1;
  }
  .user-progress-item:nth-child(4) {
    position: absolute;
    top: 13rem;
    right: -7.6rem;
    z-index: -1;
  }
  .user-progress-item-point:nth-child(3) {
    margin-top: 8rem;
  }
  .user-progress-item-point:nth-child(5) {
    margin-top: 8rem;
  }
  .user-progress-item-point-text {
    left: 0;
    transform: translateX(0);
    margin-left: calc((100vw - 8.6rem) * -1);
    top: 0;
  }
  .user-progress-checks {
    width: 100%;
    flex-direction: column;
    margin-bottom: -1px;
  }
  .user-progress-check-item {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: none;
    border-bottom: 1px solid #F3F3F3;
    padding: 1.6rem;
  }
  .user-progress-check-item-circle {
    order: 2;
  }
  .user-progress-check-item-text {
    order: 1;
  }
}
.light-box-slider {
  background: #F3F3F3;
  padding: 2.4rem;
}
.light-box-slider-top {
  color: #363530;
  display: flex;
  align-items: center;
}
.light-box-slider-top img {
  width: 2.4rem;
  margin-right: 0.8rem;
}
.light-box-slider-top:hover {
  color: #EF7D00;
}
.light-box-slider-top h5 {
  color: inherit;
  margin: 0;
  font-size: 1.8rem;
}
.light-box-slider-middle {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}
.light-box-slider-middle img {
  width: 8rem;
  margin-bottom: 0.8rem;
}
.light-box-slider-middle p {
  color: #A0A09E;
  line-height: 1.4;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .light-box-slider {
    margin-bottom: 0.8rem;
    padding: 2rem 1.6rem;
  }
  .light-box-slider .square-item-swiper {
    padding-bottom: 0;
    margin: 1.6rem 0;
  }
  .light-box-slider-top h5 {
    font-size: 1.4rem;
  }
}
.square-item-swiper {
  position: relative;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.square-item-swiper:after {
  right: 0;
  top: 0;
  bottom: 0;
  width: 6.2rem;
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(270deg, rgba(243, 243, 243, 0.5) 0%, rgba(243, 243, 243, 0) 50%);
  z-index: 10;
}

.square-item-img {
  width: 12rem;
  height: 12rem;
  background: #FFFFFF;
  margin: 0.4rem;
  flex-shrink: 0;
}
.square-item-img a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 1.6rem;
}

.line-order-list {
  display: flex;
  flex-direction: column;
}
.line-order-item {
  border: 1px solid #F3F3F3;
  margin-top: -1px;
  display: flex;
  align-items: center;
  min-height: 8rem;
  padding: 1.2rem 0;
  transition: box-shadow 0.3s;
}
.line-order-item:hover {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}
.line-order-item-icon {
  width: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.line-order-item-text {
  width: 28rem;
  padding-right: 0.8rem;
  display: flex;
  flex-direction: column;
}
.line-order-item-name {
  color: #363530;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.line-order-item-date {
  color: #A0A09E;
  font-size: 1.4rem;
  line-height: 1.4;
}
.line-order-item-img {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 28rem - 40rem - 16rem);
  padding-right: 3.2rem;
}
.line-order-item-img a {
  margin: 0.4rem;
  width: 4.8rem;
}
.line-order-item-download {
  width: 20rem;
}
.line-order-item-download a {
  color: #595855;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.line-order-item-download a img {
  margin-right: 0.8rem;
}
.line-order-item-download a span {
  text-decoration: underline;
}
.line-order-item-download a:hover span {
  text-decoration: none;
}
.line-order-item-price {
  width: 40rem;
}
.line-order-item-state {
  width: 16rem;
  text-align: center;
  font-weight: 700;
}

@media (max-width: 1399px) {
  .line-order-item-download {
    width: 18rem;
  }
  .line-order-item-price {
    width: 25rem;
  }
  .line-order-item-img {
    width: calc(100% - 8rem - 18rem - 20rem - 25rem - 13rem);
  }
}
@media (max-width: 991px) {
  .line-order-item {
    flex-wrap: wrap;
    position: relative;
    padding: 2.4rem 1.6rem;
    margin-bottom: 0.8rem;
  }
  .line-order-item-icon {
    position: absolute;
    top: 2.4rem;
    right: 1.6rem;
    padding: 0;
    width: 3.2rem;
    height: 3.2rem;
  }
  .line-order-item-text {
    width: 100%;
    order: 1;
  }
  .line-order-item-name {
    font-size: 1.4rem;
  }
  .line-order-item-date {
    font-size: 1.3rem;
  }
  .line-order-item-price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    order: 3;
  }
  .line-order-item-img {
    width: 100%;
    order: 4;
  }
  .line-order-item-download {
    width: 100%;
    justify-content: center;
    display: flex;
    order: 5;
  }
  .line-order-item-state {
    order: 2;
    width: 100%;
    text-align: left;
  }
  .my-orders-sections .btn-transparent-black {
    width: 100%;
    justify-content: center;
  }
}
.info-card-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #F3F3F3;
  padding: 2.4rem;
  height: 100%;
}
.info-card-item-col {
  margin-bottom: 2.4rem;
}
.info-card-item-img {
  margin-bottom: 1.6rem;
  display: block;
}
.info-card-item h6 {
  margin-bottom: 2rem;
}
.info-card-item p {
  margin-bottom: 2.4rem;
}
.info-card-item .btn {
  padding: 1.6rem 3.2rem;
  margin-top: auto;
}

@media (max-width: 767px) {
  .info-card-item {
    padding: 2.4rem 1.6rem;
  }
  .info-card-item-col {
    margin-bottom: 0.8rem;
  }
  .info-card-item-img {
    margin-bottom: 0.8rem;
  }
  .info-card-item h6 {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
  .info-card-item p {
    margin-bottom: 1.2rem;
  }
  .info-card-item .btn {
    width: 100%;
    justify-content: center;
  }
}
.user-left-menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2.4rem;
}
.user-left-menu .dropdown-menu {
  z-index: 10;
}
.user-left-menu.dropdown-select .dropdown-menu .dropdown-item .badge {
  margin-left: auto;
}
.user-left-menu li {
  margin: 0;
  padding: 0;
}
.user-left-menu li a {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
  transition: background-color 0.3s, color 0.3s;
  margin-top: -1px;
  color: #595855;
  line-height: 1.3;
  min-height: 5.6rem;
}
.user-left-menu li a .badge {
  margin-left: auto;
}
.user-left-menu li a:hover, .user-left-menu li a.active {
  background: #595855;
  color: #FFFFFF;
}

@media (min-width: 767px) {
  .user-left-menu.dropdown-select .dropdown-toggle {
    display: none;
  }
  .user-left-menu.dropdown-select .dropdown-menu {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .user-left-menu.dropdown-select .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    padding: 1.6rem 2.4rem;
    font-size: 1.6rem;
    transition: background-color 0.3s, color 0.3s;
    margin-top: -1px;
    color: #595855;
    line-height: 1.3;
    min-height: 5.6rem;
  }
  .user-left-menu.dropdown-select .dropdown-menu .dropdown-item .badge {
    margin-left: auto;
  }
  .user-left-menu.dropdown-select .dropdown-menu .dropdown-item:hover, .user-left-menu.dropdown-select .dropdown-menu .dropdown-item.active {
    background: #595855;
    color: #FFFFFF;
  }
}
.user-main-col {
  margin-left: auto;
}
.user-main-col .h4 {
  margin-bottom: 2.4rem;
}
.user-main-col .event-item-name {
  max-width: 100%;
}

.order-item-simple .order-item-main-top {
  margin-bottom: 0.4rem;
}
.order-item-simple .order-item-name {
  font-size: 1.6rem;
}
.order-item-simple .order-item-info {
  font-size: 1.6rem;
}
.order-item-simple .order-item-price {
  color: #A0A09E;
}
.order-item-simple .order-item-price span {
  margin-right: 0.4rem;
  padding-top: 0;
}
.order-item-simple .order-item-price strong {
  font-size: 1.5rem;
}
.order-item-simple p {
  color: #A0A09E;
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
}

.user-empty-box {
  background: #F3F3F3;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.user-empty-box img {
  margin-bottom: 2.4rem;
}
.user-empty-box .perex p {
  font-weight: 700;
  margin-bottom: 0;
  color: #363530;
}
.user-empty-box p {
  margin-bottom: 2.4rem;
}

@media (max-width: 575px) {
  .user-empty-box {
    padding: 2.4rem 1.6rem;
  }
  .user-empty-box .btn {
    width: 100%;
    justify-content: center;
  }
  .user-empty-box p {
    margin-bottom: 0.8rem;
  }
}
.product-item-col {
  margin-bottom: 2.4rem;
}
.product-item-remove {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 1.6rem;
}
.product-item-remove .icon-minus {
  margin-left: 1rem;
}

.product-item-checks .check-styled {
  padding: 1.2rem 1.6rem;
  margin: 0;
  border: 1px solid #F3F3F3;
  margin-top: -1px;
}

.user-search-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3.2rem;
}
.user-search-box .input-group {
  max-width: 34rem;
  margin: 0;
}
.user-search-box .input-group img {
  width: 2rem;
}
.user-search-box .input-group .form-control {
  border-left: none;
}
.user-search-box .form-control {
  height: 4rem;
  font-size: 1.3rem;
}
.user-search-box .form-control::placeholder {
  color: #A0A09E;
}
.user-search-box .form-control::-webkit-input-placeholder {
  color: #A0A09E;
}
.user-search-box .form-control:-ms-input-placeholder {
  color: #A0A09E;
}
.user-search-box .form-control::-ms-input-placeholder {
  color: #A0A09E;
}
.user-search-box .form-control::-moz-placeholder {
  color: #A0A09E;
}
.user-search-box .form-control:hover {
  border-color: #A0A09E;
}
.user-search-box .form-control:focus {
  border-color: #A0A09E;
  color: #595855;
  box-shadow: none;
}
.user-search-box a {
  margin-left: 1.6rem;
}
.user-search-box .copy-box {
  margin-left: auto;
}

.copy-box {
  border: 1px dashed #D0CFCE;
  padding: 0.55rem 1.6rem;
  width: 22rem;
  display: flex;
  align-items: center;
  transition: background-color 0.3s, border-color 0.3s;
}
.copy-box span {
  width: 16rem;
  overflow: hidden;
  color: #A0A09E;
  font-size: 1.4rem;
  margin-right: 0.8rem;
  position: relative;
  line-height: 1;
  white-space: nowrap;
}
.copy-box span:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.7rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.copy-box:hover {
  background: #F3F3F3;
  border-color: #F3F3F3;
}
.copy-box:hover span:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #F3F3F3 100%);
}
.copy-box.dark {
  border-color: #595855;
  color: #595855;
}
.copy-box.dark span {
  color: #595855;
}
.copy-box.dark:hover {
  background: #F3F3F3;
  border-color: #363530;
}
.copy-box.dark:hover span:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #F3F3F3 100%);
}
.copy-box-label {
  display: flex;
  align-items: center;
}
.copy-box-label > span {
  margin-right: 1.6rem;
}
.copy-box-full > span {
  margin-bottom: 0.8rem;
  display: block;
}
.copy-box-full .copy-box {
  width: 100%;
}
.copy-box-full .copy-box span {
  width: 100%;
}

@media (max-width: 1199px) {
  .user-search-box {
    flex-direction: column;
  }
  .user-search-box .input-group {
    max-width: 100%;
    order: 1;
    margin-bottom: 1.6rem;
  }
  .user-search-box .copy-box {
    order: 2;
    margin-bottom: 1.6rem;
    width: 100%;
  }
  .user-search-box .copy-box span {
    width: calc(100% - 2rem);
  }
  .user-search-box .remove-link {
    order: 3;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .user-search-box {
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 575px) {
  .favorite-list .product-item-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.user-row-item {
  padding: 1.6rem;
  border: 1px solid #F3F3F3;
  min-height: 12.3rem;
  margin-top: -1px;
  display: flex;
  transition: box-shadow 0.3s;
  background: #FFFFFF;
  position: relative;
}
.user-row-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
  z-index: 1;
}
.user-row-item-img {
  width: 9.8rem;
}
.user-row-item-text {
  width: calc(100% - 9.8rem - 35rem);
  padding-left: 1.6rem;
}
.user-row-item-text-inner {
  text-align: left;
  max-width: 40rem;
}
.user-row-item-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #363530;
  display: inline-block;
  font-family: "Sora", sans-serif;
}
.user-row-item-info {
  color: #A0A09E;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 0.8rem;
  display: block;
}
.user-row-item-info a {
  color: #A0A09E;
  text-decoration: underline;
}
.user-row-item-info-row {
  display: flex;
  align-items: center;
}
.user-row-item-info-row .user-row-item-info {
  margin-right: 1.6rem;
}
.user-row-item-right {
  width: 35rem;
  display: flex;
  flex-wrap: wrap;
  padding: 0rem 0.8rem;
  justify-content: flex-end;
  text-align: right;
  align-items: flex-start;
}
.user-row-item-count {
  font-size: 1.4rem;
}
.user-row-item-price {
  font-size: 1.6rem;
  font-weight: 700;
  color: #363530;
  text-align: right;
  width: 10rem;
}
.user-row-item-btns {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-right: -0.4rem;
}
.user-row-item-btns .btn {
  font-size: 1.3rem;
  padding: 1.3rem 1.6rem;
  line-height: 1;
  display: inline-flex;
  margin: 0.4rem;
}
.user-row-item-full {
  display: flex;
  flex-wrap: wrap;
  padding-left: 1.6rem;
  justify-content: space-between;
  width: calc(100% - 9.8rem);
}
.user-row-item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.4rem;
}
.user-row-item-state {
  padding: 0.5rem 0.6rem;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
.user-row-item-state .info-tooltip {
  margin-left: 1rem;
}
.user-row-item-state.warning {
  background: #FBE5CE;
  border: 1px solid #FAD7B1;
  color: #EF7D00;
}
.user-row-item-state.warning .icon {
  stroke: #EF7D00;
}
.user-row-item-state.success {
  background: #D4FED9;
  border: 1px solid #C1F5C7;
  color: #32CA8E;
}
.user-row-item-state.success .icon {
  stroke: #32CA8E;
}

.user-row-item-list-reclamation .user-row-item-right,
.user-row-item-list-review .user-row-item-right {
  width: auto;
}

@media (max-width: 767px) {
  .user-row-item {
    flex-wrap: wrap;
  }
  .user-row-item-text {
    width: calc(100% - 9.8rem);
  }
  .user-row-item-text-inner {
    max-width: 100%;
  }
  .user-row-item-right {
    width: 100%;
    padding: 0;
  }
  .user-row-item-btns {
    flex-direction: column;
    margin: 0;
    margin-top: 1.2rem;
  }
  .user-row-item-btns .btn {
    width: 100%;
    margin: 0;
    margin-bottom: 0.8rem;
    justify-content: center;
  }
  .user-row-item-btns .btn:last-child {
    margin-bottom: 0;
  }
  .user-row-item-list-reclamation .user-row-item,
  .user-row-item-list-review .user-row-item {
    padding-top: 5.8rem;
  }
  .user-row-item-list-reclamation .user-row-item-right,
  .user-row-item-list-review .user-row-item-right {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.6rem;
  }
  .user-row-item-list-reclamation .user-row-item-info-row,
  .user-row-item-list-review .user-row-item-info-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .user-row-item-list-reclamation .user-row-item-bottom,
  .user-row-item-list-review .user-row-item-bottom {
    flex-direction: column;
    align-items: center;
    width: calc(100% + 9.8rem + 1.6rem);
    margin-left: -11.4rem;
  }
  .user-row-item-list-reclamation .user-row-item-bottom-left,
  .user-row-item-list-review .user-row-item-bottom-left {
    order: 2;
    width: 100%;
  }
  .user-row-item-list-reclamation .user-row-item-bottom-left a.simple-link,
  .user-row-item-list-review .user-row-item-bottom-left a.simple-link {
    width: 100%;
    margin: 0;
    margin-top: 1.6rem;
    justify-content: center;
    font-size: 1.3rem;
    padding: 1.3rem 1.6rem;
    line-height: 1;
    display: inline-flex;
    border: 1px solid #D0CFCE;
    background: transparent;
    color: #595855;
    text-decoration: none;
  }
  .user-row-item-list-reclamation .user-row-item-bottom-right,
  .user-row-item-list-review .user-row-item-bottom-right {
    order: 1;
  }
  .user-order-detail-bottom-left {
    order: 2;
  }
  .user-order-detail-bottom-left .btn {
    width: 100%;
    justify-content: center;
  }
  .user-order-detail-bottom-right {
    order: 1;
    margin-bottom: 2.4rem;
  }
}
.user-text-block {
  max-width: 83rem;
}

.sale-code-list .sale-code-item {
  padding: 2.4rem;
}

.sale-code-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #F3F3F3;
  align-items: center;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
  text-align: center;
}
.sale-code-item-icon {
  height: 8rem;
  background: #FFF4D7;
  padding: 0 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: #EF7D00;
  line-height: 1;
  max-width: 12.7rem;
  margin-bottom: 2.2rem;
}
.sale-code-item-icon.big {
  font-size: 2.8rem;
}
.sale-code-item-icon:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.8rem;
  top: 0;
  bottom: 0;
  width: 2.3rem;
  background: url("/images/front/sale_code_left.svg") center no-repeat;
}
.sale-code-item-icon:after {
  content: "";
  display: block;
  position: absolute;
  right: -1.8rem;
  top: 0;
  bottom: 0;
  width: 2.3rem;
  background: url("/images/front/sale_code_right.svg") center no-repeat;
}
.sale-code-item-sale {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #363530;
  margin-bottom: 2.2rem;
}
.sale-code-item-code {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 1.3rem;
  border: 1px dashed #D0CFCE;
  margin-bottom: 1.6rem;
  text-align: center;
}
.sale-code-item .btn {
  width: 100%;
  justify-content: center;
}
.sale-code-item-date {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  color: #A0A09E;
  line-height: 1.2;
  margin-bottom: 2.2rem;
}
.sale-code-item-info {
  line-height: 1.2;
  color: #595855;
  text-decoration: underline;
}

.sale-code-info-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -0.8rem;
}
.sale-code-info-row .sale-code-item-code {
  max-width: 25.2rem;
  margin-right: 1.6rem;
  margin-bottom: 1.6rem;
}
.sale-code-info-row .btn {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  width: auto;
  margin-right: 3.2rem;
  margin-bottom: 1.6rem;
}
.sale-code-info-row .sale-code-item-num {
  margin-bottom: 1.6rem;
}

@media (max-width: 1399px) {
  .sale-code-list .sale-code-item {
    padding: 1.6rem;
  }
  .sale-code-item {
    padding: 1.6rem;
  }
  .sale-code-item-code {
    padding: 0.8rem;
    font-size: 1.3rem;
  }
  .sale-code-item .btn {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}
.user-settings-box {
  padding: 2.4rem 3.2rem;
  background: #F3F3F3;
  display: flex;
  align-items: center;
}
.user-settings-box .btn-bigger {
  padding: 2rem 3.2rem;
  margin-right: 3.1rem;
}
.user-settings-box .btn-bigger:last-child {
  margin-right: 0;
}

.user-section hr {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  border-color: #F3F3F3;
}

.user-settings-line-box {
  padding: 2.4rem 0;
  margin: 2.4rem 0;
  border-top: 1px solid #F3F3F3;
}

.user-gray-half-box {
  background: #F3F3F3;
  padding: 3.2rem;
  display: flex;
}
.user-gray-half-box-text {
  width: 50%;
  padding-right: 1.2rem;
}
.user-gray-half-box-text .small {
  font-size: 1.4rem;
  font-weight: 600;
  color: #595855;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
.user-gray-half-box-text .h4 {
  line-height: 1.25;
  margin-bottom: 1.6rem;
}
.user-gray-half-box-text p {
  margin-bottom: 1.6rem;
}
.user-gray-half-box-img {
  padding-left: 1.2rem;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.user-gray-half-box-btns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.user-gray-half-box-btns .btn {
  margin-bottom: 1.6rem;
}
.user-gray-half-box-btns .btn:last-child {
  margin-bottom: 0;
}

.user-product-list .user-product-item {
  padding: 2.4rem;
}

.user-product-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #F3F3F3;
  align-items: flex-start;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
  text-align: left;
  transition: all 0.3s;
}
.user-product-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}
.user-product-item-name {
  font-weight: 700;
  font-size: 1.8rem;
  color: #363530;
  line-height: 1.38;
  display: block;
  margin-bottom: 0.8rem;
  transition: color 0.3s;
  font-family: "Sora", sans-serif;
}
.user-product-item p {
  font-size: 1.4rem;
  color: #A0A09E;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.user-product-item .btn {
  width: 100%;
  justify-content: center;
}

.message-link {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1.2;
}
.message-link-img {
  position: relative;
  transform: translateY(0.2rem);
  margin-right: 0.8rem;
}
.message-link-img span {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #D8483D;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  line-height: 1;
}
.message-link .icon {
  fill: #595855;
}
.message-link > span {
  font-size: 1.4rem;
  color: #595855;
  text-decoration: underline;
  margin-right: 0.4rem;
}
.message-link .num {
  text-decoration: none;
  color: #A0A09E;
}

.reclamation-top-box {
  display: flex;
  width: 100%;
}
.reclamation-top-box-item {
  flex-grow: 1;
  border: 1px solid #F3F3F3;
  margin-left: -1px;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
}
.reclamation-top-box-item strong {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  line-height: 1.1;
}
.reclamation-info {
  display: flex;
}
.reclamation-info .h6 {
  margin-bottom: 2.4rem;
}
.reclamation-info-left {
  width: 66.666%;
  padding-right: 2.4rem;
}
.reclamation-info-left .stars-line img {
  width: 4rem;
}
.reclamation-info-left p {
  max-width: 59rem;
}
.reclamation-info-right {
  width: 33.333%;
}

.reclamation-gal {
  display: flex;
  align-items: center;
  margin-left: -0.4rem;
  flex-wrap: wrap;
}
.reclamation-gal-item {
  max-width: 9.8rem;
  margin: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-messages .h4 {
  margin-bottom: 2.4rem;
}
.user-messages .h4 span {
  color: #A0A09E;
  font-weight: 400;
  background: transparent;
  margin: 0;
  padding: 0;
}

.user-messages-item {
  background: #F3F3F3;
  padding: 3.2rem;
  margin-bottom: 1.6rem;
}
.user-messages-item-top {
  justify-content: space-between;
  display: flex;
}
.user-messages-item-top-left {
  flex-grow: 1;
  max-width: 76rem;
  width: calc(100% - 13rem);
}
.user-messages-item-top-right {
  width: 13rem;
  text-align: right;
}
.user-messages-item-date {
  color: #A0A09E;
}
.user-messages-item-bot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.user-messages-item-bot-right a {
  margin-left: 1.6rem;
}
.user-messages-item-gal {
  display: flex;
  align-items: center;
  margin-left: -0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
}
.user-messages-item-gal-item {
  max-width: 9.8rem;
  margin: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-text-page h3 {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
}
.user-text-page img {
  max-width: 100%;
}
.user-text-page-img {
  margin-bottom: 3.2rem;
}
.user-text-page-number-list {
  display: flex;
  flex-wrap: wrap;
}
.user-text-page-number-list .number-list-item {
  border: 1px solid #F3F3F3;
  margin-left: -1px;
  margin-top: -1px;
  padding: 2.4rem;
  width: 33.33%;
}
.user-text-page-number-list .number-list-item-num {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  background: #595855;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  color: #FFFFFF;
  margin-bottom: 1.6rem;
}
.user-text-page-number-list .number-list-item p {
  margin-bottom: 0;
}

.user-wishlist-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.user-wishlist-list .btn {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0.8rem;
  border-color: #F3F3F3;
}
.user-wishlist-list .btn img {
  width: 2rem;
}
.user-wishlist-list .btn.active, .user-wishlist-list .btn:hover {
  background: #F3F3F3;
  border-color: #F3F3F3;
}
.user-wishlist-list .btn.active .badge-gray, .user-wishlist-list .btn:hover .badge-gray {
  background: #E7E7E7;
}
.user-wishlist-top-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.user-wishlist-top-name h1 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-bottom: 3.2rem;
  margin-right: 1.6rem;
}
.user-wishlist-top-name h1 img {
  width: 3.2rem;
  margin-right: 1.6rem;
  margin-top: 0.4rem;
}
.user-wishlist-top-name-btns {
  margin-bottom: 3.2rem;
}
.user-wishlist-top-name-btns a {
  margin-left: 1.6rem;
}
.user-wishlist-top-name-btns a:first-child {
  margin-left: 0;
}
.user-wishlist-top-settings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .reclamation-top-box {
    flex-direction: column;
  }
  .reclamation-top-box-item {
    margin-top: -1px;
    padding: 1.6rem;
  }
  .user-messages-item {
    padding: 1.6rem;
  }
  .user-messages-item-top {
    flex-direction: column;
  }
  .user-messages-item-top-left {
    width: 100%;
    order: 2;
  }
  .user-messages-item-top-right {
    order: 1;
    width: 100%;
  }
  .user-messages-item-bot {
    flex-direction: column;
  }
  .user-messages-item-bot-left {
    width: 100%;
  }
  .user-messages-item-bot-right {
    margin-top: 1.6rem;
  }
}
@media (max-width: 575px) {
  .reclamation-info {
    flex-direction: column;
  }
  .reclamation-info-left {
    order: 2;
    width: 100%;
  }
  .reclamation-info-right {
    order: 1;
    width: 100%;
  }
}
.user-menu-close {
  background: #595855;
  align-items: center;
  justify-content: flex-start;
  height: 5rem;
  display: none;
}
.user-menu-close span {
  font-weight: 700;
  color: #FFFFFF;
  font-family: "Sora", sans-serif;
  margin-left: 0.8rem;
  font-size: 1.6rem;
}
.user-menu-close .close {
  justify-content: center;
  padding: 0;
  width: 4.8rem;
  height: 4.8rem;
  opacity: 1;
  display: block;
}

.user-menu-top {
  display: none;
}

@media (min-width: 992px) {
  .user-main-menu .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
@media (max-width: 991px) {
  .user-main-menu {
    position: relative;
  }
  .user-main-menu:after {
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5.6rem;
  }
  .user-main-menu ul {
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
  }
  .user-main-menu ul li {
    margin: 0 0.8rem;
    display: flex;
  }
  .user-main-menu ul li a {
    font-size: 1.4rem;
    height: auto;
    padding: 1.6rem 0;
  }
  .user-mobile-menu-top {
    background: #FFF4D7;
    display: flex;
    padding: 1.2rem 1.6rem;
    align-items: center;
  }
  .user-mobile-menu-top-img {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    overflow: hidden;
  }
  .user-mobile-menu-top-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .user-mobile-menu-top-text {
    display: flex;
    flex-direction: column;
    width: calc(100% - 4.8rem);
    padding-left: 1.6rem;
  }
  .user-mobile-menu-top-text span {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .user-mobile-menu-top-text a {
    font-size: 1.4rem;
    text-decoration: underline;
    color: #595855;
    line-height: 1.4;
  }
  .user-mobile-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    background: #FFFFFF;
    width: 30rem;
    z-index: 100;
    margin: 0 !important;
    padding-bottom: 0rem !important;
    transition: all 0.3s;
    padding: 0;
  }
  .user-mobile-menu.open {
    display: block;
    left: -35rem;
  }
  .user-mobile-menu.opening {
    left: 0;
  }
  .user-mobile-menu > ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .user-mobile-menu > ul > li {
    margin: 0;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .user-mobile-menu > ul > li.dropdown > a:before {
    content: "";
    height: 2.4rem;
    width: 2.4rem;
    background: url("/images/front/accordion_arrow.svg") no-repeat center;
    z-index: 10;
    right: 0;
    position: absolute;
    top: 50%;
    margin-top: -1.2rem;
    left: auto;
    margin-right: 1.2rem;
    display: block;
    opacity: 1;
    transition: transform 0.3s;
  }
  .user-mobile-menu > ul > li > a {
    color: #363530;
    line-height: 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.6rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    height: auto;
    border: none;
  }
  .user-mobile-menu > ul > li > a:after {
    background: #F3F3F3;
    height: 1px;
    opacity: 1;
  }
  .user-mobile-menu > ul > li.show > a:after {
    opacity: 0;
  }
  .user-mobile-menu > ul > li.show > a:before {
    transform: rotate(180deg);
  }
  .user-mobile-menu > ul > li.user-log-out > a:before {
    display: none;
  }
  .user-mobile-menu .user-menu-close {
    display: flex;
  }
  .user-mobile-menu .dropdown-menu {
    position: relative !important;
    transform: none !important;
    width: 100%;
  }
  .user-mobile-menu .dropdown-menu .dropdown-item {
    font-size: 1.4rem;
    padding: 1rem 1.6rem;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background: #F3F3F3;
  }
  .user-top {
    padding: 0.8rem 0;
  }
  .user-top-left {
    width: 100%;
  }
  .user-top-right {
    display: none;
  }
  .user-top-profil-img {
    width: 6.4rem;
    height: 6.4rem;
  }
  .user-top-profil-img-outer {
    width: 6.4rem;
    height: 6.4rem;
  }
  .user-top-profil-text {
    width: calc(100% - 6.4rem);
  }
  .user-top-profil-text p {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .user-top-profil-name {
    font-size: 1.6rem;
    color: #595855;
    font-family: "Inter", sans-serif;
  }
}
@media (min-width: 992px) {
  .user-mobile-menu {
    display: none;
  }
}
@media (max-width: 767px) {
  .user-section .check-styled input[type=checkbox] + label,
  .user-section .check-styled input[type=radio] + label {
    font-size: 1.3rem;
    padding-top: 0;
    align-items: center;
  }
  .user-section .check-styled input[type=checkbox] + label p,
  .user-section .check-styled input[type=radio] + label p {
    margin-bottom: 0;
  }
  .user-settings-box {
    padding: 1.6rem;
    flex-direction: column;
  }
  .user-settings-box .btn {
    margin-right: 0;
  }
  .user-settings-box .remove-link {
    margin-top: 1.6rem;
  }
  .user-gray-half-box {
    padding: 1.6rem;
    flex-direction: column;
  }
  .user-gray-half-box-text {
    order: 2;
    padding-right: 0;
    width: 100%;
  }
  .user-gray-half-box-text .h4 {
    font-size: 2.4rem;
    color: #595855;
  }
  .user-gray-half-box-img {
    order: 1;
    width: 100%;
    margin-bottom: 1.6rem;
    height: 8rem;
  }
  .user-gray-half-box-img img {
    max-height: 100%;
  }
  .user-gray-half-box-btns {
    width: 100%;
  }
  .user-gray-half-box-btns .btn {
    width: 100%;
    justify-content: center;
  }
  .user-text-page h3 {
    font-size: 1.6rem;
  }
  .text-icon-list-item-img {
    width: 4rem;
  }
  .text-icon-list-item-text {
    width: calc(100% - 4rem);
    padding-left: 1.6rem;
  }
  .user-text-page-number-list .number-list-item {
    width: 50%;
    padding: 1.6rem;
  }
  .user-text-page-number-list .number-list-item-num {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
  }
  .gray-box {
    background: transparent;
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .user-settings-box .btn {
    width: 100%;
    justify-content: center;
  }
  .user-text-page-number-list .number-list-item {
    width: 100%;
  }
}
.user-top-flex {
  display: flex;
  align-items: center;
}
.user-top-flex h1 {
  margin-bottom: 4rem;
}
.user-top-flex-right {
  margin-bottom: 4rem;
  margin-left: auto;
  display: flex;
  align-items: center;
}

.gray-box-w-btn {
  background: #F3F3F3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.6rem 2.4rem;
  padding-bottom: 0.6rem;
}
.gray-box-w-btn p {
  margin-bottom: 1rem;
  max-width: 67rem;
}
.gray-box-w-btn .btn {
  margin-bottom: 1rem;
}

.orange-box-w-btn {
  background: #FFF4D7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.6rem 2.4rem;
  padding-bottom: 0.6rem;
}
.orange-box-w-btn-text {
  max-width: 75rem;
}
.orange-box-w-btn-text p {
  max-width: 100% !important;
}
.orange-box-w-btn-text h6 {
  margin-bottom: 0;
}
.orange-box-w-btn p {
  margin-bottom: 1rem;
  max-width: 67rem;
}
.orange-box-w-btn .btn {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .orange-box-w-btn {
    text-align: center;
    justify-content: center;
  }
  .orange-box-w-btn-text h6 {
    font-size: 1.4rem;
  }
  .orange-box-w-btn .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.profile-list-box {
  box-shadow: 0px 24px 48px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #F3F3F3;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 8rem;
}
.profile-list-box-row .profile-list-box {
  box-shadow: none;
  margin-bottom: 2.4rem;
}
.profile-list-box .person-box {
  margin-bottom: 1.6rem;
}
.profile-list-box h3 {
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}
.profile-list-box-btns {
  display: flex;
  align-items: center;
}
.profile-list-box-btns a,
.profile-list-box-btns .btn {
  margin-right: 2.4rem;
}
.profile-list-box-label {
  text-transform: uppercase;
  font-size: 1rem;
  color: #A0A09E;
  margin-bottom: 2rem;
}
.profile-list-box .text-block-gray-text {
  margin-bottom: 1.6rem;
}
.profile-list-box .stars-line {
  border-top: 1px solid #F3F3F3;
  padding-top: 1.6rem;
}
.profile-list-box-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-bottom: 1.2rem;
}
.profile-list-box-gallery-item {
  padding: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 33.33%;
}
.profile-list-box-gallery-item img {
  max-width: 100%;
  object-fit: cover;
}
.profile-list-box-news {
  display: flex;
  flex-wrap: wrap;
}
.profile-list-box-news .news-item-big {
  margin-bottom: 0;
}
.profile-list-box-event {
  display: flex;
  flex-wrap: wrap;
}
.profile-list-box-event .event-item {
  width: 100%;
  border: none;
  margin-bottom: 0;
  box-shadow: none !important;
}
.profile-list-box-event .event-item-content {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .profile-list-box {
    padding: 1.6rem;
  }
  .profile-list-box-btns {
    flex-direction: column;
  }
  .profile-list-box-btns .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin: 0;
    margin-bottom: 1.6rem;
  }
}

.orange-info-box {
  background: #FFF4D7;
  padding: 2.4rem;
}
.orange-info-box h6 {
  margin-bottom: 1.6rem;
}

.simple-border-box {
  padding: 2.4rem;
  border: 1px solid #F3F3F3;
}
.simple-border-box h1,
.simple-border-box h2,
.simple-border-box h3,
.simple-border-box h4,
.simple-border-box h5,
.simple-border-box h6 {
  margin-bottom: 0.8rem;
}
.simple-border-box p {
  margin-bottom: 0;
}

.profile-image-file-box {
  max-width: 71rem;
}
.profile-image-file-box-btns {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
}
.profile-image-file-box-btns a {
  margin-right: 1.6rem;
}
.profile-image-file-box-circle {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  overflow: hidden;
}
.profile-image-file-box-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-image-file-box-full {
  overflow: hidden;
  width: 100%;
}
.profile-image-file-box-full img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.switch-section h4 {
  margin-bottom: 2rem;
}
.switch-section .switch-list {
  display: flex;
  flex-direction: column;
}
.switch-section .switch-group {
  margin-bottom: 1.2rem;
}

.user-right-box {
  background: #F3F3F3;
  padding: 2.4rem;
}
.user-right-box-title {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  color: #363530;
  margin-bottom: 2.4rem;
}
.user-right-box-title svg,
.user-right-box-title img {
  margin-right: 0.8rem;
  width: 2.4rem;
}
.user-right-box-event .event-item {
  background: #FFFFFF;
}
.user-right-box-member-list {
  display: flex;
  margin-left: 0.8rem;
  margin-right: 0;
  margin-bottom: 2.4rem;
}
.user-right-box-member-item {
  width: 6.4rem;
  height: 6.4rem;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
  flex: 0 0 6.4rem;
}
.user-right-box-member-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .user-right-col {
    display: none;
  }
}

.compare-cat-item {
  background: #FFFFFF;
  border: 1px solid #F3F3F3;
  padding: 1.6rem 2.4rem;
  color: #595855;
  display: flex;
  align-items: center;
  transition: background-color 0.3s;
}
.compare-cat-item-col {
  margin-bottom: 2.4rem;
}
.compare-cat-item span {
  color: #A0A09E;
  margin-left: 0.4rem;
}
.compare-cat-item:hover, .compare-cat-item.active {
  background: #F3F3F3;
  color: #595855;
}

.compare-table {
  width: 100%;
  overflow: auto;
  display: flex;
}
.compare-table-wrap {
  position: relative;
  overflow: hidden;
  padding-left: 0;
}
.compare-table-td-info-text {
  display: none;
}
.compare-table table td {
  padding: 1.6rem;
  width: 24.4rem;
  min-width: 24.4rem;
  font-size: 1.4rem;
  line-height: 1.4;
  vertical-align: top;
  transition: background-color 0.3s;
}
.compare-table table td:first-child {
  position: sticky;
  left: 0;
  background: #FFFFFF;
  height: 100%;
  border-bottom: 1px solid #F3F3F3;
}
.compare-table table td:first-child span {
  font-weight: 700;
}
.compare-table table td p {
  margin-bottom: 0;
}
.compare-table table tr {
  border-bottom: 1px solid #F3F3F3;
  transition: background-color 0.3s;
}
.compare-table table tr.hide-col {
  display: none;
}
.compare-table table tr:hover {
  background: #FFF4D7;
}
.compare-table table tr:hover td:first-child {
  background: #FFF4D7 !important;
}
.compare-table table tr.compare-table-top:hover {
  background: #FFFFFF;
}
.compare-table table tr.compare-table-top:hover td:first-child {
  background: #FFFFFF !important;
}
.compare-table table tr.compare-table-top td {
  height: 5rem;
  padding: 0 0.4rem;
  border: none;
}
.compare-table table tr.compare-table-top td:first-child {
  height: 100%;
}
.compare-table table tr.compare-table-section {
  background: #F3F3F3;
}
.compare-table table tr.compare-table-section.close-col td:first-child img {
  transform: rotate(-90deg);
}
.compare-table table tr.compare-table-section td {
  background: #F3F3F3;
  padding: 0 1.2rem;
  height: 3.2rem;
}
.compare-table table tr.compare-table-section td a {
  color: #595855;
  font-size: 1.2rem;
  display: flex;
  text-transform: uppercase;
  height: 100%;
  align-items: center;
  font-weight: 400;
}
.compare-table table tr.compare-table-section td a img {
  margin-right: 0.8rem;
  transition: transform 0.3s;
}
.compare-table table tr.compare-table-section td:first-child {
  background: #F3F3F3 !important;
}

.compare-item-icons {
  background: #F3F3F3;
  display: flex;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.6rem;
  justify-content: space-between;
}
.compare-item-icons a .icon {
  fill: #A0A09E;
  transition: fill 0.3s;
}
.compare-item-icons a:hover .icon {
  fill: #595855;
}
.compare-item-icons img {
  height: 2rem;
  display: block;
}
.compare-item-icons-center {
  display: flex;
  align-items: center;
}
.compare-item-icons-center a {
  margin: 0 0.8rem;
}
.compare-item-top {
  display: flex;
  flex-direction: column;
  border: 1px solid #F3F3F3;
  border-bottom: none;
  align-items: center;
  padding: 1.6rem;
  height: calc(100% - 3.2rem);
}
.compare-item-name {
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1.4;
  color: #595855;
}
.compare-item-price {
  margin-top: auto;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
}
.compare-item-price-before {
  font-size: 1.3rem;
  line-height: 1.4;
  text-decoration: line-through;
}

.text-cat-item {
  display: flex;
  height: 5.6rem;
  border: 1px solid #F3F3F3;
  padding: 1rem 1.6rem;
  color: #595855;
  width: 100%;
  align-items: center;
  line-height: 1.2;
}
.text-cat-item:hover, .text-cat-item.active {
  background: #595855;
  color: #FFFFFF;
}
.text-cat-item-col {
  margin-bottom: 1.6rem;
}

.text-filter-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  margin-top: 0.4rem;
}
.text-filter-item {
  background: #F3F3F3;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #595855;
  display: flex;
  align-items: center;
  margin: 0.4rem;
  transition: color 0.3s, background-color 0.3s;
}
.text-filter-item:hover {
  background: #D0CFCE;
  color: #595855;
}
.text-filter-item-close {
  margin-left: 0.8rem;
  line-height: 1.2;
}
.text-filter-item-close .icon {
  stroke: #EF7D00;
  transition: stroke 0.3s;
}
.text-filter-item-close:hover .icon {
  stroke: #595855;
}
.text-filter-item-close:hover svg path {
  stroke: #595855;
}
.text-filter-item.active {
  background: #FFF4D7;
  color: #EF7D00;
}
.text-filter-item.active:hover {
  background: #F3F3F3;
  color: #595855;
}
.text-filter-btns {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
.text-filter-btns a {
  margin-right: 1.6rem;
}

.news-section-filter {
  display: flex;
  justify-content: flex-end;
}

.blog-detail {
  margin: 0 auto;
  max-width: 95.2rem;
}

@media (max-width: 767px) {
  .news-section-filter {
    justify-content: flex-start;
    margin-bottom: 1.6rem;
  }
  .text-cat-item {
    height: auto;
  }
  .text-cat-item-col {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    margin-bottom: 0.8rem;
  }
  .text-filter-btns {
    width: 100%;
    margin: 0;
    margin-top: 0.8rem;
  }
  .modal-search .input-group {
    height: 4rem;
  }
  .modal-search .input-group-prepend {
    height: 4rem;
  }
  .modal-search .input-group-append {
    height: 4rem;
  }
  .modal-search .input-group-append .btn {
    height: 4rem;
  }
  .text-filter-item {
    font-size: 1.2rem;
  }
}
.cat-tag-list {
  width: 100%;
  max-width: 69rem;
  position: relative;
  overflow: hidden;
  height: 2.8rem;
  margin-bottom: 2.4rem;
}
.cat-tag-list.open {
  height: auto;
  max-width: 100%;
}
.cat-tag-list.open .cat-tag-toggle {
  position: relative;
  display: inline-block;
}
.cat-tag-list.open .cat-tag-toggle span:nth-child(1) {
  display: none;
}
.cat-tag-list.open .cat-tag-toggle span:nth-child(2) {
  display: block;
}
.cat-tag-toggle {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: underline;
  color: #A0A09E;
  font-size: 1.4rem;
  background: #FFFFFF;
  padding-left: 0.8rem;
  padding-top: 0.1rem;
  min-height: 2.8rem;
}
.cat-tag-toggle span {
  display: none;
}
.cat-tag-toggle span:nth-child(1) {
  display: block;
}
.cat-tag-box {
  display: inline;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 0.8rem;
}
.cat-tag-box > span {
  font-size: 1.4rem;
}
.cat-tag-box-link {
  background: #F3F3F3;
  padding: 0.6rem 0.8rem 0.8rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1;
  margin-right: 0.4rem;
  font-weight: 400;
  color: #A0A09E;
  margin-bottom: 0.8rem;
  display: inline-block;
}

.blog-detail-two-col {
  display: flex;
  flex-wrap: wrap;
}
.blog-detail-two-col .blog-detail {
  margin-left: 0;
  width: 66.66%;
}
.blog-detail-two-col .blog-detail-right {
  width: 33.33%;
  margin-left: 0;
  padding-left: 0;
  max-width: 34.2rem;
}

.blog-right-box {
  background: #F3F3F3;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
}
.blog-right-box-headline {
  font-family: "Sora", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
  line-height: 1.2;
  color: #363530;
}
.blog-right-box p:last-child {
  margin-bottom: 0;
}
.blog-right-box-day-list {
  display: flex;
  width: 100%;
  margin-bottom: 2.4rem;
}
.blog-right-box-day-item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 1.2rem);
}
.blog-right-box-day-item:nth-child(1) {
  margin-right: 1.2rem;
  position: relative;
}
.blog-right-box-day-item:nth-child(1):after {
  content: "-";
  font-size: 2.4rem;
  font-weight: 700;
  position: absolute;
  left: calc(100% + 0.6rem);
  top: 50%;
  transform: translateY(-50%);
}
.blog-right-box-day-item:nth-child(2) {
  margin-left: 1.2rem;
}
.blog-right-box-day-top {
  border-radius: 0.4rem 0.4rem 0rem 0rem;
  background: #E7E7E7;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 2rem;
  text-transform: uppercase;
}
.blog-right-box-day-content {
  background: #FFFFFF;
  border-radius: 0rem 0rem 0.4rem 0.4rem;
  display: flex;
  flex-direction: column;
  line-height: 1;
  align-items: center;
  text-align: center;
  height: 10.6rem;
}
.blog-right-box-day-num {
  font-size: 4rem;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  color: #EF7D00;
  margin-top: 0.8rem;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.blog-right-box-day-month {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.blog-right-box-day-year {
  font-size: 1.2rem;
  font-weight: 400;
  color: #A0A09E;
}
.blog-right-box-time-list {
  display: flex;
  width: 100%;
  margin-bottom: 2.4rem;
}
.blog-right-box-time-item {
  background: #E7E7E7;
  padding: 0.8rem 1.6rem;
  width: calc(50% - 0.4rem);
  display: flex;
  flex-direction: column;
}
.blog-right-box-time-item:nth-child(1) {
  margin-right: 0.4rem;
}
.blog-right-box-time-item:nth-child(2) {
  margin-left: 0.4rem;
}
.blog-right-box-time-item span {
  line-height: 1;
  color: #363530;
}
.blog-right-box-time-item span:nth-child(1) {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.blog-right-box-time-item span:nth-child(2) {
  font-size: 2.4rem;
  font-weight: 700;
}
.blog-right-box-label {
  font-size: 1.4rem;
}
.blog-right-box-text {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
  color: #363530;
}
.blog-right-box-text a {
  color: #363530;
  text-decoration: underline;
}
.blog-right-box-text img {
  margin-right: 0.4rem;
}
.blog-right-box-price {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
.blog-right-box-link-list {
  display: flex;
  flex-direction: column;
  margin-top: 0.4rem;
}
.blog-right-box-link-item {
  background: #FFFFFF;
  padding: 1.6rem;
  line-height: 1;
  margin-bottom: 0.8rem;
}
.blog-right-box-link-item span {
  font-size: 1.4rem;
  margin-bottom: 0.4rem;
  display: block;
}
.blog-right-box-link-item a {
  text-decoration: underline;
}
.blog-right-box-download-list {
  display: flex;
  flex-direction: column;
}
.blog-right-box-download-item {
  background: #FFFFFF;
  padding: 1.6rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.8rem;
  transition: all 0.3s;
  color: #595855;
}
.blog-right-box-download-item:hover {
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.07);
  color: #595855;
}
.blog-right-box-download-name {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.blog-right-box-download-bottom {
  color: #A0A09E;
  display: flex;
  align-items: center;
}
.blog-right-box-download-bottom img {
  margin-right: 0.8rem;
  width: 2rem;
}
.blog-right-box-person-list .person-box {
  margin-bottom: 1.6rem;
}
.blog-right-box-person-list .person-box-img {
  width: 4.8rem;
  height: 4.8rem;
  border: 0.2rem solid #FFFFFF;
}
.blog-right-box-person-list .person-box-text {
  padding-left: 0.8rem;
}
.blog-right-box-person-list .person-box-text span:nth-child(1) {
  font-size: 1.4rem;
}
.blog-right-box-person-list .person-box-text span:nth-child(2) {
  font-size: 1.2rem;
}

@media (max-width: 1199px) {
  .blog-detail-two-col .blog-detail {
    width: 100%;
    order: 2;
  }
  .blog-detail-two-col .blog-detail-right {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    order: 1;
  }
}
.card {
  border: 1px solid #F3F3F3;
  transition: box-shadow 0.3s;
  margin-top: -1px;
}
.card-link {
  display: flex;
  padding: 2.4rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #363530;
}
.card-link:hover {
  color: #363530;
}
.card-link span {
  padding-right: 0.8rem;
}
.card-link span:not(.card-link-icon) {
  max-width: calc(100% - 2.4rem);
}
.card-link-icon {
  transition: transform 0.3s;
  margin-left: auto;
  transform: rotate(180deg);
  padding-right: 0 !important;
  width: 2.4rem;
}
.card-link.collapsed .card-link-icon {
  transform: rotate(0);
}
.card-body {
  padding: 0 2.4rem;
}
.card:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}

@media (max-width: 991px) {
  .card-link {
    padding: 1.6rem;
    font-size: 1.6rem;
  }
  .card-body {
    padding: 0 1.6rem;
  }
}
.store-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #F3F3F3;
  height: 100%;
}
.store-item-img {
  position: relative;
}
.store-item-img .hp-text-top-team {
  position: absolute;
  right: 2.4rem;
  bottom: 2.4rem;
}
.store-item-img img {
  width: 100%;
}
.store-item-text {
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.store-item-text .perex {
  flex-grow: 1;
}

@media (max-width: 991px) {
  .store-item {
    border: none;
    margin-bottom: 2.4rem;
  }
  .store-item-img .hp-text-top-team {
    display: flex;
    right: 1.6rem;
    bottom: 1.6rem;
  }
  .store-item-text {
    padding: 0.8rem 0;
  }
}
.servis-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  border: 1px solid #F3F3F3;
  transition: box-shadow 0.3s;
}
.servis-item-col {
  margin-bottom: 2.4rem;
  display: flex;
}
.servis-item-img {
  width: 100%;
}
.servis-item-img img {
  width: 100%;
}
.servis-item-text {
  padding: 2.4rem 3.2rem 3.2rem 3.2rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.servis-item-text p {
  font-size: 1.4rem;
}
.servis-item-text p:first-of-type {
  flex-grow: 1;
}
.servis-item-text h5 {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  margin-bottom: 1.6rem;
  line-height: 1.2;
}
.servis-item-text ul {
  margin-bottom: 2.4rem;
}
.servis-item .btn-primary {
  padding-left: 3.2rem;
}
.servis-item-name {
  margin-bottom: 1.6rem;
  line-height: 1.4;
}
.servis-item-name a {
  color: #363530;
}
.servis-item-name a:hover {
  color: #EF7D00;
}
.servis-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}

.servis-price-item {
  display: flex;
  flex-direction: column;
  padding: 3.2rem;
  background: #FFF4D7;
  width: 100%;
}
.servis-price-item-col {
  display: flex;
  margin-bottom: 2.4rem;
}
.servis-price-item-bg-2 {
  background: #FDEBDC;
}
.servis-price-item-bg-3 {
  background: #FFEBF3;
}
.servis-price-item-bg-4 {
  background: #D4FED9;
}
.servis-price-item-bg-5 {
  background: #D5EFFD;
}
.servis-price-item .small {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #363530;
  margin-bottom: 1.2rem;
}
.servis-price-item h3 {
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.servis-price-item ul li:before {
  background: url("/images/front/plus_circle.svg") no-repeat center;
}
.servis-price-item-fake-btn {
  background: #fff;
  font-size: 1.5;
  line-height: 1.4;
  padding: 1.6rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.servis-price-item-price {
  padding-top: 1.6rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.servis-price-item-price .price {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: #363530;
}
.servis-price-item-price span {
  font-size: 1.4rem;
}
.servis-price-item-price .btn-primary {
  margin-top: 1.6rem;
}

.price-table {
  background: #FFF4D7;
  padding: 3.2rem;
}
.price-table h4 {
  margin-bottom: 1.6rem;
}
.price-table h5 {
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
.price-table table {
  width: 100%;
}
.price-table table tr td {
  border-bottom: 1px solid #EDE1C2;
  padding: 0.8rem 2.4rem;
  line-height: 1.4;
}
.price-table table tr td:nth-child(2) {
  text-align: right;
  font-size: 1.3rem;
  font-weight: 700;
}

@media (max-width: 1399px) {
  .servis-item-text {
    padding: 2.4rem;
  }
  .servis-item .btn-primary {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    font-size: 1.4rem;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .servis-item-text {
    padding: 1.6rem;
  }
  .servis-price-item {
    padding: 1.6rem;
  }
  .servis-price-item .small {
    font-size: 1.2rem;
  }
  .price-table {
    padding: 1.6rem;
  }
  .price-table table tr td {
    padding: 0.8rem 0.8rem;
  }
}
.swiper-video-block {
  overflow: hidden;
}
.swiper-video-container {
  overflow: visible;
}
.swiper-video-container .swiper {
  overflow: visible;
}
.swiper-video-top {
  display: flex;
  justify-content: space-between;
}
.swiper-video-btns {
  display: flex;
  position: relative;
  margin-left: auto;
}
.swiper-video-btns .swiper-button-next.swiper-button-disabled, .swiper-video-btns .swiper-button-prev.swiper-button-disabled {
  display: block;
  opacity: 0.5;
}
.swiper-video-btns .swiper-button-prev, .swiper-video-btns .swiper-button-next {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent url("/images/front/light_swiper_right.svg") no-repeat center;
  border-color: #71706D;
  margin: 0;
}
.swiper-video-btns .swiper-button-prev {
  margin-right: 0.4rem;
}
.swiper-video-btns .swiper-button-next {
  margin-left: 0.4rem;
}
.swiper-video-item {
  flex: 0 0 18%;
  max-width: 18%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 1.2rem;
}
.swiper-video-item .btn-play {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  background: #FFFFFF url("/images/front/play.svg") no-repeat center;
  background-size: 1.2rem auto;
}
.swiper-video-item .btn-play:hover {
  width: 5.6rem;
  height: 5.6rem;
}
.swiper-video-item-top {
  width: 100%;
  position: relative;
  margin-bottom: 1.6rem;
}
.swiper-video-item-top:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
}
.swiper-video-item-top:hover:after {
  opacity: 0.6;
}
.swiper-video-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-video-item-name {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  max-width: 20rem;
}

@media (max-width: 1199px) {
  .swiper-video-item {
    flex: 0 0 23%;
    max-width: 23%;
  }
  .swiper-video-container {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .swiper-video-top {
    margin-bottom: 2rem;
  }
  .swiper-video-item {
    padding: 0 0.8rem;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 767px) {
  .swiper-video-item {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (max-width: 575px) {
  .swiper-video-item {
    flex: 0 0 70%;
    max-width: 70%;
  }
}
.autor-item {
  border: 1px solid #F3F3F3;
  padding: 2.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  transition: all 0.3s;
}
.autor-item:hover {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
}
.autor-item-col {
  display: flex;
  margin-bottom: 2.4rem;
}
@media (min-width: 1200px) {
  .autor-item-col {
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}
.autor-item-img {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 4px solid #FFFFFF;
  overflow: hidden;
  margin-bottom: 2.4rem;
}
.autor-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.autor-item-name {
  font-weight: 700;
  font-size: 1.4rem;
  color: #363530;
  line-height: 1.2;
}
.autor-item-pos {
  color: #A0A09E;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.autor-item-link {
  color: #595855;
  font-size: 1.2rem;
  margin-top: auto;
}
.autor-item-link span:nth-child(1) {
  text-decoration: underline;
}
.autor-item-link span:nth-child(2) {
  color: #A0A09E;
}

@media (min-width: 1200px) {
  .row-profile-followers .autor-item-col {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.most-read {
  width: 100%;
}
.most-read-col {
  display: flex;
}
.most-read-item {
  width: 100%;
  display: flex;
  margin-bottom: 1.6rem;
}
.most-read-item-img {
  width: 12rem;
}
.most-read-item-text {
  padding-left: 1.6rem;
  width: calc(100% - 1.6rem);
}
.most-read-item-name {
  font-size: 1.6rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.4;
  margin-bottom: 0.4rem;
  display: inline-block;
}
.most-read-item-date {
  color: #A0A09E;
  font-size: 1.2rem;
}

@media (max-width: 991px) {
  .most-read {
    margin-bottom: 2.4rem;
  }
}
.last-comments {
  width: 100%;
}
.last-comments-list {
  display: flex;
  flex-direction: column;
}
.last-comments-col {
  display: flex;
}

.last-comment-item {
  display: flex;
  flex-direction: column;
  background: #504F4C;
  padding: 1.6rem 2.4rem;
  margin-bottom: 1.6rem;
}
.last-comment-item-top {
  display: flex;
  justify-content: space-between;
}
.last-comment-item-name {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.last-comment-item-name img {
  width: 1.6rem;
  margin-left: 0.4rem;
}
.last-comment-item-date {
  color: #A0A09E;
  font-size: 1.2rem;
}
.last-comment-item p {
  font-size: 1.3rem;
  color: #D0CFCE;
  margin-bottom: 0.8rem;
}
.last-comment-item-link {
  color: #A0A09E;
  font-size: 1.2rem;
  text-decoration: underline;
}

.magazin-category-top {
  height: 32rem;
  overflow: hidden;
  position: relative;
  margin-bottom: -12rem;
}
@media (max-width: 991px) {
  .magazin-category-top {
    height: 28rem;
  }
}
.magazin-category-top-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.magazin-category-top-img:After {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
  content: "";
}
.magazin-category-top-content {
  z-index: 10;
  position: relative;
}
.magazin-category-top-content .breadcrumb {
  margin-top: 4.8rem;
  margin-bottom: 2.4rem;
}
.magazin-category-top-content .breadcrumb-item {
  color: #FFFFFF;
}
.magazin-category-top-content .breadcrumb-item a {
  color: #FFFFFF;
}
.magazin-category-top-content h1 {
  color: #FFFFFF;
}

.magazin-filter-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -1.6rem;
}
.magazin-filter-list .cancel-active-filter {
  margin-bottom: 1.6rem;
}
.magazin-filter-block {
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
  margin-bottom: 1.6rem;
}
.magazin-filter-block > span {
  font-size: 1.4rem;
  color: #595855;
  margin-right: 0.8rem;
}
.magazin-filter-block-item {
  background: #F3F3F3;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin-right: 0.8rem;
}
.magazin-filter-block-item-close {
  margin-left: 0.4rem;
}
.magazin-filter-block-item-close .icon {
  stroke: #A0A09E;
  transition: all 0.3s;
}
.magazin-filter-block-item-close:hover .icon {
  stroke: #595855;
}

.check-autor {
  margin-bottom: 0.8rem;
}
.check-autor input[type=checkbox] + label {
  padding-left: 0;
}
.check-autor input[type=checkbox] + label:before {
  display: none;
}
.check-autor input[type=checkbox] + label:after {
  top: 1.4rem;
  left: 1rem;
  border-radius: 50%;
  background: #EF7D00 url("/images/front/check.png");
}
.check-autor input[type=checkbox] + label .check-autor-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.check-autor input[type=checkbox] + label .check-autor-item-img {
  width: 4.4rem;
  height: 4.4rem;
  border: 2px solid #FFFFFF;
  overflow: hidden;
  border-radius: 50%;
}
.check-autor input[type=checkbox] + label .check-autor-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.check-autor input[type=checkbox] + label .check-autor-item-text {
  width: calc(100% - 4.4rem);
  padding-left: 0.8rem;
  display: flex;
  flex-direction: column;
}
.check-autor input[type=checkbox] + label .check-autor-item-text span:nth-child(1) {
  font-size: 1.4rem;
  font-weight: 700;
  color: #363530;
  margin-bottom: 0.4rem;
}
.check-autor input[type=checkbox] + label .check-autor-item-text span:nth-child(2) {
  color: #A0A09E;
  font-size: 1.2rem;
}

.autor-search {
  display: flex;
  height: 4rem;
  margin-bottom: 2.4rem;
}
.autor-search .input-group {
  height: 4rem;
}
.autor-search .input-group:hover .input-group-prepend {
  border-color: #595855;
}
.autor-search .input-group:hover .form-control {
  border-color: #595855;
}
.autor-search .input-group-prepend {
  height: 4rem;
  width: 4rem;
  padding: 0;
  border: 1px solid #D0CFCE;
  border-right: none;
  background: #FFFFFF;
}
.autor-search .input-group-prepend:hover {
  border-color: #595855;
}
.autor-search .input-group-prepend .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
}
.autor-search .input-group-prepend .btn .icon {
  stroke: #000;
}
.autor-search .input-group .form-control {
  height: 4rem;
  flex-grow: 1;
  border: 1px solid #D0CFCE;
  border-left: none;
}
.autor-search .input-group .form-control:hover {
  border-color: #595855;
}

.show-hide-filter-btn {
  width: 100%;
  margin-bottom: 2.4rem;
  position: relative;
}
.show-hide-filter-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 1.4rem;
  right: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/front/up.svg") no-repeat center;
  transform: rotate(180deg);
  transition: all 0.3s;
}
.show-hide-filter-btn .hide {
  display: none;
}
.show-hide-filter-btn.open:after {
  transform: rotate(0deg);
}
.show-hide-filter-btn.open .hide {
  display: block;
}
.show-hide-filter-btn.open .show {
  display: none;
}
@media (max-width: 991px) {
  .show-hide-filter {
    display: none;
  }
}

.magazin-search-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.magazin-search-top h1 {
  margin-bottom: 0;
  width: 60rem;
  max-width: 100%;
}
.magazin-search-top-form {
  margin-left: auto;
  max-width: calc(100% - 60rem);
  width: 70.8rem;
  display: flex;
}
.magazin-search-top-form .input-group {
  height: 4rem;
}
.magazin-search-top-form .input-group .form-control {
  height: 4rem;
}
.magazin-search-top-form .input-group:focus-within .form-control {
  border-color: #595855;
}
.magazin-search-top-form .input-group:focus-within .input-group-prepend {
  border-color: #595855;
}
@media (max-width: 991px) {
  .magazin-search-top h1 {
    width: auto;
  }
  .magazin-search-top-form {
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .magazin-search-top h1 {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .magazin-search-top-form {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .row-magazin-list .main-content {
    transition: all 0.5s;
    margin-left: auto;
  }
  .row-magazin-list .main-content.full-size {
    flex: 0 0 calc(100% - 2.4rem);
    max-width: calc(100% - 2.4rem);
  }
  .row-magazin-list .main-content.full-size .news-item.col-md-4, .row-magazin-list .main-content.full-size .event-item.col-lg-4 {
    flex: 0 0 calc(25% - 2.4rem);
    max-width: calc(25% - 2.4rem);
  }
}
.koloshop-footer-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  overflow: hidden;
}
.koloshop-footer-bg img {
  bottom: 0rem;
  right: 0rem;
  position: absolute;
  opacity: 0.5;
}
.koloshop-footer-section {
  margin-top: 12rem;
}
.koloshop-footer-section-inner {
  background: #E7E7E7;
  padding: 4.8rem 0;
  position: relative;
  margin-top: 6.4rem;
}
.koloshop-footer-section-inner .container {
  position: relative;
  z-index: 2;
}
.koloshop-footer-section + .benefits-section {
  margin-top: 0;
}
.koloshop-footer-top {
  display: flex;
  flex-wrap: wrap;
}
.koloshop-footer-top-left {
  width: 56rem;
  max-width: calc(100% - 54rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.koloshop-footer-top-left-logo {
  height: 4rem;
  margin-bottom: 4.8rem;
}
.koloshop-footer-top-left .h2,
.koloshop-footer-top-left h2,
.koloshop-footer-top-left h3 {
  line-height: 1.4;
}
.koloshop-footer-top-left .h2 a,
.koloshop-footer-top-left h2 a,
.koloshop-footer-top-left h3 a {
  text-decoration: underline;
}
.koloshop-footer-top-left .h2 a:hover,
.koloshop-footer-top-left h2 a:hover,
.koloshop-footer-top-left h3 a:hover {
  text-decoration: none;
}
.koloshop-footer-top-right {
  display: flex;
  justify-content: flex-end;
  margin-top: -8.8rem;
  margin-left: auto;
  align-items: flex-start;
}
.koloshop-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.6rem;
}
.koloshop-footer-bottom .btn {
  height: 4.8rem;
}
.koloshop-footer-bottom-brand {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.koloshop-footer-bottom-brand > span {
  white-space: nowrap;
}
.koloshop-footer-brand-list {
  display: flex;
  flex-wrap: wrap;
}
.koloshop-footer-brand-item {
  margin-left: 2.4rem;
  width: 11rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
}
.koloshop-footer-brand-item img {
  max-width: 100%;
  max-height: 100%;
}

.product-square-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 53rem;
}
.product-square-item {
  width: 16rem;
  height: 16rem;
  background: #F3F3F3;
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  padding: 1.6rem;
  margin: 0.8rem;
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.07);
  transition: all 0.3s;
}
.product-square-item:hover {
  background: #FFFFFF;
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.2);
}
.product-square-item:nth-child(2), .product-square-item:nth-child(5) {
  transform: translateY(-2.4rem);
}
.product-square-item img {
  margin-bottom: 2.4rem;
  max-width: 100%;
  max-height: 6.3rem;
}
.product-square-item span {
  color: #595855;
  font-size: 1.2rem;
}
.product-square-item.special {
  background: #363530;
}
.product-square-item.special span {
  font-size: 1.5rem;
  color: #D0CFCE;
}
.product-square-item.special span.number {
  color: #EF7D00;
  font-size: 2.8rem;
  font-weight: 700;
}

@media (max-width: 1499px) {
  .koloshop-footer-brand-item {
    width: 9rem;
  }
}
@media (max-width: 1399px) {
  .koloshop-footer-brand-item {
    width: 8rem;
    height: 2rem;
    margin-left: 1.6rem;
  }
}
@media (max-width: 1199px) {
  .koloshop-footer-bottom-brand {
    width: 100%;
    margin-top: 2.4rem;
  }
  .koloshop-footer-bottom-brand span {
    display: none;
  }
  .koloshop-footer-brand-list {
    margin-bottom: -1.2rem;
    justify-content: center;
    width: 100%;
  }
  .koloshop-footer-brand-item {
    width: 11rem;
    height: 2.4rem;
    margin: 0.8rem;
  }
  .product-square-item {
    width: 14rem;
    height: 14rem;
  }
  .product-square-item img {
    margin-bottom: 1.6rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .product-square-item.special span.number {
    line-height: 1.2;
    font-size: 2.4rem;
  }
}
@media (max-width: 991px) {
  .koloshop-footer-section {
    margin-top: 8rem;
  }
  .koloshop-footer-top-left {
    max-width: calc(100% - 44rem);
  }
  .product-square-list {
    max-width: 42rem;
  }
  .product-square-item {
    width: 12rem;
    height: 12rem;
  }
  .product-square-item img {
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 767px) {
  .koloshop-footer-section {
    margin-top: 10rem;
  }
  .koloshop-footer-section-inner {
    padding-bottom: 2.4rem;
  }
  .koloshop-footer-top {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .koloshop-footer-top-left {
    max-width: 100%;
    order: 2;
    width: 100%;
    margin-top: 2.4rem;
  }
  .koloshop-footer-top-left-logo {
    margin-bottom: 1.6rem;
  }
  .koloshop-footer-top-right {
    order: 1;
    margin: 0 auto;
    margin-top: -8.8rem;
  }
  .product-square-list {
    max-width: 42rem;
  }
  .product-square-item {
    width: 12rem;
    height: 12rem;
  }
  .product-square-item img {
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 575px) {
  .product-square-list {
    max-width: 34rem;
  }
  .product-square-item {
    width: 10rem;
    height: 10rem;
    margin: 0.4rem;
    padding: 1.2rem;
  }
  .product-square-item img {
    margin-bottom: 0.8rem;
  }
  .product-square-item.special span.number {
    font-size: 1.8rem;
  }
}
.close-event-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 3.2rem;
}
.close-event-top h2,
.close-event-top h3 {
  margin-bottom: 0;
}
.close-event-top-right {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex-wrap: wrap;
}
.close-event-top-right .dropdown {
  margin-left: 1.6rem;
  min-width: 24rem;
}

@media (max-width: 1199px) {
  .close-event-top {
    margin-bottom: 0;
  }
  .close-event-top h2,
  .close-event-top h3 {
    margin-bottom: 2.4rem;
  }
  .close-event-top-right {
    margin-bottom: 2.4rem;
    margin-left: -0.8rem;
  }
  .close-event-top-right .dropdown {
    flex-grow: 1;
    margin: 0.8rem;
  }
  .close-event-top-right .dropdown .btn {
    display: flex;
    max-width: 100%;
  }
}
.event-month-list {
  display: flex;
}
.event-month-item {
  width: 20rem;
  display: flex;
  border: 1px solid #F3F3F3;
  padding: 1.2rem 1.6rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 0.8rem;
  transition: all 0.3s ease-in-out;
}
.event-month-item-name {
  font-size: 1.4rem;
  font-weight: 700;
  color: #363530;
  margin-bottom: 0.8rem;
  line-height: 1;
}
.event-month-item span {
  padding: 0.2rem;
  width: 2.8rem;
  border-radius: 1.6rem;
  background: #F3F3F3;
  line-height: 1;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #EF7D00;
}
.event-month-item:hover {
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.07);
}
.event-month-item.active {
  background: #EF7D00;
  color: #FFFFFF;
}
.event-month-item.active .event-month-item-name {
  color: #FFFFFF;
}
.event-month-item.active span {
  background: #FFFFFF;
  color: #EF7D00;
}
.event-month-item.disabled {
  border-color: #F3F3F3;
  color: #A0A09E;
}
.event-month-item.disabled .event-month-item-name {
  color: #A0A09E;
}
.event-month-item.disabled span {
  background: #F3F3F3;
  color: #A0A09E;
}
.event-month-item.empty {
  background: #F3F3F3;
}
.event-month-item.empty span {
  background: #FFFFFF;
  color: #A0A09E;
}

.swiper-event-month-container {
  display: flex;
  align-items: center;
}
.swiper-event-month-container .swiper {
  width: calc(100% - 15rem);
  padding-bottom: 3.2rem;
  margin-left: -0.8rem;
}
.swiper-event-month-arrows {
  width: 14.4rem;
  padding-bottom: 3.2rem;
  margin-left: auto;
  position: relative;
  display: flex;
  align-items: center;
  margin-right: -0.4rem;
}
.swiper-event-month-arrows .swiper-button-next.swiper-button-disabled,
.swiper-event-month-arrows .swiper-button-prev.swiper-button-disabled {
  display: flex;
}
.swiper-event-month-arrows .swiper-button-next,
.swiper-event-month-arrows .swiper-button-prev {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
  width: 6.4rem;
  height: 6.4rem;
  margin: 0.4rem;
}

@media (max-width: 767px) {
  .swiper-event-month-container {
    flex-direction: column;
    padding-bottom: 0;
  }
  .swiper-event-month-container .swiper {
    width: 100%;
  }
  .swiper-event-month-container .swiper-event-month-arrows {
    width: 100%;
    margin-bottom: 2.4rem;
    justify-content: center;
    padding-bottom: 0;
    margin-top: -2rem;
  }
  .swiper-event-month-container .swiper-event-month-arrows .swiper-button-next,
  .swiper-event-month-container .swiper-event-month-arrows .swiper-button-prev {
    width: 4rem;
    height: 4rem;
  }
}
.event-item {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s;
  margin-bottom: 2.4rem;
  border: 1px solid #F3F3F3;
}
.event-item:hover {
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.07);
}
.event-item-tags {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.event-item-img {
  width: 100%;
}
.event-item-img img {
  width: 100%;
}
.event-item-content {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
}
.event-item-cat {
  color: #A0A09E;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 1.8rem;
}
.event-item-date {
  color: #595855;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.event-item-name {
  color: #363530;
  font-size: 1.8rem;
  font-weight: 700;
  transition: all 0.3s;
  line-height: 1.38;
  margin-bottom: 1rem;
  max-width: 22rem;
}
.event-item-place {
  display: flex;
  align-items: center;
  line-height: 1.2;
  font-size: 1.2rem;
  color: #595855;
  margin-bottom: 2rem;
}
.event-item-place img {
  margin-right: 0.8rem;
}
.event-item-bottom {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  padding-right: 5rem;
  flex-wrap: wrap;
}
.event-item-show {
  font-size: 1.5rem;
  text-decoration: underline;
  color: #595855;
  margin-right: 0.8rem;
  line-height: 1.2;
}
.event-item-chat {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #595855;
}
.event-item-chat svg {
  margin-right: 0.4rem;
}
.event-item-avatar {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  bottom: 2.4rem;
  right: 2.4rem;
  background: #FFFFFF;
  z-index: 10;
}
.event-item-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-item-member-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.event-item-member-list {
  display: flex;
  margin-right: 1.6rem;
  margin-left: 0.8rem;
}
.event-item-member-item {
  width: 4.8rem;
  height: 4.8rem;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -0.8rem;
}
.event-item-member-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-item-member-count {
  font-size: 1.4rem;
  color: #A0A09E;
  font-weight: 400;
}

.event-img-top {
  height: 48rem;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 4.8rem;
}
@media (max-width: 991px) {
  .event-img-top {
    height: 34rem;
  }
}
.event-img-top-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.event-img-top-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-img-top-content {
  z-index: 10;
  position: relative;
}
.event-img-top-content .breadcrumb {
  margin-top: 4.8rem;
  margin-bottom: 2.4rem;
}
.event-img-top-content .breadcrumb-item {
  color: #FFFFFF;
}
.event-img-top-content .breadcrumb-item a {
  color: #FFFFFF;
}
.event-img-top-text {
  background: linear-gradient(180deg, rgba(54, 53, 48, 0.6) 0%, rgba(18, 17, 12, 0.6) 100%);
  backdrop-filter: blur(2.5px);
  margin-top: auto;
  padding: 3.2rem 0;
}
.event-img-top-text-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.event-img-top-text-left {
  display: flex;
  align-items: center;
  width: calc(100% - 15rem);
}
.event-img-top-text-right {
  margin-left: auto;
  width: 15rem;
  display: flex;
  justify-content: flex-end;
}
.event-img-top-text-logo {
  width: 9.6rem;
}
.event-img-top-text-logo img {
  width: 100%;
}
.event-img-top-text-content {
  padding-left: 2.4rem;
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  width: calc(100% - 9.6rem);
  padding-right: 2.4rem;
}
.event-img-top-text-content p {
  margin-bottom: 0;
  color: #F3F3F3;
}
.event-img-top-text-headline {
  font-size: 4rem;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .event-img-top {
    margin-bottom: 2.4rem;
  }
  .event-img-top-text-inner {
    flex-direction: column;
  }
  .event-img-top-text-left {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .event-img-top-text-right {
    width: 100%;
    justify-content: center;
  }
  .event-img-top-text-logo {
    width: 6.4rem;
  }
  .event-img-top-text-content {
    width: calc(100% - 6.4rem);
    padding-right: 0;
  }
  .event-img-top-text-headline {
    font-size: 2.4rem;
  }
}
.swiper-event-block {
  overflow: hidden;
}
.swiper-event-container {
  overflow: visible;
}
.swiper-event-container .swiper {
  overflow: visible;
}
.swiper-event-top {
  display: flex;
  justify-content: space-between;
}
.swiper-event-btns {
  display: flex;
  position: relative;
  margin-left: auto;
}
.swiper-event-btns .swiper-button-next.swiper-button-disabled, .swiper-event-btns .swiper-button-prev.swiper-button-disabled {
  display: block;
  opacity: 0.5;
}
.swiper-event-btns .swiper-button-prev, .swiper-event-btns .swiper-button-next {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent url("/images/front/light_swiper_right.svg") no-repeat center;
  border-color: #71706D;
  margin: 0;
}
.swiper-event-btns .swiper-button-prev {
  margin-right: 0.4rem;
}
.swiper-event-btns .swiper-button-next {
  margin-left: 0.4rem;
}
.swiper-event-item {
  flex: 0 0 18%;
  max-width: 18%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 1.2rem;
}
.swiper-event-item-inner {
  position: relative;
}
.swiper-event-item-img-container {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
}
.swiper-event-item-img-container:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background: #000;
  opacity: 0.4;
  transition: all 0.3s;
}
.swiper-event-item-img-container:hover:after {
  opacity: 0.6;
}
.swiper-event-item-logo {
  position: absolute;
  top: 2.4rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 9.6rem;
}
.swiper-event-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-event-item-name {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  max-width: 20rem;
  margin-bottom: 0.8rem;
}
.swiper-event-item-calendar {
  font-size: 1.2rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  line-height: 1;
}
.swiper-event-item-calendar span {
  line-height: 1;
  padding-top: 0.2rem;
}
.swiper-event-item-calendar img {
  margin-right: 0.4rem;
}
.swiper-event-item-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding: 2.4rem;
  padding-top: 0;
}

@media (max-width: 1399px) {
  .swiper-event-item-logo {
    width: 6.4rem;
  }
}
@media (max-width: 1199px) {
  .swiper-event-item {
    flex: 0 0 23%;
    max-width: 23%;
  }
  .swiper-event-container {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .swiper-event-top {
    margin-bottom: 2rem;
  }
  .swiper-event-item {
    padding: 0 0.8rem;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 767px) {
  .swiper-event-item {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (max-width: 575px) {
  .swiper-event-item {
    flex: 0 0 70%;
    max-width: 70%;
  }
}
.ui-datepicker {
  z-index: 100 !important;
}

.calendar-box {
  background: #363530;
  padding: 2.4rem;
  color: #FFFFFF;
  width: 100%;
}
.calendar-box .h4 {
  color: #FFFFFF;
}

.own-calendar {
  width: 100%;
}
.own-calendar-bg {
  background: #363530;
  padding: 2.4rem;
  color: #FFFFFF;
}
.own-calendar-top {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1.6rem;
}
.own-calendar-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-right: 1.6rem;
  color: #D0CFCE;
}
.own-calendar-btns {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.own-calendar-btns .btn {
  height: 4rem;
  border-color: #71706D;
}
.own-calendar-btns .btn:hover {
  background: #71706D;
  color: #FFFFFF;
}
.own-calendar-btns .btn-today {
  margin-right: 1.6rem;
}
.own-calendar-btns .btn-prev, .own-calendar-btns .btn-next {
  width: 4rem;
  text-align: center;
  justify-content: center;
  padding: 0.8rem 0;
}
.own-calendar-btns .btn-next {
  margin-left: 0.8rem;
}
.own-calendar-table {
  width: 100%;
}
.own-calendar-table table {
  width: 100%;
}
.own-calendar-table table td,
.own-calendar-table table th {
  width: 5.6rem;
  height: 5.6rem;
  padding: 0.2rem;
}
.own-calendar-table table th .own-calendar-col-inner {
  padding: 0;
  align-items: center;
  justify-content: center;
}
.own-calendar-col {
  width: 100%;
  display: flex;
  height: 5.6rem;
  background: #595855;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 0.4rem;
  font-size: 1.8rem;
  display: flex;
  transition: all 0.3s;
}
.own-calendar-col-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 0.8rem;
  width: 100%;
}
.own-calendar-col.disabled {
  color: #A0A09E;
  background: #43413E;
}
.own-calendar-col.disabled .num {
  color: #A0A09E;
}
.own-calendar-col.active {
  background: #EF7D00;
}
.own-calendar-col.active:hover {
  background: #EF7D00;
}
.own-calendar-col.active .badge {
  background: #FFFFFF;
}
.own-calendar-col:hover {
  background: #7A7976;
}
.own-calendar-col .num {
  line-height: 1.4;
  font-family: "Sora", sans-serif;
  color: #FFFFFF;
}
.own-calendar-col .badge {
  width: 2.8rem;
  border-radius: 1.6rem;
  font-size: 1rem;
  display: inline-flex;
  background: #504F4C;
  line-height: 1;
  height: 1.2rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 0.3rem;
  color: #EF7D00;
  min-width: 0;
  padding: 0;
}

.modal-calendar .modal-title {
  display: block;
}
.modal-calendar-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
}
.modal-calendar-left {
  width: 46.4rem;
}
.modal-calendar-right {
  width: calc(100% - 46.4rem);
  padding-left: 2.4rem;
}
@media (min-width: 991px) {
  .modal-calendar-right .event-item {
    flex: 0 0 calc(50% - 2.4rem);
    max-width: calc(50% - 2.4rem);
  }
}

.news-list-calendar .news-item-big {
  margin-bottom: 0;
  height: auto;
}
.news-list-calendar .calendar-col {
  display: flex;
}

@media (max-width: 1399px) {
  .own-calendar-title {
    font-size: 1.4rem;
    line-height: 1;
  }
  .own-calendar-btns .btn {
    height: 3.4rem;
  }
  .own-calendar-table table td,
  .own-calendar-table table th {
    width: 4rem;
    height: 4rem;
    padding: 0.2rem;
  }
  .own-calendar-table table th .own-calendar-col-inner {
    padding: 0;
    align-items: center;
    justify-content: center;
  }
  .own-calendar-col {
    height: 4rem;
    font-size: 1.2rem;
  }
  .own-calendar-col-inner {
    padding-top: 0.4rem;
  }
}
@media (max-width: 1299px) {
  .modal-calendar-left {
    width: 36rem;
  }
  .modal-calendar-right {
    width: calc(100% - 36rem);
    padding-left: 2.4rem;
  }
}
@media (max-width: 991px) {
  .calendar-col {
    margin-top: 2.4rem;
  }
  .modal-calendar-left {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .modal-calendar-right {
    width: 100%;
    padding-left: 0;
  }
  .modal-calendar-right .event-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.popover {
  border: none;
  max-width: 38rem;
}
.popover-body {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  padding: 1.6rem;
}
.popover-event-list {
  display: flex;
  flex-direction: column;
}
.popover-event-item {
  display: flex;
  width: 34.2rem;
  padding: 1.6rem;
  background: #F3F3F3;
  margin-bottom: 0.8rem;
}
.popover-event-item .tag {
  font-size: 1rem;
  padding: 0.3rem 0.4rem;
}
.popover-event-item-date {
  font-size: 1.2rem;
  color: #A0A09E;
}
.popover-event-item-img {
  width: 12rem;
}
.popover-event-item-text {
  width: calc(100% - 12rem);
  padding-left: 1.6rem;
}
.popover-event-item-name {
  font-family: "Sora", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
  color: #363530;
  margin-bottom: 0.8rem;
}
.popover-event-item p {
  margin-bottom: 0;
  font-size: 1.2rem;
  color: #A0A09E;
}

.simple-info-box {
  padding: 1.6rem 2.4rem;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 1.6rem;
}
.simple-info-box svg,
.simple-info-box img {
  margin-right: 1.6rem;
}
.simple-info-box-danger {
  background: #FDEBDC;
  color: #D8483D;
}
.simple-info-box-success {
  background: #D4FED9;
  color: #29A985;
}
/*# sourceMappingURL=style.css.map */