.cookie-notice {
  box-sizing: border-box;
  position: fixed;
  z-index: 100000;
  display: flex;
  align-items: center;
  text-align: initial;
  line-height: 1.5em;
  transition: .3s;
  max-width: 100%
}
.cookie-notice > img {
  flex-shrink: 0;
  vertical-align: middle
}
.cookie-notice > img + span {
  margin-left: 10px
}
.cookie-notice > span {
  flex-grow: 1;
  margin-right: 10px
}
.cookie-notice > span a {
  text-decoration: underline;
  transition: .3s
}
.cookie-notice > button {
  flex-shrink: 0;
  text-align: center;
  cursor: pointer;
  transition: .3s;
  outline: none;
  border: none;
  font-weight: 700
}
.cookie-notice > button:active {
  outline: none
}
.cookie-notice.top {
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-150%)
}
.cookie-notice.top.active {
  transform: translateY(0)
}
.cookie-notice.top-left {
  top: 15px;
  left: 15px;
  transform: translateX(-150%);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  max-width: calc(100% - 30px)
}
.cookie-notice.top-left > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.top-left > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.top-left.active {
  transform: translateX(0)
}
.cookie-notice.top-center {
  top: 15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-150%);
  max-width: calc(100% - 30px);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center
}
.cookie-notice.top-center > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.top-center > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.top-center.active {
  transform: translateY(0)
}
.cookie-notice.top-right {
  top: 15px;
  right: 15px;
  transform: translateX(150%);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  max-width: calc(100% - 30px)
}
.cookie-notice.top-right > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.top-right > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.top-right.active {
  transform: translateX(0)
}
.cookie-notice.bottom {
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(150%)
}
.cookie-notice.bottom.active {
  transform: translateY(0)
}
.cookie-notice.bottom-left {
  bottom: 15px;
  left: 15px;
  transform: translateX(-150%);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  max-width: calc(100% - 30px)
}
.cookie-notice.bottom-left > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.bottom-left > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.bottom-left.active {
  transform: translateX(0)
}
.cookie-notice.bottom-center {
  bottom: 15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(150%);
  max-width: calc(100% - 30px);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center
}
.cookie-notice.bottom-center > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.bottom-center > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.bottom-center.active {
  transform: translateY(0)
}
.cookie-notice.bottom-right {
  bottom: 15px;
  right: 15px;
  transform: translateX(150%);
  max-width: calc(100% - 30px);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center
}
.cookie-notice.bottom-right > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.bottom-right > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.bottom-right.active {
  transform: translateX(0)
}
.cookie-notice.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  max-width: calc(100% - 30px)
}
.cookie-notice.center > img + span {
  margin-left: 0;
  margin-top: 10px
}
.cookie-notice.center > span {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px
}
.cookie-notice.center:not(.active) {
  display: none
}
.slick-slide {
  outline: none;
  flex-shrink: 0;
  float: none !important;
  height: auto !important
}
.slick-track {
  display: flex !important;
  float: none
}
.slick-slider-dots:empty {
  display: none
}
.slick-slider-dots .slick-dots {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  position: absolute;
  bottom: 1.25rem;
  left: 0;
  width: 100%;
  z-index: 1
}
.slick-slider-dots .slick-dots li {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 0;
  opacity: 1;
  transition: opacity .2s linear;
  will-change: opacity
}
.slick-slider-dots .slick-dots button {
  color: transparent;
  padding: 0;
  margin: 0;
  background: 0 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transition: .3s;
  will-change: box-shadow;
  cursor: pointer;
  position: relative
}
.slick-slider-dots .slick-dots button:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transition: .3s;
  border-radius: 50%
}
.slick-slider-dots .slick-dots button svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: auto;
  background: 0 0
}
.slick-slider-dots .slick-dots button svg .circle-load-svg {
  stroke-dasharray: 0, 70;
  animation-timing-function: linear;
  animation-fill-mode: forwards
}
.slick-slider-dots .slick-dots .slick-active {
  opacity: 1
}
.slick-slider-dots .slick-dots .slick-active button {
  cursor: default
}
.slick-slider-dots .slick-dots .slick-active button svg .circle-load-svg {
  animation-name: rot
}
@keyframes rot {
  to {
    stroke-dasharray: 70, 70
  }
}
.slick-slider-arrow {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: background-color .1s linear, opacity .1s linear, visibility .1s linear;
  will-change: background-color, opacity, visibility
}
.slick-slider-arrow.slick-arrow:not(.slick-disabled) {
  opacity: 1;
  visibility: visible;
  cursor: pointer
}
.slick-slider-arrow:hover {
  background-color: #D18D6E;
  color: #fff
}
.slick-slider-arrow:active {
  opacity: .6;
  transition-duration: 0s, 0s
}
.slick-slider-arrow--prev:hover svg {
  transform: translateX(-2px)
}
.slick-slider-arrow--next:hover svg {
  transform: translateX(2px)
}
.slick-slider-arrow svg {
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
  fill: currentColor;
  transition: transform .1s linear;
  will-change: transform
}
.slick-slider {
  display: flex
}
.slick-slider.slick-initialized {
  display: block
}
.slick-slider:not(.is-ready) .slick-slide:not(:first-child) {
  display: none
}
::-webkit-resizer, ::-webkit-scrollbar-button {
  display: none
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
  transition: background-color .3s
}
.ps {
  position: relative
}
.ps .ps__rail-y {
  opacity: 1 !important;
  cursor: pointer !important;
  border-radius: 0 !important
}
.ps .ps__rail-y .ps__thumb-y {
  right: 0 !important;
  border-radius: 0 !important
}
.ps .ps__rail-x {
  opacity: 1 !important;
  cursor: pointer !important;
  border-radius: 0 !important
}
.ps .ps__rail-x .ps__thumb-x {
  bottom: 0 !important;
  border-radius: 0 !important
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .2)
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .8)
}
::-webkit-scrollbar-thumb:hover {
  background-color: #000
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px
}
.ps.ps--active-y {
  padding-right: 8px
}
.ps.ps--active-x {
  padding-bottom: 8px
}
.ps .ps__rail-y {
  width: 8px !important;
  background-color: rgba(0, 0, 0, .2) !important
}
.ps .ps__rail-y .ps__thumb-y {
  width: 8px !important;
  background-color: rgba(0, 0, 0, .8) !important
}
.ps .ps__rail-y .ps__thumb-y:hover {
  background-color: #000 !important
}
.ps .ps__rail-x {
  height: 8px !important;
  background-color: rgba(0, 0, 0, .2) !important
}
.ps .ps__rail-x .ps__thumb-x {
  height: 8px !important;
  background-color: rgba(0, 0, 0, .8) !important
}
.ps .ps__rail-x .ps__thumb-x:hover {
  background-color: #000 !important
}
[data-scrollbar=small]::-webkit-scrollbar-track {
  background-color: rgba(55, 170, 68, .2)
}
[data-scrollbar=small]::-webkit-scrollbar-thumb {
  background-color: rgba(55, 170, 68, .8)
}
[data-scrollbar=small]::-webkit-scrollbar-thumb:hover {
  background-color: #D18D6E
}
[data-scrollbar=small]::-webkit-scrollbar {
  width: 6px;
  height: 6px
}
[data-scrollbar=small].ps.ps--active-y {
  padding-right: 6px
}
[data-scrollbar=small].ps.ps--active-x {
  padding-bottom: 6px
}
[data-scrollbar=small].ps .ps__rail-y {
  width: 6px !important;
  background-color: rgba(55, 170, 68, .2) !important
}
[data-scrollbar=small].ps .ps__rail-y .ps__thumb-y {
  width: 6px !important;
  background-color: rgba(55, 170, 68, .8) !important
}
[data-scrollbar=small].ps .ps__rail-y .ps__thumb-y:hover {
  background-color: #D18D6E !important
}
[data-scrollbar=small].ps .ps__rail-x {
  height: 6px !important;
  background-color: rgba(55, 170, 68, .2) !important
}
[data-scrollbar=small].ps .ps__rail-x .ps__thumb-x {
  height: 6px !important;
  background-color: rgba(55, 170, 68, .8) !important
}
[data-scrollbar=small].ps .ps__rail-x .ps__thumb-x:hover {
  background-color: #D18D6E !important
}
.marquiz__scroll-fix {
  overflow: hidden
}
.marquiz__bg {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(25, 25, 25, .89);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: -10000;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: flex;
  align-items: center;
  justify-content: center
}
.marquiz__modal {
  visibility: hidden;
  z-index: 100010;
  position: relative;
  max-width: 1200px;
  width: 80%
}
#marquiz__close {
  position: absolute;
  right: -40px;
  top: -40px;
  height: 45px;
  width: 45px;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTIuOTgyIDIxMi45ODIiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xMzEuODA0IDEwNi40OTFsNzUuOTM2LTc1LjkzNmM2Ljk5LTYuOTkgNi45OS0xOC4zMjMgMC0yNS4zMTItNi45OS02Ljk5LTE4LjMyMi02Ljk5LTI1LjMxMiAwTDEwNi40OTEgODEuMTggMzAuNTU0IDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyIDAtNi45ODkgNi45OS02Ljk4OSAxOC4zMjMgMCAyNS4zMTJsNzUuOTM3IDc1LjkzNi03NS45MzcgNzUuOTM3Yy02Ljk4OSA2Ljk5LTYuOTg5IDE4LjMyMyAwIDI1LjMxMiA2Ljk5IDYuOTkgMTguMzIyIDYuOTkgMjUuMzEyIDBsNzUuOTM3LTc1LjkzNyA3NS45MzcgNzUuOTM3YzYuOTg5IDYuOTkgMTguMzIyIDYuOTkgMjUuMzEyIDAgNi45OS02Ljk5IDYuOTktMTguMzIyIDAtMjUuMzEybC03NS45MzYtNzUuOTM2eiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat 100% 0;
  background-size: 16px;
  background-position: 50%;
  border: none;
  z-index: 100020;
  box-sizing: border-box;
  padding: 0;
  opacity: .6
}
#marquiz__close:hover {
  opacity: 1
}
.icon-quiz {
  vertical-align: baseline
}
.marquiz__button {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .2s ease-out;
  border: 1px solid var(--marquiz-button-color, #d34085);
  background-color: var(--marquiz-button-color, #d34085);
  padding: 18px 21px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  position: relative
}
.marquiz__button, .marquiz__button:focus, .marquiz__button:hover {
  color: var(--marquiz-button-text-color, #fff) !important;
  text-decoration: none !important
}
.marquiz__button:focus, .marquiz__button:hover {
  filter: brightness(105%)
}
.marquiz__button_shadow {
  box-shadow: 1.7px 5.8px 21px 0 var(--marquiz-button-alpha-color, var(--marquiz-button-color))
}
.marquiz__button_blicked:after {
  content: "";
  position: absolute;
  top: -50%;
  bottom: -50%;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .6) 100%);
  width: 45px;
  transform: skewX(-22deg);
  left: -65%;
  animation-name: blick;
  animation-duration: 3s;
  animation-iteration-count: infinite
}
@keyframes blick {
  60% {
    left: 100%
  }
  to {
    left: 130%
  }
}
.marquiz__button_rounded {
  border-radius: 50px
}
.marquiz__button_fixed {
  transition: none;
  height: 48px;
  line-height: 1.5;
  box-sizing: border-box;
  white-space: nowrap;
  display: inline-flex;
  padding: 7px 20px 7px 7px;
  font-size: 19px
}
.marquiz__button_fixed span {
  display: flex;
  justify-content: center;
  align-items: center
}
.marquiz__button_fixed.marquiz__button_rounded {
  border-radius: 0 0 10px 10px
}
.marquiz__button_fixed.marquiz__button_shadow {
  box-shadow: 1.7px 5.8px 21px 0 var(--marquiz-button-alpha-color, var(--marquiz-button-color))
}
.marquiz__button_fixed-left {
  position: fixed;
  left: 0;
  transform: rotate(-90deg) translate(-40.2%);
  transform-origin: -1px 0;
  top: 50%;
  z-index: 99999;
  border-radius: 4px
}
.marquiz__button_fixed-left.marquiz__button_rounded {
  border-radius: 0 0 4px 4px
}
.marquiz__button_fixed-right {
  position: fixed;
  left: calc(100% - 48px);
  flex-direction: row-reverse;
  transform: rotate(-90deg) translate(-40.2%);
  transform-origin: -1px 0;
  top: 50%;
  padding: 7px 20px 7px 7px;
  z-index: 99999
}
.marquiz__button_fixed-right.marquiz__button_rounded {
  border-radius: 4px 4px 0 0
}
.marquiz__button_fixed .icon-quiz {
  height: 32px;
  width: 32px;
  padding: 7px 5px 7px 7px;
  border-radius: 4px;
  background: var(--color-text, #fff);
  box-sizing: border-box;
  transform: rotate(90deg);
  margin-right: 12px
}
.marquiz__button_fixed .icon-quiz path {
  fill: var(--color, var(--marquiz-button-color, #d34085))
}
.marquiz__button_red {
  background-color: #f86c6b;
  border-color: #f86c6b
}
.marquiz__button_yellow {
  background-color: #f8cb00;
  border-color: #f8cb00;
  color: #000
}
.marquiz__button_yellow:focus, .marquiz__button_yellow:hover {
  color: #000
}
.marquiz__button_blue {
  background-color: #20a8d8;
  border-color: #20a8d8
}
.marquiz__button_green {
  background-color: #4dbd74;
  border-color: #4dbd74
}
.marquiz__container {
  width: 100%;
  text-align: center
}
.marquiz__container_inline {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  height: auto;
  min-height: 600px;
  background: hsla(0, 0%, 100%, .2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9IiNCMUIxQjEiIGN4PSI2IiBjeT0iNTAiIHI9IjYiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGR1cj0iMXMiIHZhbHVlcz0iMDsxOzAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLjEiLz48L2NpcmNsZT48Y2lyY2xlIGZpbGw9IiNCMUIxQjEiIGN4PSIyNiIgY3k9IjUwIiByPSI2Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBkdXI9IjFzIiB2YWx1ZXM9IjA7MTswIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii4yIi8+PC9jaXJjbGU+PGNpcmNsZSBmaWxsPSIjQjFCMUIxIiBjeD0iNDYiIGN5PSI1MCIgcj0iNiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIxcyIgdmFsdWVzPSIwOzE7MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIuMyIvPjwvY2lyY2xlPjwvc3ZnPg==) no-repeat calc(50% + 40px) 50%;
  background-size: 160px
}
.marquiz__container_inline .marquiz__button {
  display: none
}
.marquiz__frame {
  display: none;
  height: 100%;
  width: 100%;
  background: #fff;
  transition: height .2s ease-in
}
.marquiz__frame::-webkit-scrollbar {
  width: 0
}
.marquiz__bg_open {
  z-index: 2147483647;
  opacity: 1
}
.marquiz__bg_open, .marquiz__bg_open .marquiz__modal {
  visibility: visible
}
.marquiz__frame_open {
  display: block;
  width: 100%
}
.layout {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden
}
.layout__header {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 40
}
.layout__header--height {
  height: 3.75rem
}
.layout__bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(63, 63, 62, .5);
  z-index: 30;
  display: none
}
.layout__bg.is-show {
  display: block
}
.layout__content {
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  z-index: 20
}
.layout__footer {
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  z-index: 10
}
.layout--product {
  height: 100%
}
.section {
  position: relative;
  padding-bottom: 3.125rem;
  padding-top: 3.125rem
}
.section ol, .section ul {
  list-style: initial
}
.section--first {
  padding-top: 0 !important
}
.section--empty, .section--last {
  padding-bottom: 0 !important
}
.section--empty {
  padding-top: 0 !important
}
.container {
  margin: 0 auto;
  width: 82.5rem;
  max-width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}
.container--full {
  width: 100% !important
}
.container--full-hd, .container--hd {
  width: 1920px !important
}
.container--full-hd {
  padding-left: 0 !important;
  padding-right: 0 !important
}
.container--article {
  width: 57.5rem
}
.link {
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #262727;
  transition: 1.5s cubic-bezier(.19, 1, .22, 1);
  display: inline-block;
  cursor: pointer;
  position: relative
}
.link--light {
  color: #fff
}
.link--anim {
  padding-bottom: .625rem;
  padding-right: 1.875rem
}
.link--anim:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #D18D6E;
  transition: 1.5s cubic-bezier(.19, 1, .22, 1)
}
.mobile .link--anim:active, .no-mobile .link--anim:hover {
  padding-right: 0;
  letter-spacing: 2.7px
}
.mobile .link--anim:active:after, .no-mobile .link--anim:hover:after {
  width: 65%
}
.link--pagination {
  border-bottom: none
}
.mobile .link--pagination:active, .no-mobile .link--pagination:hover {
  color: #D18D6E
}
.button {
  background: #D18D6E;
  border: 1px solid #D18D6E;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  line-height: 1.3em;
  position: relative;
  transition: .3s;
  height: 3.4375rem;
  max-width: 100%;
  padding: 0 1.25rem;
  text-align: center;
  overflow: hidden;
  text-transform: uppercase;
  font-family: Gotham Pro, Arial, sans-serif;
  top: 0
}
.button, .button[href] {
  cursor: pointer
}
.button span {
  display: inline-block
}
.button span + svg {
  margin-left: 10px
}
.button svg {
  width: 1.5625rem;
  height: 1.5625rem;
  fill: #fff;
  transition: .3s
}
.button svg + span {
  margin-left: 10px
}
.mobile .button:active, .no-mobile .button:hover {
  background-color: #2d2d2d;
  border-color: #2d2d2d
}
.button:active {
  top: 5px
}
.button--disabled, .button.is-disabled, .button.slick-disabled, .button[disabled] {
  cursor: not-allowed;
  opacity: .1;
  background-color: #262727;
  border-color: #262727;
  color: #fff
}
.button--disabled svg, .button.is-disabled svg, .button.slick-disabled svg, .button[disabled] svg {
  fill: #fff
}
.mobile .button--disabled:active, .mobile .button.is-disabled:active, .mobile .button.slick-disabled:active, .mobile .button[disabled]:active, .no-mobile .button--disabled:hover, .no-mobile .button.is-disabled:hover, .no-mobile .button.slick-disabled:hover, .no-mobile .button[disabled]:hover {
  background-color: #262727;
  border-color: #262727;
  color: #fff
}
.mobile .button--disabled:active svg, .mobile .button.is-disabled:active svg, .mobile .button.slick-disabled:active svg, .mobile .button[disabled]:active svg, .no-mobile .button--disabled:hover svg, .no-mobile .button.is-disabled:hover svg, .no-mobile .button.slick-disabled:hover svg, .no-mobile .button[disabled]:hover svg {
  fill: #fff
}
.button--disabled:active, .button.is-disabled:active, .button.slick-disabled:active, .button[disabled]:active {
  top: 0
}
.button--icon {
  min-width: 3.4375rem;
  padding: 0
}
.button--small {
  height: 3.125rem;
  font-size: .875rem;
  min-width: 12.5rem
}
.button--small svg {
  width: 1.25rem;
  height: 1.25rem
}
.button--small.button--icon {
  min-width: 3.125rem
}
.button--full {
  width: 100%;
  min-width: 0
}
.button--trans {
  background-color: transparent;
  border-color: #D18D6E;
  color: #3f3f3e
}
.button--trans svg {
  fill: #3f3f3e
}
.button--trans:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #D18D6E;
  transition: height .3s;
  z-index: 1
}
.button--trans span, .button--trans svg {
  position: relative;
  z-index: 2
}
.mobile .button--trans:active, .no-mobile .button--trans:hover {
  background-color: transparent;
  border-color: #D18D6E;
  color: #fff
}
.mobile .button--trans:active svg, .no-mobile .button--trans:hover svg {
  fill: #fff
}
.mobile .button--trans:active:before, .no-mobile .button--trans:hover:before {
  height: 100%
}
.button--trans-light {
  background-color: transparent;
  border-color: #D18D6E;
  color: #fff
}
.button--trans-light svg {
  fill: #fff
}
.button--trans-light:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
/*  background-color: #D18D6E;*/
  transition: height .3s;
  z-index: 1
}
.button--trans-light span, .button--trans-light svg {
  position: relative;
  z-index: 2
}
.mobile .button--trans-light:active, .no-mobile .button--trans-light:hover {
  background-color: transparent;
  border-color: #D18D6E;
  color: #fff
}
.mobile .button--trans-light:active svg, .no-mobile .button--trans-light:hover svg {
  fill: #fff
}
.mobile .button--trans-light:active:before, .no-mobile .button--trans-light:hover:before {
  height: 100%
}
.button--arrow {
  background-color: rgba(38, 39, 39, .05);
  border-color: rgba(38, 39, 39, .05);
  color: #D18D6E
}
.button--arrow svg {
  fill: #D18D6E
}
.mobile .button--arrow:active, .no-mobile .button--arrow:hover {
  background-color: #D18D6E;
  border-color: #D18D6E;
  color: #fff
}
.mobile .button--arrow:active svg, .no-mobile .button--arrow:hover svg {
  fill: #fff
}
.control {
  position: relative;
  display: block
}
.control input:-webkit-autofill, .control textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  -webkit-text-fill-color: #000 !important
}
.control__inner {
  position: relative;
  display: block
}
.control__inner:after, .control__inner:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(63, 63, 62, .6);
  transition: transform .2s ease;
  transform-origin: left;
  will-change: transform
}
.control__inner:before {
  z-index: 1
}
.control__inner:after {
  z-index: 2;
  background-color: #D18D6E;
  transform: scaleX(0)
}
.control__label {
  font-weight: 300;
  cursor: pointer
}
.control__field, .control__label {
  display: block;
  color: #000;
  font-size: 1rem
}
.control__field {
  box-sizing: border-box;
  width: 100%;
  height: 3.125rem;
  padding: 0;
  background-color: #fff;
  border: none;
  font-family: Montserrat, Arial, sans-serif;
  line-height: 3.125rem;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, color .2s ease;
  will-change: border-color, box-shadow
}
.control__field:-ms-input-placeholder {
  color: rgba(63, 63, 62, .6);
  font-size: 1rem;
  transition: color .2s ease;
  will-change: color
}
.control__field::-ms-input-placeholder {
  color: rgba(63, 63, 62, .6);
  font-size: 1rem;
  transition: color .2s ease;
  will-change: color
}
.control__field::placeholder {
  color: rgba(63, 63, 62, .6);
  font-size: 1rem;
  transition: color .2s ease;
  will-change: color
}
.control__field:-webkit-autofill ~ .control__label {
  top: -2px;
  font-size: 12px
}
.control--input .control__label, .control--textarea .control__label {
  position: absolute;
  top: 1.15625rem;
  left: 0;
  z-index: 1;
  transition-property: top, font-size;
  transition-duration: .2s;
  transition-timing-function: ease;
  will-change: top, font-size
}
.control--textarea .control__field {
  min-height: 3.125rem;
  padding: .625rem 0;
  line-height: 1em;
  resize: none
}
.control--select .control__field {
  border-bottom: 1px solid rgba(63, 63, 62, .6);
  padding-right: 38px;
  background-image: url(/static/pic/icon-arrow-bottom-thin.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 1.2rem;
  font-size: 1rem;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0
}
.control--select .control__field::-ms-expand {
  display: none
}
.control--select .control__field option {
  color: #000;
  font-size: 1.1em
}
.control--select .control__field option[disabled] {
  display: none
}
.control--checkbox, .control--radio {
  display: inline-flex;
  justify-content: flex-start;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: hsla(0, 0%, 100%, .01);
  cursor: pointer
}
.control--checkbox .control__field, .control--radio .control__field {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  width: 1px !important;
  margin: -1px;
  padding: 0 !important;
  border: none !important;
  overflow: hidden
}
.control--checkbox .control__icon, .control--radio .control__icon {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid rgba(63, 63, 62, .6);
  transition: border-color .2s ease, background-color .2s ease
}
.control--checkbox .control__icon:after, .control--radio .control__icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  margin: auto;
  transform-origin: center;
  transition: .2s ease
}
.control--checkbox .control__icon + .control__text, .control--radio .control__icon + .control__text {
  padding-left: 10px
}
.control--checkbox .control__text, .control--radio .control__text {
  color: #000;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.3em
}
.control--checkbox .control__text a, .control--radio .control__text a {
  color: #D18D6E;
  text-decoration: underline
}
.control--checkbox .control__text a:hover, .control--radio .control__text a:hover {
  text-decoration: none
}
.control--checkbox .control__field:checked ~ .control__icon {
  background-color: #D18D6E;
  border-color: #D18D6E
}
.control--checkbox .control__field:checked ~ .control__icon:after {
  opacity: 1
}
.control--checkbox .control__icon:after {
  top: -6px;
  width: 8px;
  height: 4px;
  border-color: transparent transparent #fff #fff;
  border-style: solid;
  border-width: 2px;
  transform: rotate(-45deg) skew(-5deg, 0deg);
  opacity: 0
}
.control--radio .control__field:checked ~ .control__icon {
  border-color: #D18D6E
}
.control--radio .control__field:checked ~ .control__icon:after {
  transform: scale(1);
  opacity: 1
}
.control--radio .control__icon {
  border-radius: 50%
}
.control--radio .control__icon:after {
  width: 8px;
  height: 8px;
  border-radius: inherit;
  background-color: #D18D6E;
  transform: scale(.5);
  opacity: 0
}
.control--file .control__item {
  transition: border-color .3s;
  color: #000;
  font-size: 1rem;
  line-height: 3.125rem;
  width: 100%;
  height: 3.125rem;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.control--file .control__item.is-placeholder {
  color: rgba(63, 63, 62, .6)
}
.control--file .control__field {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  z-index: -1
}
.control.has-value.control--input .control__inner:after, .control.has-value.control--textarea .control__inner:after, .control.in-focus.control--input .control__inner:after, .control.in-focus.control--textarea .control__inner:after {
  transform: scaleX(1)
}
.control.has-value.control--input .control__label, .control.has-value.control--textarea .control__label, .control.in-focus.control--input .control__label, .control.in-focus.control--textarea .control__label {
  top: 0;
  font-size: .8125rem;
  line-height: 1em
}
.control.has-value.control--input .control__field, .control.in-focus.control--input .control__field {
  padding-top: .8125rem
}
.control.has-value.control--textarea .control__field, .control.in-focus.control--textarea .control__field {
  padding-top: 1.4375rem
}
.control:-webkit-autofill.control--input .control__inner:after, .control:-webkit-autofill.control--textarea .control__inner:after {
  transform: scaleX(1)
}
.control:-webkit-autofill.control--input .control__label, .control:-webkit-autofill.control--textarea .control__label {
  top: -2px;
  font-size: 12px
}
label.has-error {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: .6875rem;
  background: #fff;
  color: #db402c;
  padding: 4px 8px;
  border: 1px solid;
  margin-top: 5px;
  z-index: 9
}
label.has-error:after, label.has-error:before {
  bottom: 100%;
  left: .625rem;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}
label.has-error:after {
  border-color: transparent transparent #fff;
  border-width: 4px;
  margin-left: -4px
}
label.has-error:before {
  border-color: transparent transparent #db402c;
  border-width: 5px;
  margin-left: -5px
}
.range-input {
  display: block;
  position: relative
}
.range-input__value {
  width: 100%;
  height: 3.125rem;
  padding: 0 .5rem 0 2rem;
  border: 1px solid #dee2e6;
  font-size: 1rem
}
.range-input__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .5rem;
  font-size: 1rem;
  color: #cbcbcb
}
.form {
  text-align: left;
  box-sizing: border-box;
  position: relative
}
.form > * {
  transition-property: opacity, filter;
  transition-duration: .2s;
  transition-timing-function: ease;
  will-change: opacity, filter
}
.form.is-pending:after, .form.is-pending:before {
  box-sizing: inherit;
  content: "";
  position: absolute;
  z-index: 4;
  display: block;
  border: 4px solid #D18D6E;
  border-radius: 50%
}
.form.is-pending:before {
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  border-left-color: rgba(55, 170, 68, .001);
  border-bottom-width: 0;
  animation: rotating 1s cubic-bezier(.42, .61, .58, .41) infinite
}
.form.is-pending:after {
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-right-width: 0;
  border-top-color: rgba(55, 170, 68, .001);
  animation: rotating 1s cubic-bezier(.42, .61, .58, .41) infinite reverse
}
.form.is-pending > * {
  opacity: .3;
  pointer-events: none;
  filter: grayscale(1)
}
@keyframes rotating {
  0% {
    transform: rotate(0deg) translateZ(0)
  }
  to {
    transform: rotate(1turn) translateZ(0)
  }
}
.form--light .control__field {
  background-color: transparent;
  color: #fff
}
.form--light .control__inner input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #000 !important;
  -webkit-text-fill-color: #fff !important
}
.form--light .control__inner:before {
  background-color: hsla(0, 0%, 100%, .5)
}
.form--light .control__label {
  color: hsla(0, 0%, 100%, .5)
}
.form--light .control__text {
  color: #fff
}
.form-hidden {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
.scroll-up {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 50
}
.scroll-up__button {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s
}
.scroll-up__button.is-show {
  opacity: 1;
  visibility: visible
}
.global-msg {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  clear: both;
  font-size: 14px;
  line-height: 1.3em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  padding: 0;
  margin: 0;
  border-width: 0
}
.global-msg--top {
  top: 0
}
.global-msg--bottom {
  bottom: 0
}
.global-msg__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}
.global-msg__input:checked + .global-msg__container {
  display: none
}
.global-msg__container {
  padding: .75em 1.5em;
  background-color: #3f3f3e;
  color: #fff
}
.global-msg__container:after, .global-msg__container:before {
  content: "";
  display: table
}
.global-msg__container:after {
  clear: both
}
.global-msg__close {
  display: block;
  float: right;
  width: 1em;
  height: 1em;
  font-size: 3em;
  line-height: 1;
  margin-left: .5em;
  text-align: center;
  cursor: pointer
}
.global-msg__close:hover {
  background-color: rgba(0, 0, 0, .075)
}
.global-msg__close:active {
  background-color: rgba(0, 0, 0, .15)
}
.global-msg__content {
  overflow: hidden
}
.global-msg__content p {
  margin: .5em 0
}
.global-msg__content b {
  font-weight: 700
}
img[data-zzload-source-img] {
  opacity: 0;
  transition: opacity .3s
}
img[data-zzload-source-img][data-zzload-is-loaded] {
  opacity: 1;
  width: auto
}
.wstabs-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.wstabs-button.is-active {
  cursor: default
}
.wstabs-button.is-disabled, .wstabs-button:disabled {
  cursor: not-allowed
}
.wstabs-block:not(.is-active) {
  display: none
}
.draggable-table {
  position: relative;
  overflow: hidden
}
.draggable-table__holder {
  cursor: auto !important;
  -webkit-user-select: initial !important;
  -moz-user-select: initial !important;
  -ms-user-select: initial !important;
  user-select: initial !important
}
.draggable-table--left .draggable-table__holder, .draggable-table--right .draggable-table__holder {
  cursor: move !important
}
.draggable-table:after, .draggable-table:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.5rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
  z-index: 99
}
.draggable-table:before {
  right: 100%;
  box-shadow: 10px 0 8px -6px #bfbfbf
}
.draggable-table:after {
  left: 100%;
  box-shadow: -10px 0 8px -6px #bfbfbf
}
.draggable-table--left:before, .draggable-table--right:after {
  opacity: .3
}
@page {
  margin: .5cm 1cm
}
.ratio {
  position: relative
}
.ratio--1x1 {
  padding-top: 100%
}
.ratio--16x9 {
  padding-top: 56.25%
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.wysiwyg {
  color: #000;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7em;
  margin: 20px 0;
  position: relative;
  transform: translateZ(0);
  max-height: 395px;
  overflow-y: auto;
  padding: 0 20px 0 0
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  font-weight: 700;
  font-family: Gotham Pro, Arial, sans-serif;
  margin: .5em 0
}
.wysiwyg h1 {
  font-size: 2.5rem;
  line-height: 1.1em
}
.wysiwyg h1 span {
  display: block;
  font-size: 1.5rem
}
.wysiwyg h2 {
  font-size: 1.875rem;
  line-height: 1.2em
}
.wysiwyg h3 {
  font-size: 1.5rem;
  line-height: 1.2em
}
.wysiwyg h4 {
  font-size: 1.375rem;
  line-height: 1.2em
}
.wysiwyg h5 {
  font-size: 1.25rem;
  line-height: 1.2em
}
.wysiwyg h6 {
  font-size: 1.125rem;
  line-height: 1.3em
}
.wysiwyg ol, .wysiwyg ul {
  margin: 1.5em 0
}
.wysiwyg ul {
  padding-left: 20px;
  list-style-type: disc
}
.wysiwyg ul:not([style*=list-style]) {
  list-style-image: url(/public/site/static/images/icons/icon-ellipse.svg)
}
.wysiwyg ol {
  padding-left: 40px;
  list-style-type: decimal
}
.wysiwyg dd {
  margin-left: 2em
}
.wysiwyg dt {
  font-weight: 700
}
.wysiwyg dd + dt {
  margin-top: .5em
}
.wysiwyg b, .wysiwyg strong {
  font-weight: 900
}
.wysiwyg ins, .wysiwyg u {
  text-decoration: underline
}
.wysiwyg address, .wysiwyg caption, .wysiwyg cite, .wysiwyg dfn, .wysiwyg em, .wysiwyg i:not(.fa), .wysiwyg var {
  font-style: italic
}
.wysiwyg address, .wysiwyg dl, .wysiwyg hr, .wysiwyg p, .wysiwyg pre {
  margin: 1.5em 0
}
.wysiwyg hr {
  clear: both;
  border-top: 1px solid #adb5bd
}
.wysiwyg :first-child {
  margin-top: 0
}
.wysiwyg :last-child {
  margin-bottom: 0
}
.wysiwyg p:empty {
  display: none
}
.wysiwyg a:not(.button)[href] {
  color: #D18D6E;
  text-decoration: underline
}
.wysiwyg a:not(.button)[href]:hover {
  text-decoration: none
}
.wysiwyg abbr[title], .wysiwyg dfn[title] {
  text-decoration: none;
  border-bottom: 1px dotted;
  cursor: help
}
.wysiwyg blockquote {
  padding-left: 1.25rem;
  border-left: 4px solid #D18D6E
}
.wysiwyg :not(pre) > code, .wysiwyg kbd, .wysiwyg samp {
  font-family: monospace;
  padding: .1em 6px;
  white-space: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  text-align: left;
  background-color: #f5f5f6
}
.wysiwyg table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #e9ecef
}
.wysiwyg caption {
  padding: .5em;
  caption-side: top;
  border-left: 1px solid #e9ecef;
  border-right: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef
}
.wysiwyg tbody, .wysiwyg td, .wysiwyg tfoot, .wysiwyg th, .wysiwyg thead, .wysiwyg tr {
  border: inherit
}
.wysiwyg td, .wysiwyg th {
  padding: 1em 1.5em;
  text-align: left;
  vertical-align: top
}
.wysiwyg th {
  font-weight: 400;
  background-color: rgba(51, 51, 50, .04)
}
.wysiwyg .table-null {
  background-color: transparent
}
.wysiwyg .table-null caption {
  border-left: none;
  border-right: none;
  border-top: none
}
.wysiwyg .table-null, .wysiwyg .table-null td, .wysiwyg .table-null th {
  border-color: transparent
}
.wysiwyg .table-null th {
  background: 0 0
}
.wysiwyg .table-zebra tbody tr:nth-child(odd) {
  background-color: #e9ecef
}
.wysiwyg .table-2-columns {
  width: 100%
}
.wysiwyg .table-2-columns td {
  width: 100%;
  float: left;
  box-sizing: border-box
}
.wysiwyg .table-3-columns {
  width: 100%
}
.wysiwyg .table-3-columns td {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0
}
.wysiwyg .table-4-columns {
  width: 100%
}
.wysiwyg .table-4-columns td {
  width: 100%;
  float: left;
  box-sizing: border-box;
  vertical-align: top
}
.wysiwyg iframe {
  border-width: 0
}
.wysiwyg img {
  display: inline
}
.wysiwyg img.is-full {
  display: block;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important
}
.wysiwyg audio {
  width: 100%
}
.wysiwyg audio[controls] {
  display: block
}
.wysiwyg figure {
  margin-left: 0;
  margin-right: 0;
  padding: 1rem;
  text-align: center;
  border: 1px solid #e9ecef;
  box-sizing: border-box
}
.wysiwyg figure p {
  margin: 0
}
.wysiwyg figcaption {
  padding-top: .5rem;
  font-style: italic
}
.wysiwyg__youtube {
  cursor: pointer;
  margin: 1.5em 0;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%
}
.wysiwyg__youtube:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .1);
  height: 100%;
  transition: opacity .3s ease
}
.wysiwyg__youtube:hover:after {
  opacity: .2
}
.wysiwyg__youtube:active:after [data-menu-wrapper] {
  opacity: 0
}
.wysiwyg__youtube svg {
  position: absolute;
  top: 50%;
  left: 50%;
  fill: red;
  width: 98px;
  height: 68px;
  z-index: 1;
  transform: translate(-50%, -50%)
}
.wysiwyg__youtube img {
  width: 100%;
  display: block
}
.wysiwyg--about {
  max-height: 100%;
  overflow: initial
}
.header {
  height: 3.75rem;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10
}
.header:before {
  height: 0;
  top: 0;
  background-color: #fff;
  transition: height .2s linear;
  z-index: 1;
  transform: translateZ(1px)
}
.header:after, .header:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0
}
.header:after {
  height: 1px;
  bottom: 0;
  background-color: transparent;
  transform: translateZ(3px)
}
.header:after, .header__container {
  transition: background-color .2s linear;
  z-index: 2
}
.header__container {
  position: relative;
  transform: translateZ(2px)
}
.header__show {
  display: none
}
.header--dark, .is-scroll-up .header {
  background-color: #262727eb
}
.header--light:after {
  background-color: hsla(0, 0%, 100%, .2)
}
.header.is-light:before {
  height: 100%
}
.header.is-light:after {
  background-color: rgba(63, 63, 62, .2)
}
.is-scroll-up .header--light:after {
  background-color: #000
}
.header.is-search .header__hide {
  display: none
}
.header.is-search .header__show {
  display: block
}
.header-button {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}
.header-button svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: hsla(0, 0%, 100%, .8);
  transition: fill .3s
}
.header-button:hover svg {
  fill: #fff
}
.is-light .header-button svg {
  fill: rgba(38, 39, 39, .6)
}
.is-light .header-button:hover svg {
  fill: #262727
}
.footer {
  background-color: #262727
}
.footer__top {
  padding: 2rem 0
}
.footer__bottom {
  display: flex;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 100%, .2);
  padding: 1.875rem 0
}
.footer__title {
  font-family: Gotham Pro, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.3125rem;
  color: #fff;
  margin-bottom: 1.25rem
}
.footer__list + .footer__list {
  position: relative;
  padding-top: 1.25rem;
  margin-top: 1.25rem
}
.footer__list + .footer__list:before {
  content: "";
  width: 6.8125rem;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: hsla(0, 0%, 100%, .2)
}
.footer__item {
  margin-bottom: .9375rem
}
.footer__link {
  font-size: 1rem;
  color: hsla(0, 0%, 100%, .8);
  transition: color .3s
}
.footer__link:hover {
  color: #fff
}
.footer__link--bold {
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff
}
.footer__copyright, .footer__wezom {
  color: hsla(0, 0%, 100%, .6);
  font-size: 1rem
}
.footer__wezom a {
  display: inline-block;
  width: 3.6875rem;
  height: 1.3125rem;
  margin-left: 5px;
  vertical-align: middle
}
.footer__wezom a svg {
  fill: #fff;
  transition: fill .3s
}
.footer__wezom a:hover svg {
  fill: #db402c
}
.title {
  color: #282826;
  font-weight: 700;
  font-family: Gotham Pro, Arial, sans-serif
}
.title--h1 {
  font-size: 2.5rem;
  line-height: 1.1em
}
.title--h1 span {
  display: block;
  font-size: 1.5rem
}
.title--h2 {
  font-size: 1.875rem;
  line-height: 1.2em
}
.title--h3 {
  font-size: 1.5rem;
  line-height: 1.2em
}
.title--h4 {
  font-size: 1.375rem;
  line-height: 1.2em
}
.title--h5 {
  font-size: 1.25rem;
  line-height: 1.2em;
	text-transform: uppercase;
}
.title--h6 {
  font-size: 1.125rem;
  line-height: 1.3em
}
.logo {
  display: flex;
  align-items: center;
  height: 3.75rem
}
.logo img {
  max-height: 1.375rem;
  width: auto
}
.is-light .logo .logo__white, .logo__gray {
  display: none
}
.is-light .logo .logo__gray {
  display: block
}
.breadcrumbs {
  display: flex
}
.breadcrumbs__item {
  display: block
}
.breadcrumbs__item:not(:nth-last-child(2)) {
  display: none
}
.breadcrumbs__item--last {
  flex: 1 1 0%;
  overflow: hidden
}
.breadcrumbs__link {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap
}
.breadcrumbs__link--link {
  display: block;
  color: hsla(0, 0%, 100%, .5);
  text-decoration: none;
  margin-left: 2.5rem;
  transition: .3s
}
.breadcrumbs__link--link:after {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: -1.25rem;
  pointer-events: none;
  background-color: hsla(0, 0%, 100%, .5)
}
.breadcrumbs__link--link:active, .breadcrumbs__link--link:hover {
  color: #D18D6E;
  text-decoration: underline
}
.breadcrumbs__link--last {
  max-width: 100%;
  color: hsla(0, 0%, 100%, .5);
  overflow: hidden;
  text-overflow: ellipsis
}
.breadcrumbs--dark .breadcrumbs__link--link {
  color: rgba(63, 63, 62, .5)
}
.breadcrumbs--dark .breadcrumbs__link--link:after {
  background-color: rgba(63, 63, 62, .5)
}
.breadcrumbs--dark .breadcrumbs__link--link:active, .breadcrumbs--dark .breadcrumbs__link--link:hover {
  color: #D18D6E
}
.breadcrumbs--dark .breadcrumbs__link--last {
  color: rgba(63, 63, 62, .5)
}
.box {
  background-color: #f5f5f6;
  padding: 1.25rem;
  margin-bottom: 2px
}
.box, .new {
  position: relative
}
.new {
  width: 100%
}
.new__img {
  max-width: 100%;
  height: auto
}
.new__inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 4.6875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, .3)
}
.new-label {
  width: 95px;
  height: 95px;
  position: fixed;
  bottom: 215px;
  left: 2%;
  cursor: pointer;
  z-index: 20;
  border-radius: 50%;
  transition: transform .3s ease;
  display: none
}
.new-label:active {
  transform: scale(1.1)
}
.new-label__img {
  width: 100%;
  height: 100%;
  max-width: 80px;
  max-height: 80px
}
.new-label__img, .new-label__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.new-label__text {
  color: #fff;
  font-size: 10px
}
.main-menu__list {
  display: flex
}
.main-menu__item {
  padding: 0 .625rem
}
.main-menu__link {
  color: hsla(0, 0%, 100%, .8);
  font-size: .875rem;
  transition: color .3s, border-color .3s;
  cursor: pointer;
  height: 3.75rem;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent
}
.main-menu__link:hover {
  color: #fff
}
.main-menu__link.is-active {
  border-color: #D18D6E
}
.main-menu__container {
  position: absolute;
  top: 6.25rem;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, #f4f4f4, #eee);
  padding: 2.5rem 0
}
.main-menu__sublist {
  margin: 0 -.625rem -1.25rem;
  display: flex;
  flex-wrap: wrap
}
.main-menu__subitem {
  padding: 0 .625rem 1.25rem;
  width: 20%
}
.main-menu__sublink {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: left;
    min-height: 6rem;
    color: #3f3f3e;
    transition: color .3s;
    position: relative;
}
.main-menu__sublink:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #D18D6E;
  transition: height .3s
}
.main-menu__sublink img {
      width: fit-content;
    height: auto;
    margin-bottom: 1.175rem;
}
.main-menu__sublink span {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.main-menu__sublink:hover {
  color: #D18D6E
}
.main-menu__sublink:hover:after {
  height: 1px;
	width: 25%;
}
.main-menu__button {
  padding: 0 1.875rem;
  background-color: #eee;
  position: relative;
  z-index: 2
}
.main-menu__footer {
  margin-top: 3.75rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.main-menu__footer:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(63, 63, 62, .2);
  z-index: 1
}
.main-menu__footer > li:first-child {
  padding-left: 0
}
.main-menu__footer > li:last-child {
  padding-right: 0
}
.is-light .main-menu__link {
  color: rgba(38, 39, 39, .6)
}
.is-light .main-menu__link:hover {
  color: #262727
}
.is-light .main-menu .is-open .main-menu__link {
  color: #262727;
  border-color: #D18D6E
}
.languages {
  font-size: 12px;
  text-transform: uppercase;
  position: relative
}
.languages__list {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 100%;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease, visibility 0s ease .4s
}
.languages__link {
  padding: 5px 7px;
  color: hsla(0, 0%, 100%, .8);
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  cursor: pointer
}
.languages__link span {
  position: relative;
  z-index: 1;
  white-space: nowrap
}
.languages__link i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  transition: width .35s;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1);
  font-style: normal;
  color: #D18D6E
}
.languages__link:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 0;
  transform: translate3d(102%, 0, 0);
  transition: transform .35s cubic-bezier(.7, 0, .3, 1);
  background-color: #fff
}
.languages__link:hover i {
  width: 100%
}
.languages__link:hover:after {
  transform: translateZ(0)
}
.languages:hover .languages__list {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease, visibility 0s ease 0s
}
.is-light .languages .languages__link {
  color: #262727
}
.is-light .languages .languages__link i {
  color: #fff
}
.is-light .languages .languages__link:after {
  background-color: #D18D6E
}
.call {
  text-transform: uppercase
}
.call, .call__icon {
  display: flex;
  align-items: center
}
.call__icon {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, .8);
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: .3s
}
.call__icon svg {
  width: .9375rem;
  height: .9375rem;
  transition: .3s;
  fill: hsla(0, 0%, 100%, .8)
}
.call__icon:hover {
  border-color: #fff
}
.call__icon:hover svg {
  fill: #fff
}
.call__content {
  margin-left: .625rem
}
.call__link {
  display: block;
  font-size: .9375rem;
  font-weight: 700;
  color: hsla(0, 0%, 100%, .8);
  margin-bottom: 5px;
  cursor: pointer;
  transition: color .3s;
  letter-spacing: .03em
}
.call__link:hover {
  color: #fff
}
.call__text {
  font-size: 10px;
  color: hsla(0, 0%, 100%, .8);
  letter-spacing: .05em;
  cursor: pointer;
  transition: color .3s
}
.call__text:hover {
  color: #fff
}
.is-light .call .call__icon {
  border-color: rgba(38, 39, 39, .6)
}
.is-light .call .call__icon svg {
  fill: rgba(38, 39, 39, .6)
}
.is-light .call .call__icon:hover {
  border-color: #262727
}
.is-light .call .call__icon:hover svg {
  fill: #262727
}
.is-light .call .call__link {
  color: rgba(38, 39, 39, .6)
}
.is-light .call .call__link:hover {
  color: #262727
}
.is-light .call .call__text {
  color: rgba(38, 39, 39, .6)
}
.is-light .call .call__text:hover {
  color: #262727
}
.call-mobile {
  position: relative
}
.call-mobile__phone-num {
  display: inline-block;
  color: #fff;
  border-bottom: 2px solid transparent;
  transition: border .1s ease;
  opacity: 0;
  padding: .3rem 0
}
.call-mobile__phone-num:hover {
  border-color: #38aa44
}
.call-mobile__phone-list {
  padding: 0;
  background-color: #000;
  position: absolute;
  top: 140%;
  right: 0;
  min-width: 180px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  height: 0;
  transition: opacity .5s ease
}
.call-mobile:hover .call-mobile__phone-list {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  height: auto;
  padding: 1rem
}
.call-mobile:hover .call-mobile__phone-num {
  opacity: 1
}
.search-block__container {
  position: absolute;
  top: 3.75rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 3.75rem);
  background-color: #fff;
  padding: 2.5rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center
}
.search-block__close {
  display: none
}
.search-block__content {
  width: 844px;
  max-width: 100%
}
.search-block__button {
  width: 20px;
  height: 3.125rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}
.search-block__button svg {
  width: 20px;
  height: 20px;
  fill: #3f3f3e;
  transition: .3s
}
.search-block__button:hover svg {
  fill: #D18D6E
}
.search-block__field {
  width: 100%;
  height: 3.125rem;
  padding-left: 30px;
  border-bottom: 1px solid #3f3f3e;
  font-size: 1.125rem;
  color: #3f3f3e;
  font-family: Montserrat, Arial, sans-serif;
  transition: border-color .2s ease, color .2s ease
}
.search-block__field:-ms-input-placeholder {
  color: rgba(63, 63, 62, .6)
}
.search-block__field::-ms-input-placeholder {
  color: rgba(63, 63, 62, .6)
}
.search-block__field::placeholder {
  color: rgba(63, 63, 62, .6)
}
.search-block__field:focus {
  border-color: #D18D6E
}
.search-block__text {
  color: rgba(63, 63, 62, .3);
  font-size: .875rem;
  margin-top: .9375rem
}
.is-search .search-block .search-block__icon {
  display: none
}
.is-search .search-block .search-block__close {
  display: flex
}
.mobile-menu__container {
  position: absolute;
  top: 3.75rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 3.75rem);
  background-color: #fff;
  overflow-x: hidden
}
.mobile-menu__block {
  padding: 2.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}
.mobile-menu__close {
  display: none
}
.mobile-menu__text {
  font-size: 1rem;
  transition: color .3s;
  cursor: pointer;
  color: #262727;
  text-transform: uppercase
}
.mobile-menu__text--bold {
  font-weight: 700
}
.mobile-menu__link {
  font-size: 1.5rem;
  transition: color .3s;
  cursor: pointer;
  color: #262727;
  text-transform: uppercase
}
.mobile-menu__link.is-active {
  color: #D18D6E
}
.mobile-menu__link--bold {
  font-weight: 700
}
.mobile .mobile-menu__link:active, .no-mobile .mobile-menu__link:hover {
  color: #D18D6E
}
.mobile-menu__sublink {
  font-size: .875rem;
  transition: color .3s;
  cursor: pointer;
  color: #262727
}
.mobile-menu__sublink.is-active, .mobile .mobile-menu__sublink:active, .no-mobile .mobile-menu__sublink:hover {
  color: #D18D6E
}
.mobile-menu__item {
  padding: .625rem 0
}
.mobile-menu__item--catalog {
  position: relative
}
.mobile-menu__item--catalog:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: -12px;
  border-color: #262727 transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0;
  margin-left: -6px;
  margin-top: -3px;
  width: 0;
  height: 0;
  transition: border-color .3s
}
.mobile-menu__item--catalog.is-open:after {
  transform: rotate(180deg);
  border-color: #D18D6E transparent transparent
}
.mobile-menu__item--catalog.is-open .mobile-menu__link {
  color: #D18D6E
}
.mobile-menu__list--inline {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.625rem -1.25rem
}
.mobile-menu__list--inline .mobile-menu__item {
  padding: 0 .625rem 1.25rem
}
.is-mobile .mobile-menu .mobile-menu__icon {
  display: none
}
.is-mobile .mobile-menu .mobile-menu__close {
  display: flex
}
.social {
  display: inline-flex;
  margin: 0 -1rem
}
.social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, .6);
  flex-shrink: 0;
  margin: 0 1rem;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer
}
.social__link svg {
  width: 1rem;
  height: 1rem;
  fill: #fff;
  transition: .3s
}
.social__link:hover {
  background-color: #fff;
  border-color: #fff
}
.social__link:hover svg {
  fill: #3f3f3e
}
.social--trans .social__link {
  border: none;
  margin: 0
}
.social--trans .social__link:hover {
  background-color: transparent
}
.social--trans .social__link:hover svg {
  fill: #D18D6E
}
.sitemap {
  position: relative;
  font-size: 1rem
}
.sitemap ul {
  list-style: none;
  padding: 0 0 0 2em;
  margin: 0
}
.sitemap > ul {
  padding: 0;
  margin: 1em 0;
  position: relative;
  overflow: hidden
}
.sitemap > ul > li > ul {
  padding-left: 0
}
.sitemap > ul ul {
  list-style: none;
  padding: 0 0 0 2em;
  margin: 0
}
.sitemap > ul ul li {
  position: relative;
  margin: .1em 0;
  background-color: rgba(245, 245, 246, .5)
}
.sitemap > ul ul li:last-child > a:only-child:before {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAxNCc+PHBhdGggc3Ryb2tlPScjMDA0ZDJhJyBzdHJva2Utd2lkdGg9Jy42JyBkPSdNOCAwdjcuM004IDdoMTAnLz48L3N2Zz4=)
}
.sitemap > ul ul li a {
  position: relative;
  padding-left: 2.5em
}
.sitemap > ul ul li a:after, .sitemap > ul ul li a:before {
  content: "";
  position: absolute;
  top: .2em;
  width: 1600px;
  height: 1.4em;
  text-align: right;
  background: repeat-x 100%
}
.sitemap > ul ul li a:before {
  left: 0;
  width: 2em;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAxNCc+PHBhdGggc3Ryb2tlPScjMDA0ZDJhJyBzdHJva2Utd2lkdGg9Jy42JyBkPSdNOCAxdjEyTTggN2gxMCcvPjwvc3ZnPg==)
}
.sitemap > ul ul li a:after {
  right: 100%;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAxNCc+PHBhdGggc3Ryb2tlPScjMDA0ZDJhJyBzdHJva2Utd2lkdGg9Jy42JyBkPSdNOCAwdjVNOCA5djUnLz48L3N2Zz4=)
}
.sitemap > ul ul li a:hover:after, .sitemap > ul ul li a:hover:before {
  filter: contrast(10)
}
.sitemap > ul ul li:hover {
  background-color: rgba(40, 139, 51, .5)
}
.sitemap li {
  list-style: none;
  line-height: 1.4em
}
.sitemap a {
  padding: .3em 1em .3em .5em;
  display: block;
  text-decoration: none;
  color: #D18D6E;
  background: #f5f5f6
}
.sitemap a:hover {
  color: #fff;
  background-color: #2d2d2d
}
.shadow-link {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
  height: 0;
  padding-bottom: 100%
}
.shadow-link__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}
.shadow-link__image img {
  width: 100% !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform .7s
}
.shadow-link__content {
  position: relative;
  text-align: center
}
.shadow-link__icon {
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translateY(-50%)
}
.shadow-link__icon svg {
  width: 70px;
  height: 90px;
  stroke: #c0c0c0;
  stroke-dasharray: 350, 0;
  transition: 1s
}
.shadow-link__name {
  font-family: Gotham Pro, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #fff
}
.mobile .shadow-link:active .shadow-link__image img, .no-mobile .shadow-link:hover .shadow-link__image img {
  transform: translate(-50%, -50%) scale(1.1)
}
.mobile .shadow-link:active .shadow-link__icon svg, .no-mobile .shadow-link:hover .shadow-link__icon svg {
  stroke-dasharray: 20, 270;
  stroke-dashoffset: 35
}
.shadow-link__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: rgba(20, 29, 25, .55);
  z-index: 2
}
.shadow-link__button {
  display: flex;
  min-width: 9.25rem;
  max-width: 9.25rem;
  margin: 0 auto
}
.shadow-link__right {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}
.shadow-link--small .shadow-link__name {
  font-weight: 600;
  font-size: .875rem
}
.share__text {
  font-weight: 500;
  font-size: 1.125rem;
  color: #262727
}
.pagination {
  padding-top: 1.875rem
}
.pagination__text {
  display: inline-block;
  font-weight: 600;
  font-size: 1.125rem;
  color: #262727;
  padding: .625rem
}
.pagination__text--select {
  color: #D18D6E
}
.pagination__link {
  display: inline-block;
  font-weight: 600;
  font-size: 1.125rem;
  color: #D18D6E;
  padding: .625rem;
  transition: .3s
}
.pagination__link:hover {
  color: #2d2d2d
}
.label-block {
  display: flex
}
.label-block__icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  margin-top: .625rem
}
.label-block__icon svg {
  fill: #262727
}
.label-block__content {
  padding-left: 1.5rem
}
.label-block__name {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #262727
}
.label-block__text {
  font-size: 1rem;
  line-height: 1.625rem;
  color: rgba(38, 39, 39, .6)
}
.text-moving {
  width: 100%;
  position: relative
}
.text-moving__container {
  display: inline-block
}
.text-moving__container img {
  max-width: 600px
}
.product-param {
  display: flex
}
.product-param__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #D18D6E;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px
}
.product-param__icon:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #D18D6E
}
.product-param__icon:after {
  content: "";
  width: 18px;
  height: 1px;
  background-color: #D18D6E;
  position: absolute;
  top: 50%;
  left: 50%
}
.product-param__content {
  padding-left: 1.0625rem
}
.product-param__name {
  color: rgba(38, 39, 39, .5)
}
.product-param__name, .product-param__text {
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.25rem
}
.product-param__text, .product-param__text a {
  color: #262727
}
.price {
  font-size: 1.125rem;
  color: #fff;
  text-transform: lowercase;
  padding-top: 10px
}
.price b {
  font-weight: 700;
  font-size: 1.5rem;
  color: #c0c0c0
}
.price--dark {
  color: #262727
}
.price--dark b {
  color: #D18D6E
}
.news-item__image {
  height: 0;
  padding-bottom: 71.25307%;
  position: relative;
  margin-bottom: 1.875rem
}
.news-item__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer
}
.news-item__inner img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  transition: .7s
}
.mobile .news-item__inner:active img, .no-mobile .news-item__inner:hover img {
  transform: translate(-50%, -50%) scale(1.1)
}
.news-item__date {
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(38, 39, 39, .5);
  display: flex;
  align-items: center
}
.news-item__date:before {
  content: "";
  width: 1.875rem;
  height: 2px;
  background-color: #D18D6E;
  flex-shrink: 0;
  margin-right: 10px
}
.news-item__text {
  font-size: .875rem;
  line-height: 1.5em;
  color: #3f3f3e
}
.news-item__title {
  display: block;
  cursor: pointer;
  transition: .3s
}
.mobile .news-item__title:active, .no-mobile .news-item__title:hover {
  color: #D18D6E
}
.review-item {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 98.2801%
}
.review-item__image {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.review-item__image img {
  width: 100% !important;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.no-mobile .review-item__image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 29, 25, .1);
  transition: .3s
}
.no-mobile .review-item__image:hover:after {
  background-color: transparent
}
.text-image img {
  width: 100%
}
.tag {
  background-color: rgba(55, 170, 68, .2);
  padding: 7px 10px 5px;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #3f3f3e;
  display: inline-block
}
.contact__name {
  display: block;
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.5em;
  color: rgba(38, 39, 39, .5)
}
.contact__value {
  display: block;
  font-weight: 600;
  font-size: 1.125rem;
  color: #262727;
  line-height: 1.7em
}
.contact__value b {
  font-weight: 400;
  color: rgba(38, 39, 39, .5)
}
.contact__value[href] {
  transition: .3s
}
.contact__value[href]:hover {
  color: #D18D6E
}
.map {
  height: 25rem
}
.map-info {
  padding: .625rem;
  font-family: Gotham Pro, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  text-align: center;
  color: #262727
}
.process-item {
  height: 18.75rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}
.process-item__link {
  background: linear-gradient(180deg, rgba(20, 29, 25, .4) 29.64%, rgba(20, 29, 25, .9));
  position: relative;
  width: 100%;
  height: 100%
}
.process-item__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem
}
.process-item__number {
  font-family: Gotham Pro, Arial, sans-serif;
  color: #D18D6E;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 10px;
  vertical-align: middle
}
.process-item__number:before {
  content: "";
  width: 1.875rem;
  height: 2px;
  background-color: #D18D6E;
  margin-right: .9375rem;
  display: inline-block;
  vertical-align: middle
}
.process-item__name {
  font-weight: 700;
  font-size: 1.2525rem;
  color: #fff;
  margin-bottom: 10px;
  font-family: Gotham Pro, Arial, sans-serif;
  padding: 0 .625rem
}
.process-item__desc {
  font-size: .875rem;
  line-height: 1.375rem;
  color: #fff;
  padding: 0 .625rem
}
.process-item__bottom {
  height: 3.4375rem;
  display: flex;
  align-items: flex-end
}
.process-item__phones {
  margin: 0 -.625rem
}
.process-item__phone {
  font-weight: 600;
  font-size: 1.125rem;
  color: #fff;
  transition: .3s;
  margin: 0 .625rem
}
.process-item__phone:hover {
  color: #D18D6E
}
.parallax-image {
  background: #3f3f3e;
  position: relative
}
.parallax-image, .parallax-image__container {
  height: 0;
  padding-bottom: 100%;
  overflow: hidden
}
.parallax-image__container {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.parallax-image__container img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100% !important
}
.parallax-image__container:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #141d19;
  opacity: .15
}
.parallax-number {
  position: absolute;
  bottom: 0;
  right: .625rem;
  font-family: Gotham Pro, Arial, sans-serif;
  font-weight: 700;
  font-size: 200px;
  line-height: 1.5em;
  height: 1.5em;
  color: #f9f9f9;
  text-shadow: 0 15px 50px rgba(0, 0, 0, .15);
  transform: translateY(20%)
}
.parallax-number__container {
  font-size: inherit;
  line-height: .75em;
  height: .75em
}
.overlay {
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.25rem;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow: hidden;
  animation: overlay .5s ease-out 2s forwards
}
.overlay__wrap {
  width: 300px;
  height: 75px;
  max-width: 100%;
  position: relative
}
.overlay__container {
  width: 100%;
  animation: overlay-content .5s ease-out 1.5s forwards;
  overflow: hidden
}
.overlay__container, .overlay__content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%
}
.overlay__content {
  width: 300px
}
.overlay__logo-1 {
  display: flex;
  justify-content: flex-start;
  width: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 1s linear;
  animation: overlay-logo-1 1s ease-out .5s forwards
}
.overlay__logo-1 img {
  max-width: none;
  width: 300px
}
.overlay__logo-2 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transition: 1s linear;
  animation: overlay-logo-2 1s ease-out .5s forwards
}
.overlay__logo-2 img {
  max-width: none;
  width: 300px
}
@keyframes overlay-logo-1 {
  0% {
    width: 0
  }
  to {
    width: 100%
  }
}
@keyframes overlay-logo-2 {
  0% {
    width: 100%
  }
  to {
    width: 0
  }
}
@keyframes overlay-content {
  0% {
    width: 100%
  }
  to {
    width: 0
  }
}
@keyframes overlay {
  0% {
    height: 100%
  }
  to {
    height: 0
  }
}
.scroll-down {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer
}
.scroll-down span {
  font-size: .875rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #fff;
  font-weight: 600;
  font-family: Gotham Pro, Arial, sans-serif;
  margin-bottom: 10px;
  transition: .3s
}
.scroll-down svg {
  width: 20px;
  height: 20px;
  fill: #D18D6E
}
.scroll-down i {
  width: 2px;
  height: 5.8125rem;
  display: inline-block;
  position: relative;
  background-color: #c4c4c4;
  overflow: hidden
}
.scroll-down i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top center;
  animation: scroll-move 1.5s linear infinite;
  height: 50%;
  width: 100%;
  z-index: 2;
  background-color: #D18D6E
}
.scroll-down:hover span {
  color: #D18D6E
}
.scroll-down--next {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%)
}
.scroll-down--next span {
  margin-bottom: 2px;
  color: #3f3f3e
}
@keyframes scroll-move {
  0% {
    transform: translateY(0) scaleY(0)
  }
  10% {
    transform: translateY(0) scaleY(.5)
  }
  30% {
    transform: translateY(50%) scaleY(1)
  }
  45% {
    transform: translateY(200%) scaleY(.5)
  }
  55% {
    transform: translateY(200%) scaleY(0)
  }
  to {
    transform: translateY(200%) scaleY(0)
  }
}
.is-light .header-call__item svg {
  fill: rgba(38, 39, 39, .6)
}
.header-call {
  justify-content: center;
  flex-direction: row;
  width: 3.125rem;
  height: 3.125rem
}
.header-call__item {
  width: 28px
}
.header-call__item:hover svg {
  fill: #fff
}
.header-call__item svg {
  fill: hsla(0, 0%, 100%, .8);
  transition: fill .3s
}
.index-video {
  position: relative;
  height: 400px;
  overflow: hidden
}
.index-video__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #3f3f3e;
  left: 0
}
.index-video__bg video {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-width: 100%;
  width: auto;
  max-width: none;
  min-height: 100%;
  height: auto;
  margin: auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.index-video__bg:after {
  content: "";
  background-image: linear-gradient(180deg, rgba(28, 28, 28, .85) 11.6%, rgba(41, 48, 42, .6));
  z-index: 2
}
.index-video__bg:after, .index-video__logo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.index-video__logo {
  z-index: 3
}
.index-video__logo img {
  max-width: 80%;
  max-height: 80%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.index-video__container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%
}
.index-video__content {
  padding-top: 6.25rem;
  padding-bottom: 1.875rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.index-video__footer {
  flex-shrink: 0
}
.index-video__title {
  font-size: 1.25rem
}
.index-video__text, .index-video__title {
  color: #fff;
  font-family: Gotham Pro, Arial, sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 10px
}
.index-video__text {
  font-size: 1rem
}
.index-video__button {
  font-weight: 600;
  font-size: .875rem;
  color: #fff;
  text-transform: lowercase;
  font-family: Gotham Pro, Arial, sans-serif;
  cursor: pointer;
  height: 70px;
  display: inline-flex;
  align-items: center
}
.index-video__button i {
  display: inline-block;
  background-color: #fff;
  transition: .3s;
  width: 38px;
  height: 2px;
  font-size: 16px;
  position: relative;
  top: 1px
}
.index-video__button i span {
  background: #fff;
  left: 0;
  bottom: 0;
  position: absolute;
  display: block;
  height: 2px;
  width: 2px;
  animation: 1.5s ease-in-out infinite
}
.index-video__button i span:nth-child(2) {
  left: 6px;
  animation-delay: .2s
}
.index-video__button i span:nth-child(3) {
  left: 12px;
  animation-delay: .4s
}
.index-video__button i span:nth-child(4) {
  left: 18px;
  animation-delay: .6s
}
.index-video__button i span:nth-child(5) {
  left: 24px;
  animation-delay: .8s
}
.index-video__button i span:nth-child(6) {
  left: 30px;
  animation-delay: 1s
}
.index-video__button i span:nth-child(7) {
  left: 36px;
  animation-delay: 1.2s
}
.index-video__button .-on- {
  margin-right: 10px
}
.index-video__button .-off- {
  margin-right: 10px;
  display: none
}
.index-video__button.is-show .-on- {
  display: none
}
.index-video__button.is-show .-off- {
  display: inline-block
}
.index-video__button.is-show i {
  background-color: transparent
}
.index-video__button.is-show i span {
  animation-name: audio-wave
}
.index-video__slider {
  position: relative
}
.index-video__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.index-video__arrow--left {
  left: -1.25rem
}
.index-video__arrow--right {
  right: -1.25rem
}
@keyframes audio-wave {
  0% {
    height: 2px;
    transform: translateY(0);
    background: #fff
  }
  25% {
    height: 2.5em;
    transform: translateY(1.25em);
    background: #D18D6E
  }
  50% {
    height: 2px;
    transform: translateY(0);
    background: #fff
  }
  to {
    height: 2px;
    transform: translateY(0);
    background: #D18D6E
  }
}
.index-about, .index-about__container {
  position: relative
}
.index-about__text {
  font-size: 1rem;
  color: #3f3f3e;
  line-height: 1.8em;
  text-align: left;
   
  overflow: hidden
}
.index-about__bg {
  position: absolute;
  bottom: 3.125rem;
  left: 0;
  width: 100%
}
.index-products__head {
  margin-bottom: 1.875rem
}
.index-products__list {
  margin: 0 -.5rem -1rem;
  display: flex;
  flex-wrap: wrap
}
.index-products__list + .index-products__list {
  padding-top: 1rem
}
.index-products__link {
  height: 0;
  padding-bottom: 100%
}
.index-products__item {
  width: 27.24%;
  padding: 0 .5rem 1rem
}
.index-products__item--big {
  width: 45.52%
}
.index-products__item--big .index-products__link {
  height: 100%;
  padding-bottom: 0
}
.index-process {
  display: flex;
  align-items: center;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: auto 100%
}
.index-process__text {
  font-size: 1rem;
  color: #3f3f3e;
  line-height: 1.8em;
  overflow: hidden
}
.index-project {
  background-color: #272727;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2.5rem 0
}
.index-project__text {
  font-weight: 500;
  font-size: 1.125rem;
  color: hsla(0, 0%, 100%, .8);
  line-height: 1.625rem;
  margin-bottom: 1.25rem
}
.index-project__steps {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: 75px
}
.index-project__step {
  display: flex;
  position: absolute;
  flex-shrink: 0
}
.index-project__step i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #c0c0c0;
  color: #282826;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0
}
.index-project__step span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  max-width: 150px;
  flex-shrink: 0
}
.index-project__step--1 {
  flex-direction: column;
  top: 2%;
  left: 22%
}
.index-project__step--1 span {
  margin-top: 10px
}
.index-project__step--2 {
  flex-direction: column;
  top: 2%;
  left: 57%
}
.index-project__step--2 i {
  order: 2
}
.index-project__step--2 span {
  order: 1;
  margin-bottom: 10px
}
.index-project__step--3 {
  align-items: center;
  top: 30%;
  left: 81%
}
.index-project__step--3 span {
  margin-left: 10px
}
.index-project__circle {
  width: 500px;
  height: 500px;
  position: relative;
  flex-shrink: 0
}
.index-project__circle, .index-project__circle:after {
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, .07)
}
.index-project__circle:after {
  content: "";
  width: 75%;
  height: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.index-project__bg {
  position: absolute;
  top: 140px;
  right: 0
}
.index-project__bg img {
  max-width: 900px
}
.info-block__text {
  width: 520px;
  color: #3f3f3e;
  display: inline-block;
  max-width: 100%
}
.info-block__image {
  position: relative
}
.info-block__content {
  display: flex;
  flex-direction: column;
  align-items: center
}
.info-block__index {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  font-family: Gotham Pro, Arial, sans-serif;
  color: #D18D6E;
  margin-bottom: 1.875rem
}
.info-block__item--reverse .parallax-number {
  right: auto;
  left: .625rem
}
.info-block--bg {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 0
}
.index-slider__button {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(40, 40, 38, .4);
  transition: .3s;
  cursor: pointer
}
.index-slider__button.is-active, .index-slider__button:hover {
  color: #D18D6E
}
.index-slider__container {
  display: flex;
  flex-wrap: wrap
}
.index-slider__left {
  width: 100%
}
.index-slider__inner, .index-slider__right {
  width: 100%;
  position: relative
}
.index-slider__inner {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  flex-shrink: 0
}
.index-slider__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}
.index-slider__big {
  display: flex;
  overflow: hidden;
  cursor: url(/design/default/public/site/static/images/icons/cursor-big.png), auto !important
}
.index-slider__big .index-slider__inner {
  height: 0;
  padding-bottom: 50.62459%;
  overflow: hidden;
  position: relative
}
.index-slider__big .index-slider__content {
  background: linear-gradient(180deg, rgba(20, 29, 25, .2) 36.87%, rgba(20, 29, 25, .85))
}
.index-slider__small {
  display: flex;
  overflow: hidden
}
.index-slider__small .index-slider__inner {
  height: 18.75rem
}
.index-slider__small .index-slider__content {
  background: linear-gradient(180deg, rgba(20, 29, 25, .7) 28.49%, rgba(20, 29, 25, .9))
}
.index-slider__dots {
  position: relative
}
.index-slider__small-block {
  position: absolute;
  z-index: -1;
  visibility: hidden
}
.index-slider__block {
  padding: 1.25rem
}
.index-slider__name {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1.25rem
}
.index-slider__count {
  font-family: Gotham Pro, Arial, sans-serif;
  font-weight: 700;
  font-size: 5rem;
  color: #282826;
  line-height: 1em;
  height: 1em
}
.new_slider .index-video__arrow--left {
  left: -.25rem
}
.new_slider .index-video__arrow--right {
  right: -.25rem
}
.new_slider .slick-list, .new_slider .slick-slider {
  position: absolute;
  height: 100%;
  width: 100%
}
.new_slider .slick-track {
  position: absolute;
  height: 100%
}
.new_slider .slick-slide {
  position: relative
}
.new_slider .index-video__bg img {
  width: 100%;
  height: 100%
}
.news-block__tab {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(40, 40, 38, .4);
  transition: .3s
}
.news-block__tab.is-active {
  color: #D18D6E
}
.subscribe {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  min-height: 18.75rem;
  padding: 1.875rem 0;
  display: flex;
  align-items: center
}
.subscribe__text {
  font-size: 1rem;
  color: #fff
}
.title-block {
  min-height: 21rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 5.5rem;
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center
}
.title-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, .49);
  z-index: 1
}
.title-block__container {
  position: relative;
  z-index: 2
}
.title-block__content {
  margin-top: 1.875rem
}
.title-block__text {
  font-size: 1rem;
  line-height: 1.8125rem;
  color: hsla(0, 0%, 100%, .8);
  max-width: 800px
}
.filter {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  min-height: 7.5rem;
  padding: 1.25rem 0
}
.filter, .filter__list {
  display: flex;
  align-items: center
}
.filter__list {
  flex-wrap: wrap;
  margin: 0 -1.25rem -1.25rem
}
.filter__item {
  width: 100%;
  position: relative;
  padding: 0 1.25rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.filter__item--first {
  justify-content: flex-start
}
.filter__item--last {
  justify-content: flex-end
}
.filter__label {
  font-size: 1.125rem;
  color: rgba(38, 39, 39, .6);
  display: inline-block;
  margin-right: 1.25rem;
  flex-shrink: 0
}
.filter .control {
  width: 100%
}
.filter .control__field {
  font-size: 1.125rem;
  height: 2.5rem;
  line-height: 2.5rem
}
.objects-list__link {
  height: 0;
  padding-bottom: 68.8%
}
.tabs {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  display: flex;
  align-items: center;
  min-height: 7.5rem;
  padding: 1.25rem 0
}
.tabs__link {
  display: block;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: .04em;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(40, 40, 38, .4);
  transition: .3s
}
.tabs__link sup {
  display: inline-block;
  transform: translateY(-5px)
}
.mobile .tabs__link:active, .no-mobile .tabs__link:hover, .tabs__link.is-active {
  color: #D18D6E
}
.portfolio-list__left {
  flex-grow: 1;
  width: 100%;
  position: relative
}
.portfolio-list__right {
  width: 100%;
  height: 3.125rem;
  flex-shrink: 0;
  display: flex;
  align-items: center
}
.portfolio-list__image {
  overflow: hidden;
  height: 400px
}
.portfolio-list__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1);
  transition: transform .8s
}
.portfolio-list__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(20, 29, 25, .3) 36.87%, rgba(20, 29, 25, .85));
  padding: 1.875rem 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start
}
.portfolio-list__text {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5625rem;
  max-width: 840px;
  transition: .3s
}
.portfolio-list__text:hover {
  color: #D18D6E
}
.portfolio-list__tag {
  font-family: Gotham Pro, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: .04em;
  color: #D18D6E
}
.portfolio-list__tag:before {
  content: "";
  width: 1.875rem;
  height: 2px;
  background-color: #D18D6E;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.25rem
}
.portfolio-list__link {
  height: 0;
  display: flex;
  align-items: flex-end;
  transition: height .3s;
  overflow: hidden
}
.portfolio-list__title {
  color: #fff;
  transition: .3s
}
.portfolio-list__title:hover {
  color: #D18D6E
}
.portfolio-list__item {
  display: flex;
  position: relative
}
.portfolio-list__item:hover .portfolio-list__image img {
  transform: scale(1.1)
}
.portfolio-list__item:hover .portfolio-list__link {
  height: 3.75rem
}
.portfolio-item {
  position: relative
}
.portfolio-item__desc {
  font-size: 1rem;
  line-height: 1.8125rem;
  color: #3f3f3e
}
.portfolio-item__bg {
  position: absolute;
  top: 3.125rem;
  left: 0;
  width: 100%
}
.portfolio-item .-height-100- {
  min-height: 100%
}
.portfolio-ask {
  padding: 3.75rem 0;
  background-image: url(/public/site/static/images/icons/icon-pen.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  display: flex;
  flex-direction: column;
  align-items: center
}
.product {
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  overflow: hidden
}
.product__left {
  width: 50%;
	 display: inline-block;
  padding: 0 1.25rem 1.25rem
}
.product__left-container {
  width: 100%;
  height: 100%
}
.product__left-inner {
  width: 100%;
  display: flex;
  flex-direction: column
}
.product__right {
    width: 49%;
    padding: 0 50px 1.875rem 0;
    overflow-x: hidden;
    display: inline-block;
    vertical-align: top;
}
.product__right > .grid {
  min-height: 100%
}
.product__right .index-slider__top .slick-slide {
  cursor: pointer
}
.product__right .index-slider__top .product__image img {
  height: 500px;
  -o-object-fit: contain;
  object-fit: contain
}
.product__right .index-slider__bottom {
  position: relative;
  padding: 0 1.875rem;
  margin: 0 0px 40px
}
.product__right .index-slider__bottom .product__image img {
  height: 225px;
  -o-object-fit: contain;
  object-fit: contain
}
.product__right .index-slider__bottom .slick-slide {
  padding: 0 8px;
  cursor: pointer
}
.product__right .index-slider__bottom .slick-slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%)
}
.product__right .index-slider__bottom .slick-slider-arrow--prev {
  left: 0
}
.product__right .index-slider__bottom .slick-slider-arrow--next {
  right: 0
}
.product__header {
  flex-shrink: 0;
  width: 100%;
  padding: 1.875rem 1.25rem
}
.product__container {
  flex-grow: 1;
  padding: 0 0 1.25rem;
  display: flex;
  flex-direction: column;
  height: 100%
}
.product__footer {
  flex-shrink: 0;
  padding: 1.25rem 0 0
}
.product__title {
  flex-shrink: 0
}
.product__block {
  
  padding-right: 50px;
  flex-grow: 1;
  height: 100%;
  overflow-x: hidden
}
.product__text {
  font-size: .875rem;
  line-height: 2em;
  color: #000
}
.product__image img {
  min-width: 100%
}
.review-slider__slider {
  margin: 0 -.9375rem
}
.review-slider__slide {
  padding: 0 .9375rem
}
.article {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: -2.5rem
}
.article__side {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center
}
.article__container, .article__side {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2.5rem
}
.article__text {
  color: rgba(38, 39, 39, .5);
  margin-bottom: 5px
}
.article__date, .article__text {
  font-weight: 600;
  font-size: .875rem
}
.article__date {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #262727;
  margin-bottom: 1.875rem
}
.article__line {
  width: 6.25rem;
  height: 1px;
  background-color: rgba(38, 39, 39, .3);
  margin: 1.875rem 0;
  display: inline-block
}
.article .wysiwyg {
  max-height: none
}
.error-block {
  height: 100vh;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}
.error-block__container {
  width: 100%;
  min-height: 100%;
  background: linear-gradient(180deg, rgba(28, 28, 28, .85) 11.6%, rgba(41, 48, 42, .9));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 1.25rem
}
.error-block__bg {
  position: absolute;
  top: calc(50% + 3.125rem);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72%;
  height: 72%;
  fill: rgba(63, 63, 62, .5);
  z-index: 1
}
.error-block__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}
.error-block__title {
  font-family: Gotham Pro, Arial, sans-serif;
  font-weight: 700;
  font-size: 8.75rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1em;
  height: 1em
}
.download {
  display: flex;
  flex-wrap: wrap
}
.download-item {
  width: 25%;
  background-color: #e9e8e4;
  min-height: 360px;
  padding: 0;
  border: 10px solid #fff
}
.download-item__head {
  margin: 20px 0;
  padding: 0 15px
}
.download-item__title {
  font-size: 22px;
  margin-bottom: 10px
}
.download-item__footer {
  display: flex;
  justify-content: center
}
.download-item__link {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  color: #000;
  transition: .2s
}
.download-item__link:hover {
  color: #D18D6E
}
.download-item__link img {
  width: 40px;
  height: 53px;
  margin: 0 auto 10px
}
@media only screen and (min-width:376px) {
  .wysiwyg .table-4-columns td {
    width: 50%;
    float: left
  }
}
@media only screen and (min-width:569px) {
  .wysiwyg .table-3-columns td {
    width: 33%;
    float: none;
    padding: 1.25rem
  }
  .wysiwyg .table-3-columns td + td {
    border-left: 1px solid #e9ecef
  }
  .process-item {
    height: 25rem
  }
  .title-block {
    min-height: 28.125rem
  }
  .filter__list {
    margin: 0 0 -1.25rem
  }
  .filter__item {
    width: 33.333%
  }
  .filter__item--first {
    padding-left: 0
  }
  .filter__item--last {
    padding-right: 0
  }
  .filter__item + .filter__item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 4.25rem;
    transform: translateY(-50%);
    background: rgba(63, 63, 62, .2)
  }
  .filter .control, .filter .control__field {
    width: auto;
    display: inline-block;
    max-width: 100%
  }
}
@media only screen and (min-width:569px) and (max-width:1280px) {
  .filter__item--first {
    align-items: flex-start
  }
  .filter__item--last {
    align-items: flex-end
  }
}
@media only screen and (min-width:641px) {
  .layout__header--height {
    height: 6.25rem
  }
  .link--pagination:before {
    width: 6.25rem;
    background: rgba(58, 171, 71, .2);
    z-index: 1
  }
  .link--pagination:after, .link--pagination:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 3px
  }
  .link--pagination:after {
    width: 1.875rem;
    background: #3aab47;
    z-index: 2;
    transition: .3s
  }
  .link--pagination-prev {
    padding-left: 7.5rem
  }
  .link--pagination-prev:before {
    left: 0
  }
  .link--pagination-prev:after {
    left: 4.375rem
  }
  .link--pagination-prev:hover:after {
    left: 0
  }
  .link--pagination-next {
    padding-right: 7.5rem
  }
  .link--pagination-next:before {
    right: 0
  }
  .link--pagination-next:after {
    right: 4.375rem
  }
  .link--pagination-next:hover:after {
    right: 0
  }
  .mobile .link--pagination:active-prev:after, .no-mobile .link--pagination:hover-prev:after {
    left: 0
  }
  .mobile .link--pagination:active-next:after, .no-mobile .link--pagination:hover-next:after {
    right: 0
  }
  .animated {
    opacity: 0
  }
  .wysiwyg h1 {
    font-size: 3.125rem
  }
  .wysiwyg h1 span {
    display: block;
    font-size: 2rem
  }
  .wysiwyg h2 {
    font-size: 2.5rem
  }
  .wysiwyg h3 {
    font-size: 2rem
  }
  .wysiwyg h4 {
    font-size: 1.875rem
  }
  .wysiwyg h5 {
    font-size: 1.75rem
  }
  .wysiwyg h6 {
    font-size: 1.5rem
  }
  .header {
    height: 6.25rem
  }
  .title--h1 {
    font-size: 3.125rem
  }
  .title--h1 span {
    display: block;
    font-size: 2rem
  }
  .title--h2 {
    font-size: 2.5rem
  }
  .title--h3 {
    font-size: 2rem
  }
  .title--h4 {
    font-size: 1.875rem
  }
  .title--h5 {
    font-size: 1.75rem
  }
  .title--h6 {
    font-size: 1.5rem
  }
  .logo, .main-menu__link {
    height: 6.25rem
  }
  .mobile-menu__container, .search-block__container {
    top: 6.25rem;
    height: calc(100vh - 6.25rem)
  }
  .social--trans .social__link {
    margin: 0 1rem
  }
  .shadow-link__button {
    min-width: 12.5rem;
    max-width: 12.5rem
  }
  .parallax-number {
    font-size: 300px
  }
  .error-block__title {
    font-size: 11.25rem
  }
}
@media only screen and (min-width:641px) and (max-width:1024px) {
  .link--pagination:before {
    width: 3.75rem
  }
  .link--pagination:after {
    width: 1.25rem
  }
  .link--pagination-prev {
    padding-left: 5rem
  }
  .link--pagination-prev:after {
    left: 2.5rem
  }
  .link--pagination-next {
    padding-right: 5rem
  }
  .link--pagination-next:after {
    right: 2.5rem
  }
}
@media only screen and (min-width:769px) {
  .wysiwyg .table-2-columns td {
    width: 50%;
    float: none
  }
  .wysiwyg .table-4-columns td {
    width: 25%;
    float: none
  }
  .header .gcell {
    padding-left: .8rem !important;
    padding-right: .8rem !important
  }
  .title-block {
    min-height: 25.25rem
  }
}
@media(min-width:1024px) and (max-width:1199px) {
  .marquiz__frame {
    height: 560px
  }
}
@media only screen and (min-width:1025px) {
  .breadcrumbs__link--link {
    margin-left: 0;
    margin-right: 2.5rem
  }
  .shadow-link__content {
    width: 100%;
    text-align: left
  }
  .shadow-link .price {
    position: absolute;
    top: 100%;
    left: 2.5rem
  }
  .shadow-link__button {
    display: none
  }
  .shadow-link__right {
    width: 85%;
    align-items: flex-start
  }
  .text-moving__container img {
    max-width: 1294px
  }
  .text-moving--small .text-moving__container img {
    max-width: 974px
  }
  .map {
    height: 37.5rem
  }
  .process-item {
    max-width: 30rem;
    height: 40.625rem;
    max-height: calc(100vh - 100px)
  }
  .index-video {
    height: 100vh
  }
  .index-about__image._pull-up {
    margin-top: -5rem
  }
  .index-process {
    height: 80vh
  }
  .index-process__block {
    width: 40.625rem;
    padding-right: 3.125rem
  }
  .info-block {
    padding: 3.75rem 0
  }
  .info-block__content {
    align-items: flex-start
  }
  .info-block__index {
    margin-left: -1.5625rem
  }
  .info-block__index:before {
    content: "";
    width: 1.875rem;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background-color: #D18D6E;
    margin-right: .9375rem
  }
  .info-block__item {
    margin: -2.5rem 0
  }
  .info-block--bg {
    background-position: 130% 0;
    padding: 8.75rem 0 5rem
  }
  .index-slider__left {
    width: 67%
  }
  .index-slider__right {
    width: 33%
  }
  .index-slider__big .index-slider__inner {
    height: 37.5rem
  }
  .index-slider__small-block {
    position: relative;
    z-index: 1;
    visibility: visible
  }
  .portfolio-list__right {
    width: 5rem;
    height: auto;
    justify-content: center;
    align-items: flex-end
  }
  .portfolio-list__image {
    height: auto
  }
  .portfolio-list__tag:before {
    width: 2px;
    height: 1.875rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px
  }
  .portfolio-list__tag {
    transform: rotate(180deg) translateY(80px);
    transform-origin: 50%;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    white-space: nowrap;
    display: inline-block;
    padding-top: 3.125rem;
    position: relative
  }
  .portfolio-list__item--reverse {
    flex-direction: row-reverse
  }
  .article__side {
    width: 20%;
    text-align: left;
    align-items: flex-start
  }
  .article__container {
    width: 80%;
    order: 1
  }
  .error-block__container {
    padding-top: 7.5rem
  }
  .error-block__title {
    font-size: 12.5rem
  }
}
@media only screen and (min-width:1025px) and (min-width:1281px) {
  .portfolio-list__tag {
    padding-top: 4.375rem
  }
}
@media only screen and (min-width:1026px) {
  .breadcrumbs__item:not(:nth-last-child(2)) {
    display: block;
	  color: #D18D6E;
  }
}
@media(min-width:1200px) and (max-width:1439px) {
  .marquiz__frame {
    height: 590px
  }
  .marquiz__modal {
    width: 75%
  }
}
@media only screen and (min-width:1281px) {
  .section {
            padding-bottom: 1.75rem;
        padding-top: 1.75rem;
  }
  .button {
    padding: 0 2.5rem
  }
  .button--icon {
    padding: 0
  }
  .wysiwyg h1 {
    font-size: 4.5rem
  }
  .wysiwyg h1 span {
    display: block;
    font-size: 3rem
  }
  .wysiwyg h2 {
    font-size: 3.15rem
  }
  .wysiwyg h3 {
    font-size: 3.05rem
  }
  .wysiwyg h4 {
    font-size: 3rem
  }
  .wysiwyg h5 {
    font-size: 2rem
  }
  .title--h1 {
        font-size: 2.7rem;
    letter-spacing: -1px;
    font-weight: 500;
  }
  .title--h1 span {
    display: block;
    font-size: 3rem
  }
  .title--h2 {
    font-size: 3.75rem
  }
  .title--h3 {
    font-size: 3.25rem
  }
  .title--h4 {
    font-size: 3rem
  }
  .title--h5 {
    font-size: 1.5rem
  }
  .pagination {
    padding-top: 3.75rem
  }
  .process-item__inner {
    padding: 1.875rem
  }
  .parallax-number {
    font-size: 360px
  }
  .index-video__title {
    font-size: 1.75rem
  }
  .index-video__text {
    font-size: 1.125rem
  }
  .index-products__head {
    margin-bottom: 1.75rem
  }
  .index-project {
    padding: 3.75rem 0 6.25rem
  }
  .title-block {
    min-height: 25.25rem
  }
  .title-block__content {
    margin-top: 3.125rem
  }
  .portfolio-list__content {
    padding: 3.125rem 3.75rem
  }
  .portfolio-list__tag:before {
    height: 3.125rem
  }
  .portfolio-ask {
    padding: 6.25rem 0
  }
  .article__side {
    width: 14%
  }
  .article__container {
    width: 72%
  }
}
@media only screen and (min-width:1367px) {
  .index-project__step--1 {
    top: 6%;
    left: 17%
  }
  .index-project__step--2 {
    top: 4%;
    left: 57%
  }
  .index-project__circle {
    width: 654px;
    height: 654px
  }
  .index-project__bg img {
    max-width: none
  }
  .index-slider__content {
    padding-bottom: 3.75rem;
    padding-left: calc((100vw - 80rem)/2)
  }
  .error-block__title {
    font-size: 15.5rem
  }
}
@media(min-width:1440px) {
  .marquiz__frame {
    height: 650px
  }
}
@media only screen and (min-width:1441px) {
  .main-menu__item {
    padding: 0 1.25rem
  }
}
@media only screen and (min-width:1501px) {
  .index-slider__left {
    width: 75%
  }
  .index-slider__right {
    width: 25%
  }
  .index-slider__big .index-slider__inner {
    height: 48.125rem
  }
  .index-slider__small .index-slider__inner {
    height: 27.5rem
  }
  .index-slider__block {
    padding: 2.5rem
  }
  .index-slider__count {
    font-size: 6.25rem
  }
}
@media only screen and (min-width:1561px) {
  .container {
    width: 87.5rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem
  }
  .container--article {
    width: 62.5rem
  }
  .mobile-menu__block, .search-block__container {
    padding-left: 3.75rem;
    padding-right: 3.75rem
  }
  .index-video__arrow--left {
    left: -3.75rem
  }
  .index-video__arrow--right {
    right: -3.75rem
  }
  .product__left {
    padding: 0 3.75rem 3.75rem
  }
  .product__right {
    padding: 0 50px 3.75rem 0
  }
  .product__header {
    padding: 1.875rem 3.75rem
  }
  .product__container {
    padding: 0 0 1.25rem
  }
}
@media only screen and (min-width:1669px) {
  .main-menu__item {
    padding: 0 2.1875rem
  }
}
@media only screen and (min-width:1801px) {
  .index-slider__left {
    width: 80%
  }
  .index-slider__right {
    width: 20%
  }
}
@media only screen and (max-width:1800px) {
  .process-item {
    max-width: 42.5rem
  }
}
@media only screen and (max-width:1500px) {
  .process-item {
    max-width: 36.875rem
  }
}
@media(max-width:1280px) {
  .header-call {
    display: flex
  }
}
@media only screen and (max-width:1280px) {
  .footer__list + .footer__list {
    padding-top: 0;
    margin-top: 0
  }
  .footer__list + .footer__list:before {
    display: none
  }
  .index-products__item {
    width: 50%;
    order: 2
  }
  .index-products__item--big {
    width: 100%;
    order: 1
  }
  .index-products__item--big .index-products__link {
    height: 0;
    padding-bottom: 50%
  }
  .filter__item {
    flex-direction: column
  }
  .filter__label {
    margin-right: 0
  }
  .product__right .index-slider__top .product__image img {
    height: 400px
  }
  .product__right .index-slider__bottom {
    margin: 20px 0
  }
}
@media only screen and (max-width:1200px) {
  .process-item {
    max-width: 28.75rem
  }
}
@media only screen and (max-width:1024px) {
  .link--anim.def-center {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center
  }
  .link--anim.def-center:after {
    left: 50%;
    transform: translateX(-50%)
  }
  .breadcrumbs__link--link:after {
    right: auto;
    left: -1.25rem;
    transform: translateY(-50%) rotate(90deg)
  }
  .new__inner {
    padding: 1rem;
    flex-wrap: wrap
  }
  .shadow-link__icon {
    display: none
  }
  .process-item {
    max-width: 41.25rem
  }
  .index-about__container {
    text-align: center
  }
  .index-about__text {
    max-height: none
  }
  .index-process {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
  }
  .index-process__container {
    transform: translateX(0) !important
  }
  .info-block__item {
    text-align: center
  }
  .info-block__item + .info-block__item {
    margin-top: 3.125rem
  }
  .index-slider__content {
    justify-content: center;
    text-align: center
  }
  .index-slider__block {
    text-align: center
  }
  .portfolio-list__right {
    padding-left: 1.25rem;
    position: absolute;
    top: 0;
    left: 0
  }
  .portfolio-list__item {
    flex-wrap: wrap
  }
  .product__right .index-slider__top .product__image img {
    height: 360px
  }
  .product__right .index-slider__bottom .product__image img {
    height: 150px
  }
  .product__right .index-slider__bottom {
    margin: 10px 0
  }
}
@media(max-width:1023px) {
  #marquiz__close {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzcgMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4yNzggMTAuMjc4YTIuMTggMi4xOCAwIDAgMCAwIDMuMDgzbDUuMTM5IDUuMTM5LTUuMTQgNS4xMzlhMi4xOCAyLjE4IDAgMSAwIDMuMDg0IDMuMDgzbDUuMTM5LTUuMTM5IDUuMTM5IDUuMTRhMi4xOCAyLjE4IDAgMSAwIDMuMDgzLTMuMDg0TDIxLjU4MyAxOC41bDUuMTQtNS4xMzlhMi4xOCAyLjE4IDAgMSAwLTMuMDg0LTMuMDgzTDE4LjUgMTUuNDE3bC01LjEzOS01LjE0YTIuMTggMi4xOCAwIDAgMC0zLjA4MyAweiIgZmlsbD0iIzMzMyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxNC4zODlhMy42MzQgMy42MzQgMCAwIDEgNS4xMzktNS4xMzlsNC4xMTEgNC4xMTEgNC4xMTEtNC4xMTFhMy42MzQgMy42MzQgMCAxIDEgNS4xMzkgNS4xMzlMMjMuNjM5IDE4LjVsNC4xMTEgNC4xMTFhMy42MzQgMy42MzQgMCAxIDEtNS4xMzkgNS4xMzlMMTguNSAyMy42MzlsLTQuMTExIDQuMTExYTMuNjM0IDMuNjM0IDAgMSAxLTUuMTM5LTUuMTM5bDQuMTExLTQuMTExLTQuMTExLTQuMTExem0xLjAyOC0xLjAyOGEyLjE4IDIuMTggMCAxIDEgMy4wODMtMy4wODNsNS4xMzkgNS4xMzkgNS4xMzktNS4xNGEyLjE4IDIuMTggMCAxIDEgMy4wODMgMy4wODRMMjEuNTgzIDE4LjVsNS4xNCA1LjEzOWEyLjE4IDIuMTggMCAxIDEtMy4wODQgMy4wODNMMTguNSAyMS41ODNsLTUuMTM5IDUuMTRhMi4xOCAyLjE4IDAgMSAxLTMuMDgzLTMuMDg0bDUuMTM5LTUuMTM5LTUuMTQtNS4xMzl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat;
    background-size: 26px;
    background-position: 50%;
    height: 25px;
    width: 25px
  }
  .marquiz__modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    position: absolute;
    width: 100%
  }
  #marquiz__close {
    right: 0;
    top: 0
  }
}
@media(max-width:1000px) {
  .index-process .index-slider__container .process-item__desc {
    display: none !important
  }
   .index-process .index-slider__container .slick-slide {
    margin-right: 2px!important;
  } 
    
    .index-process .index-slider__container .process-item__name {
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    margin-bottom: 5px; 
}
    
}
@media only screen and (max-width:980px) {
  .new-label__img {
    max-width: 64px;
    max-height: 64px
  }
}
@media only screen and (max-width:940px) {
  .product__right .index-slider__bottom .product__image img {
    height: 120px
  }
}
@media(max-width:900px) {
  .download-item {
    width: 33%
  }
}
@media(max-width:768px) {
  .marquiz__button_fixed {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none !important;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50px !important;
    bottom: 20px;
    top: auto !important
  }
  .marquiz__button_fixed-left {
    left: 15px !important;
    padding: 0 !important
  }
  .marquiz__button_fixed-right {
    right: 15px !important;
    left: auto !important;
    padding: 0 !important
  }
  .marquiz__button_fixed .marquiz__text, .marquiz__button_fixed .script__buttonText {
    display: none
  }
  .marquiz__button_fixed .icon-quiz {
    height: 30px;
    width: 30px;
    margin-right: 0 !important;
    transform: rotate(0) !important
  }
}
@media only screen and (max-width:768px) {
  .link--anim.md-center {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center
  }
  .link--anim.md-center:after {
    left: 50%;
    transform: translateX(-50%)
  }
  .scroll-up {
    right: 10px;
    bottom: 26px
  }
  .new__text span {
    font-size: 14px !important
  }
  .product {
    flex-direction: column;
    height: auto;
    overflow-y: visible
  }
  .product__left {
    width: 100%
  }
  .product__right {
    width: 100%;
    overflow-x: visible;
    padding: 0 50px 3.75rem
  }
  .product__right .index-slider__top .product__image img {
    height: 300px
  }
  .product__right .index-slider__bottom {
    margin: 30px 0 0
  }
  .product__block {
    height: auto;
    overflow-x: visible;
    padding-right: 0
  }
}
@media(max-width:767px) {
  .marquiz__container_inline {
    min-height: 0;
    height: auto;
    background: 0 0
  }
  .marquiz__container_inline .marquiz__button {
    display: inline-block
  }
  .marquiz__container_inline .marquiz__inline-frame {
    display: none
  }
}
@media only screen and (max-width:660px) {
  .process-item {
    max-width: 35rem
  }
}
@media(max-width:640px) {
  .cookie-notice {
    flex-wrap: wrap
  }
  .cookie-notice > img + span {
    margin-left: 0;
    margin-top: 10px
  }
  .cookie-notice > span {
    margin-right: 0;
    margin-bottom: 10px
  }
  .cookie-notice.bottom, .cookie-notice.center, .cookie-notice.top {
    justify-content: center;
    text-align: center
  }
}
@media(max-width:600px) {
  .download-item {
    width: 50%
  }
}
@media only screen and (max-width:568px) {
  .form-filter {
    margin-top: 36px
  }
  .filter__list {
    justify-content: center
  }
  .product__right {
    padding: 0 20px 3.75rem
  }
}
@media(max-width:500px) {
  .download-item {
    width: 100%
  }
}
@media only screen and (max-height:500px) {
  .product {
    flex-direction: column;
    height: auto;
    overflow: visible
  }
  .product__left {
    width: 100%
  }
  .product__right {
    width: 100%;
    overflow-x: visible
  }
  .product__block {
    height: auto;
    overflow-x: visible;
    padding-right: 0
  }
}
@media only screen and (max-height:480px) {
  .error-block__container {
    padding-top: 3.125rem
  }
}
@media only screen and (max-width:480px) {
  .index-products__item {
    width: 100%;
    order: 1
  }
  .index-products__item--big .index-products__link {
    padding-bottom: 100%
  }
}
@media only screen and (max-width:460px) {
  .process-item {
    max-width: 25rem
  }
}
@media only screen and (max-width:450px) {
  .call {
    display: none !important
  }
  .header .gcell {
    padding-left: .2rem !important;
    padding-right: .2rem !important
  }
}
@media only screen and (max-width:400px) {
  .new .button {
    height: 2.5rem
  }
  .new .title {
    font-size: 10px
  }
}
@media print {
  .is-print-container {
    visibility: hidden
  }
  .print-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: visible
  }
}
.mobile-viber {
  display: none
}
@media only screen and (max-width:450px) {
  .header-call.mobile-viber {
    display: flex
  }
  .header-call.desktop-viber {
    display: none
  }
}

.pay-cards {
  height: 28px;
  margin: 6px;
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.made-with-love a, .made-with-love {
	color: #fff;
	display: inline-flex;
	font-size: 0.95em;
	text-decoration: none;
}
.made-with-love a {
	margin-left: 5px;
	
}
.heartbeat {
	animation: heartbeat 2s infinite;
	margin: 0 5px;
}
@keyframes heartbeat {
0% {
transform:scale(1)
}
10% {
transform:scale(1.2)
}
20% {
transform:scale(1)
}
30% {
transform:scale(1.2)
}
40% {
transform:scale(1)
}
100% {
transform:scale(1)
}
}
.heartbeat {
	animation: heartbeat 2s infinite
}

@media (min-width:480px) and (max-width:767px) {
.made-with-love {
	margin-bottom: 30px
}
}

@media (max-width:767px) {
	
	.title--h1 {
   font-size: 2.1rem;
    line-height: 1em;
    display: block;
    word-wrap: unset;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}
	.scroll-down--next {
    position: absolute;
    bottom: calc(98% + 2px);
    left: 50%;
    transform: translateX(-50%);
}
	.shadow-link__name {
    font-family: Gotham Pro, Arial, sans-serif;
    font-weight: 700;
    font-size: 2.8rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #ffffff9e;
}
.compare_price {
    margin-top: -33px!important;
    margin-left: 52px!important;
}
}
.compare_price {
text-decoration: line-through;
 
    color: #36a843;
    display: block;
    position: absolute;
    margin-top: -27px;
    margin-left: 103px;
}
.made-with-love{display: flex;}.made-with-love,.made-with-love a{color:#fff;font-size:.95em;text-decoration:none}.made-with-love a:hover{color:#405462;text-decoration:none}.heartbeat{animation:heartbeat 2s infinite}@keyframes heartbeat{0%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.2)}40%{transform:scale(1)}100%{transform:scale(1)}}.heartbeat{animation:heartbeat 2s infinite}

.tepaul {
         font-size: 1.22rem;
    line-height: 1.55rem;
    color: #393838a3;
}
.impaul {
text-align: right;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 2rem;
    display: block;
}
.videof video {
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
 

.portada-video {


  width: 100%;
  margin: auto;
  position: relative;
  text-align: center;

}

.videof
{
	min-height: 510px;
}

.tre {
	color:#fff;
}
.tres {
padding: 12.25rem 0;
}
.videof video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
	
  bottom: 0;
  margin: auto;
  z-index: -1;
}
hr
{
	display: block;
    height: 1px;
    background: #3837371a;
    width: 100%;
}