/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/components/block-archive-description.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.archiveDescription a {
  text-decoration: none;
  color: inherit;
  outline: none;
}
.archiveDescription a:hover, .archiveDescription a:focus {
  text-decoration: none;
  outline-color: transparent;
}

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

.blockArchiveDesctiption.white {
  background-color: #ffffff;
}
.blockArchiveDesctiption .content {
  padding: 10vw 0vw 3.125vw 0vw;
}
@media only screen and (min-width: 590px) {
  .blockArchiveDesctiption .content {
    padding: 58px 0vw;
  }
}

.archiveDescription {
  margin-bottom: 7vw;
}
@media only screen and (min-width: 590px) {
  .archiveDescription {
    margin-bottom: 30px;
  }
}
.archiveDescription * {
  line-height: 150%;
}
@media only screen and (min-width: 590px) {
  .archiveDescription * {
    line-height: 150%;
  }
}
.archiveDescription h2 {
  font-weight: 600;
  font-size: 5vw;
  margin-bottom: 6.25vw;
}
@media only screen and (min-width: 590px) {
  .archiveDescription h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.archiveDescription h3,
.archiveDescription h4,
.archiveDescription h5,
.archiveDescription h6,
.archiveDescription h7,
.archiveDescription h8 {
  font-weight: 600;
  font-size: 4.375vw;
  margin-bottom: 3.75vw;
}
@media only screen and (min-width: 590px) {
  .archiveDescription h3,
  .archiveDescription h4,
  .archiveDescription h5,
  .archiveDescription h6,
  .archiveDescription h7,
  .archiveDescription h8 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.archiveDescription h4,
.archiveDescription h5,
.archiveDescription h6,
.archiveDescription h7,
.archiveDescription h8 {
  font-size: 3.75vw;
}
@media only screen and (min-width: 590px) {
  .archiveDescription h4,
  .archiveDescription h5,
  .archiveDescription h6,
  .archiveDescription h7,
  .archiveDescription h8 {
    font-size: 16px;
  }
}
.archiveDescription a {
  color: #f66f06;
  text-decoration: underline;
}
.archiveDescription a:hover {
  cursor: pointer;
  text-decoration: none;
}
.archiveDescription p,
.archiveDescription a {
  font-weight: 300;
  font-size: 3.75vw;
  margin-bottom: 3vw;
  line-height: 150%;
}
@media only screen and (min-width: 590px) {
  .archiveDescription p,
  .archiveDescription a {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.archiveDescription ul {
  margin-bottom: 6.25vw;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 6vw;
}
@media only screen and (min-width: 590px) {
  .archiveDescription ul {
    margin-bottom: 20px;
    padding-left: 30px;
  }
}
.archiveDescription ul li {
  font-weight: 300;
  font-size: 3.75vw;
  margin-bottom: 1.56vw;
}
@media only screen and (min-width: 590px) {
  .archiveDescription ul li {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

.seoBlock {
  background: #ffffff;
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.03);
  padding: 5vw;
  margin: 3.125vw 0vw;
  border-radius: 1.56vw;
}
@media only screen and (min-width: 590px) {
  .seoBlock {
    padding: 40px;
    margin: 20px 0px;
    border-radius: 5px;
  }
}

@media only screen and (min-width: 1200px) {
  .seoContent {
    column-count: 2;
    column-gap: 20px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/components/BreadCrumbsComponent/block-bread-crumbs.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.blockBreadCrumbs {
  display: none;
}
@media only screen and (min-width: 590px) {
  .blockBreadCrumbs {
    display: block;
    padding: 32px 0 30px 0;
  }
}

@media only screen and (min-width: 590px) {
  .breadcrumbs {
    color: #9a9a9a;
  }
  .breadcrumbs span,
  .breadcrumbs a {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 300;
    font-size: 14px;
    color: #9a9a9a;
    line-height: 180%;
  }
  .breadcrumbs span.kb_title {
    color: #9a9a9a !important;
  }
  .breadcrumbs span:hover {
    color: #f66f06;
  }
}

@media only screen and (min-width: 590px) {
  .kb_sep {
    margin: 0px 8px 0px 10px;
    padding-top: 2px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./node_modules/swiper/swiper.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.12
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 1, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/arrows.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.slidePrev,
.slideNext {
  display: block;
  width: 15.94vw;
  height: 3.44vw;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #262a2b;
}
@media only screen and (min-width: 590px) {
  .slidePrev,
  .slideNext {
    width: 50px;
    height: 10px;
  }
}
.slidePrev.big,
.slideNext.big {
  width: 16.56vw;
  height: 4.375vw;
}
@media only screen and (min-width: 590px) {
  .slidePrev.big,
  .slideNext.big {
    width: 53px;
    height: 14px;
  }
}
.slidePrev.white,
.slideNext.white {
  background-color: #ffffff;
}
.slidePrev:hover,
.slideNext:hover {
  background-color: #f66f06;
  cursor: pointer;
}

.slidePrev {
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-prev.e0c74c94c0c2d2eca7bb.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-prev.e0c74c94c0c2d2eca7bb.svg);
}
.slidePrev.big {
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-prev-big.e7ceae2710e5f1a608de.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-prev-big.e7ceae2710e5f1a608de.svg);
}

.slideNext {
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-next.3ec8ddd1b8d9bc8b3c7a.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-next.3ec8ddd1b8d9bc8b3c7a.svg);
}
.slideNext.big {
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-next-big.ff8dcad01a7843254295.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/slide-next-big.ff8dcad01a7843254295.svg);
}

@media only screen and (min-width: 590px) {
  .sliderArr {
    width: 6px;
    height: 16px;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #4d4d4d;
    position: absolute;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
  }
}
@media only screen and (min-width: 590px) {
  .sliderArr.sliderArrPrev {
    mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-slider-arr-prev.80aa461f0607f89e9201.svg);
    -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-slider-arr-prev.80aa461f0607f89e9201.svg);
    left: 0px;
  }
}
@media only screen and (min-width: 590px) {
  .sliderArr.sliderArrNext {
    mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-slider-arr-prev.80aa461f0607f89e9201.svg);
    -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-slider-arr-next.15ec43689de8e6cb7c5f.svg);
    right: 0px;
  }
}
@media only screen and (min-width: 590px) {
  .sliderArr:hover {
    cursor: pointer;
    background-color: #f66f06;
  }
}

.blProductSliderNav {
  position: relative;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/video.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.video {
  position: relative;
}

video {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  object-fit: cover;
  object-position: center;
}

.poster {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.poster:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(38, 42, 43, 0.4);
}
.poster:hover {
  cursor: pointer;
}

.playVideo {
  width: 25vw;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 2;
}
@media only screen and (min-width: 590px) {
  .playVideo {
    width: 150px;
  }
}

.videoHover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(38, 42, 43, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
}
.videoHover:hover {
  cursor: pointer;
}

.videoPlay {
  width: 14vw;
  height: 14vw;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-play-video-bann.f4eff46859fb4accc64f.svg);
  position: relative;
}
@media only screen and (min-width: 590px) {
  .videoPlay {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (min-width: 1600px) {
  .videoPlay {
    width: 80px;
    height: 80px;
  }
}
.videoPlay:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-play-video-bann-active.3deb0b5391828efb6d4b.svg);
  opacity: 0;
  transition: 0.5s;
}
.videoPlay:hover:before {
  opacity: 1;
  transform: scale(1.03);
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/animations/pulse.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.pulse {
  width: 6.25vw;
  height: 6.25vw;
  display: block;
  position: absolute;
  z-index: 5;
}
@media only screen and (min-width: 590px) {
  .pulse {
    width: 58px;
    height: 58px;
  }
}
.pulse.big {
  width: 12vw;
  height: 12vw;
}
@media only screen and (min-width: 590px) {
  .pulse.big {
    width: 95px;
    height: 95px;
  }
}
.pulse img {
  width: 100%;
  height: 100%;
  display: block;
}
.pulse:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid #f66f06;
  opacity: 0;
  animation: pulse 2s infinite linear;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 0;
  will-change: width, height, opacity;
}
.pulse:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid #f66f06;
  opacity: 0;
  animation: pulse 2s infinite linear;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 0;
  will-change: width, height, opacity;
}
.pulse.hoverPulse:after, .pulse.hoverPulse::before {
  display: none;
}

@keyframes pulse {
  0% {
    width: 90%;
    height: 90%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    width: 300%;
    height: 300%;
    opacity: 0;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/components/BlockProductComponent/block-product.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.buttonWhite {
  background-color: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.buttonWhite:focus {
  outline-color: transparent;
}

.productSlide a, .presentsItems a,
.presentsItems span {
  text-decoration: none;
  color: inherit;
  outline: none;
}
.productSlide a:hover, .presentsItems a:hover,
.presentsItems span:hover, .productSlide a:focus, .presentsItems a:focus,
.presentsItems span:focus {
  text-decoration: none;
  outline-color: transparent;
}

.singleTitle {
  padding: 6.25vw 0vw;
  font-weight: 300;
  font-size: 6.25vw;
  line-height: 140%;
  color: #262a2b;
}
@media only screen and (min-width: 590px) {
  .singleTitle {
    font-size: 29px;
    padding: 0vw;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .singleTitle {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 1920px) {
  .singleTitle {
    margin-bottom: 24px;
  }
}

.productSliderNav {
  padding: 0 0;
}
@media only screen and (min-width: 590px) {
  .productSliderNav {
    padding: 0;
  }
}

.productSlideNav {
  width: 39.06vw;
  margin-left: 0;
  background-color: #ffffff;
}
@media only screen and (min-width: 590px) {
  .productSlideNav {
    height: 110px;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .productSlideNav {
    height: 150px;
  }
}
.productSlideNav img {
  width: auto;
  height: auto;
}
@media only screen and (min-width: 590px) {
  .productSlideNav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.productSlideNav img:hover {
  cursor: pointer;
}

.wrapProductSliderNav {
  width: 100%;
  position: relative;
  overflow: visible;
}
@media only screen and (min-width: 590px) {
  .wrapProductSliderNav {
    width: calc(100% - 20px);
    padding: 0;
    left: auto;
    transform: none;
    overflow: hidden;
  }
}

.wrapProductSliderBig {
  margin-bottom: 3.125vw;
  position: relative;
}
@media only screen and (min-width: 590px) {
  .wrapProductSliderBig {
    margin-bottom: 10px;
  }
}

.productSlide {
  background-color: #ffffff;
  text-align: center;
}
.productSlide img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 590px) {
  .productSlide img {
    height: 360px;
    object-fit: contain;
    object-position: center;
  }
}
@media only screen and (min-width: 1200px) {
  .productSlide img {
    height: 365px;
  }
}
.productSlide img:hover {
  cursor: pointer;
}
.productLeft {
  grid-area: productLeft;
  position: relative;
}

.wrapProductTitle {
  grid-area: productTitle;
}

.wrapProductInfo {
  grid-area: productInfo;
}
@media only screen and (min-width: 590px) {
  .wrapProductInfo {
    align-self: flex-end;
  }
}

.wrapProductTop {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "productTitle" "productLeft" "productInfo";
}
@media only screen and (min-width: 590px) {
  .wrapProductTop {
    grid-template-columns: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    margin-top: 43px;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapProductTop {
    grid-template-columns: 435px 1fr;
    grid-row-gap: 0vw;
    grid-template-areas: "productLeft productTitle" "productLeft productInfo";
    margin-top: 43px;
  }
}
@media only screen and (min-width: 1400px) {
  .wrapProductTop {
    grid-template-columns: 600px 1fr;
    grid-row-gap: 0vw;
    grid-template-areas: "productLeft productTitle" "productLeft productInfo";
    margin-top: 43px;
  }
}
@media only screen and (min-width: 1520px) {
  .wrapProductTop {
    grid-template-columns: 650px 1fr;
    grid-column-gap: 63px;
  }
}

.productBigImageZoom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}

.productPrice {
  grid-area: productPrice;
}
.productPrice p {
  font-weight: 400;
  font-size: 7.5vw;
  color: #262a2b;
}
@media only screen and (min-width: 590px) {
  .productPrice p {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .productPrice p {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1920px) {
  .productPrice p {
    font-size: 68px;
  }
}
.productPrice p span {
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.productOldPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-area: productOldPrice;
}
@media only screen and (min-width: 590px) {
  .productOldPrice {
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .productOldPrice {
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .productOldPrice {
    padding-bottom: 14px;
  }
}
.productOldPrice p {
  font-weight: 300;
  font-size: 5vw;
  color: #9a9a9a;
  text-decoration: line-through;
}
@media only screen and (min-width: 590px) {
  .productOldPrice p {
    font-size: 20px;
    order: 2;
  }
}
.productOldPrice p strong {
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.productOldPrice span {
  display: flex;
  border-radius: 1.25vw;
  border: 1px solid #f66f06;
  padding: 1.38vw 1.18vw;
  font-weight: 400;
  font-size: 5vw;
  color: #f66f06;
}
@media only screen and (min-width: 590px) {
  .productOldPrice span {
    font-size: 20px;
    border-radius: 5px;
    padding: 7px 6px;
    order: 1;
  }
}

.wrapPresent {
  margin: 9.37vw 0 6.25vw 0;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 590px) {
  .wrapPresent {
    margin: 0vw 0vw 39px 0vw;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapPresent {
    margin: 0vw 0vw 18px 0vw;
  }
}
@media only screen and (min-width: 1520px) {
  .wrapPresent {
    margin: 0vw 0vw 39px 0vw;
  }
}
.wrapPresent:hover {
  z-index: 2;
}

.wrapPrices {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "productPrice productOldPrice";
  grid-gap: 4.68vw;
  justify-content: space-between;
  margin-bottom: 6.25vw;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 590px) {
  .wrapPrices {
    grid-gap: 27px;
    margin-bottom: 21px;
    grid-template-columns: auto 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapPrices {
    grid-gap: 27px;
    margin-bottom: 21px;
    grid-template-columns: auto 1fr;
  }
}

.wrapProductButtons {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "butProductSbor" "butProductTest" "butProductCompare" "butProductBuy" "butProductFin";
  grid-gap: 3.125vw;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 590px) {
  .wrapProductButtons {
    grid-template-columns: 1fr 25px 25px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template-areas: "butProductBuy butProductCompare butProductCompare butProductFin" "butProductSbor butProductSbor butProductTest butProductTest";
  }
}

.wrapProductBuy {
  grid-area: butProductBuy;
  margin-top: 6.25vw;
}
@media only screen and (min-width: 590px) {
  .wrapProductBuy {
    margin: 0;
  }
}

.wrapPrCompare {
  grid-area: butProductCompare;
}

.wrapFin {
  grid-area: butProductFin;
}

.wrapSbor {
  grid-area: butProductSbor;
}

.wrapTestDrive {
  grid-area: butProductTest;
}

.buttonWhite {
  width: 100%;
  height: 18.75vw;
  text-align: center;
  background-color: #ffffff;
  color: #9a9a9a;
  font-weight: 400;
  font-size: 4.375vw;
  border-radius: 1.56vw;
  padding: 0 5vw 0 15.625vw;
  position: relative;
}
@media only screen and (min-width: 590px) {
  .buttonWhite {
    height: 60px;
    font-size: 11px;
    padding: 0vw 12px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 680px) {
  .buttonWhite {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .buttonWhite:hover {
    cursor: pointer;
    color: #f66f06;
  }
  .buttonWhite:hover:before {
    background-color: #f66f06;
  }
  .buttonWhite:hover span {
    cursor: pointer;
    color: #f66f06;
  }
  .buttonWhite:hover span:after {
    width: 0%;
    background-color: #f66f06;
  }
}
.buttonWhite:before {
  content: " ";
  display: block;
  position: absolute;
  left: 10.63vw;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #9a9a9a;
}
@media only screen and (min-width: 590px) {
  .buttonWhite:before {
    left: auto;
    z-index: 2;
    position: relative;
    top: auto;
    transform: none;
    display: inline-block;
    margin-right: 16px;
  }
}
.buttonWhite.butSbor:before, .buttonWhite.butDiscount:before {
  width: 9.375vw;
  height: 9.06vw;
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-sbor.5807da10c4bddfa69651.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-sbor.5807da10c4bddfa69651.svg);
}
@media only screen and (min-width: 590px) {
  .buttonWhite.butSbor:before, .buttonWhite.butDiscount:before {
    width: 30px;
    height: 29px;
  }
}
.buttonWhite.butTestDrive:before {
  width: 9.06vw;
  height: 9.375vw;
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-test-drive.aa080c8f2d6992338172.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-test-drive.aa080c8f2d6992338172.svg);
}
@media only screen and (min-width: 590px) {
  .buttonWhite.butTestDrive:before {
    width: 29px;
    height: 30px;
  }
}
@media only screen and (min-width: 590px) {
  .buttonWhite.butCompare {
    font-size: 0vw;
    padding: 0;
    background-color: transparent;
    border: 1px solid #9a9a9a;
  }
}
@media only screen and (min-width: 590px) {
  .buttonWhite.butCompare:hover {
    border-color: #f66f06;
  }
}
.buttonWhite.butCompare:before {
  width: 10vw;
  height: 8.75vw;
  mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-compare-but.5be1198b243e01281866.svg);
  -webkit-mask-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-compare-but.5be1198b243e01281866.svg);
}
@media only screen and (min-width: 590px) {
  .buttonWhite.butCompare:before {
    width: 35px;
    height: 31px;
    margin-right: 0;
  }
}
.buttonWhite.butCompare.inCompare {
  border-color: #f66f06;
  color: #f66f06;
}
.buttonWhite.butCompare.inCompare:before {
  background-color: #f66f06;
}
.buttonWhite span {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: 155%;
}

.butProductBuy,
.butProductFin {
  width: 100%;
}

.butProductFin {
  letter-spacing: initial;
}

.presentsIn {
  border: 1px solid #9a9a9a;
  border-radius: 1.56vw;
  padding: 3.84vw 17.6vw 3.44vw 3.84vw;
  background-repeat: no-repeat;
  background-size: 9.375vw;
  background-position: 96% 3.44vw;
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-present.7815622b01cabc33e358.svg);
}
@media only screen and (min-width: 590px) {
  .presentsIn {
    padding: 15px 110px 25px 30px;
    border-radius: 5px;
    background-size: 60px;
    background-position: calc(100% - 24px) center;
  }
}
@media only screen and (min-width: 1200px) {
  .presentsIn {
    padding: 12px 110px 14px 30px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .presentsIn {
    padding: 15px 110px 25px 30px;
  }
}
.presentsIn.trigger {
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-trigger.cbfe93e700195621abc1.svg);
  background-size: 9.375vw 9.375vw;
  background-position: calc(100% - 3.44vw) 3.44vw;
}
@media only screen and (min-width: 590px) {
  .presentsIn.trigger {
    background-size: 60px 60px;
    background-position: calc(100% - 11px) 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .presentsIn.trigger {
    min-height: 94px;
    background-position: calc(100% - 16px) 16px;
  }
}

.presentsCount {
  font-size: 5vw;
  margin-bottom: 1vw;
}
@media only screen and (min-width: 590px) {
  .presentsCount {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.presentsItems a,
.presentsItems span {
  font-weight: 400;
  font-size: 4.375vw;
  line-height: 130%;
  color: #f66f06;
}
@media only screen and (min-width: 590px) {
  .presentsItems a,
  .presentsItems span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .presentsItems a,
  .presentsItems span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .presentsItems a,
  .presentsItems span {
    font-size: 20px;
  }
}
.presentsItems a:hover,
.presentsItems span:hover {
  cursor: pointer;
  text-decoration: none;
}
.presentsItems span {
  margin-right: 3.125vw;
}
@media only screen and (min-width: 590px) {
  .presentsItems span {
    margin-right: 10px;
  }
}

.presentLink {
  position: relative;
  display: inline-block;
  user-select: none;
  overflow: initial;
}
.presentLink.trigger {
  position: initial;
}
@media only screen and (min-width: 590px) {
  .presentLink.trigger {
    position: relative;
  }
}
.presentLink.trigger div {
  top: auto;
}
@media only screen and (min-width: 590px) {
  .presentLink.trigger div {
    top: 100%;
  }
}
.presentLink strong {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: block;
  position: relative;
  z-index: 2;
}
.presentLink div {
  display: none;
  min-width: 152px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate3d(-50%, 16px, 0px);
  opacity: 0;
  z-index: -2;
  box-shadow: -1px 0px 11px rgba(0, 0, 0, 0.25);
  text-align: center;
  background-color: #fff;
}
.presentLink div img {
  width: 115px;
  height: auto;
  display: inline-block;
  margin: 18px auto 18px auto;
}
.presentLink div span {
  display: block;
  width: 100%;
  height: auto;
  background-color: #efefef;
  font-weight: 400;
  font-size: 16px;
  color: #262a2b;
  padding: 5px 10px;
}
.presentLink div:before {
  content: " ";
  display: block;
  width: 17px;
  height: 17px;
  background-color: #fff;
  transform: translate3d(-50%, 0px, 0px) rotate(45deg);
  position: absolute;
  top: -8px;
  left: 50%;
  box-shadow: 0px 0vw 15px rgba(102, 102, 102, 0.6);
}
.presentLink:hover div {
  z-index: 2;
  opacity: 1;
  display: block;
}
.presentLink.trigger {
  text-decoration: none !important;
}
.presentLink.trigger div {
  left: 50%;
  border-radius: 5px;
  display: none;
}
@media only screen and (min-width: 590px) {
  .presentLink.trigger div {
    left: 50%;
  }
}
.presentLink.trigger div strong {
  border-radius: 5px;
}
.presentLink.trigger div strong span {
  width: 93.75vw;
  background-color: #ffffff;
  text-align: left;
  text-decoration: none !important;
  padding: 2.5vw;
  line-height: 135%;
  font-size: 4.375vw;
  border-radius: 5px;
}
@media only screen and (min-width: 590px) {
  .presentLink.trigger div strong span {
    width: 350px;
    padding: 10px 20px;
    font-size: 14px;
  }
}
.presentLink.trigger div strong span:hover {
  text-decoration: none;
}
.presentLink.trigger:hover div {
  display: block;
}

.wrapTyres {
  display: flex;
  justify-content: center;
  gap: 1.25vw;
  margin-bottom: 5vw;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 590px) {
  .wrapTyres {
    display: flex;
    gap: 6px;
    margin-bottom: 18px;
    justify-content: flex-start;
  }
}

.blTyreIn {
  width: 13.75vw;
  height: 13.75vw;
  border: 1px solid #c4c4c4;
  border-radius: 1.56vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 590px) {
  .blTyreIn {
    width: 67px;
    height: 67px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blTyreIn.active, .blTyreIn:hover {
  border-color: #f66f06;
}
.blTyreIn img {
  width: 11.875vw;
  height: 11.875vw;
  object-fit: contain;
  object-position: center;
}
@media only screen and (min-width: 590px) {
  .blTyreIn img {
    width: 57px;
    height: 57px;
    object-fit: contain;
    object-position: center;
  }
}

.productSliderNavNext,
.productSliderNavPrev {
  display: none;
}
@media only screen and (min-width: 590px) {
  .productSliderNavNext,
  .productSliderNavPrev {
    display: block;
  }
}

.wrapGeneralFeatures {
  display: none;
}
@media only screen and (min-width: 1060px) {
  .wrapGeneralFeatures {
    display: flex;
    justify-content: center;
    gap: 0px;
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1400px) {
  .wrapGeneralFeatures {
    gap: 10px;
  }
}

.wrapGeneralFeaturesTablet {
  display: none;
}
@media only screen and (min-width: 590px) {
  .wrapGeneralFeaturesTablet {
    display: block;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1060px) {
  .wrapGeneralFeaturesTablet {
    display: none;
  }
}

@media only screen and (min-width: 590px) {
  .generalFeatureIn {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 38px 15px 38px 15px;
  }
}
@media only screen and (min-width: 1340px) {
  .generalFeatureIn {
    padding: 45px 24px 45px 24px;
  }
}

@media only screen and (min-width: 590px) {
  .generalFeatureName {
    font-weight: 400;
    font-size: 10px;
    color: #262a2b;
    padding: 0vw 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
  }
}
@media only screen and (min-width: 1340px) {
  .generalFeatureName {
    font-size: 12px;
  }
}

@media only screen and (min-width: 590px) {
  .generalFeatureValue {
    font-weight: 600;
    font-size: 28px;
    color: #262a2b;
  }
}
@media only screen and (min-width: 1340px) {
  .generalFeatureValue {
    font-size: 34px;
  }
}
@media only screen and (min-width: 590px) {
  .generalFeatureValue span {
    font-weight: 600;
    font-size: 12px;
  }
}

@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
.generalFeature {
  width: 132px;
  height: 132px;
  position: relative;
}
@media only screen and (min-width: 1340px) {
  .generalFeature {
    width: 160px;
    height: 160px;
  }
}

.generalFeatureCircle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 1;
}

@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --u {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
.generalFeatureCircleProgress {
  --u: calc(282.6 - var(--p) * 282.6 / 100);
  stroke-linecap: round;
  stroke-width: 5;
  fill-opacity: 1;
  fill: none;
  stroke: #f66f06;
  stroke-dasharray: 282.6 282.6;
  stroke-dashoffset: var(--u);
}

.generalFeatureCircleBg {
  stroke-linecap: round;
  stroke-width: 5;
  fill-opacity: 1;
  fill: none;
  stroke: #dcdcdc;
  stroke-dasharray: 282.6 282.6;
  stroke-dashoffset: 0;
}

.generalFeature.animate .generalFeatureCircleProgress {
  animation: featureAnimate 2s ease-in forwards;
}

@keyframes featureAnimate {
  0% {
    stroke-dashoffset: 282.6;
  }
  100% {
    stroke-dashoffset: var(--u);
  }
}
.wrapGeneralFeaturesMob {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 590px) {
  .wrapGeneralFeaturesMob {
    display: none;
  }
}

.blGeneralFeatureMob {
  margin-bottom: 5vw;
}
@media only screen and (min-width: 590px) {
  .blGeneralFeatureMob {
    margin-bottom: 16px;
  }
}

.blGeneralFeatureInfo {
  font-weight: 400;
  font-size: 4.75vw;
  line-height: 120%;
  color: #9a9a9a;
  margin-bottom: 1vw;
}
@media only screen and (min-width: 590px) {
  .blGeneralFeatureInfo {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.blGeneralFeatureInfo strong {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #000000;
}

.generalFeatureLineMob {
  width: 100%;
  height: 1.25vw;
  border-radius: 6px;
  background-color: #dadada;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 590px) {
  .generalFeatureLineMob {
    height: 4px;
  }
}

.generalFeatureProgressMob {
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: 0.5s;
  background-color: #f66f06;
  border-radius: 6px;
}
.generalFeatureProgressMob.animate {
  animation: lineMobAnimate 2s ease-in forwards;
}

@keyframes lineMobAnimate {
  0% {
    width: 0%;
  }
  100% {
    width: calc(var(--p) * 1%);
  }
}
.pulseProduct {
  left: 10px;
  top: 10px;
}
@media only screen and (min-width: 590px) {
  .pulseProduct {
    display: block;
    right: 20px;
    top: 20px;
  }
}

.noProcutPrice {
  font-weight: 300;
  font-size: 5.625vw;
  color: #262a2b;
  line-height: 166%;
}
@media only screen and (min-width: 590px) {
  .noProcutPrice {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  .noProcutPrice {
    font-size: 29px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/components/BlockProductInfoComponent/block-product-info.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@keyframes backgroundSignal {
  from {
    background-color: #ea1917;
  }
  to {
    background-color: #ee4746;
  }
}
@keyframes colorSignal {
  from {
    color: #ea1917;
  }
  to {
    color: #ee4746;
  }
}
@keyframes borderSignal {
  from {
    border-color: #ea1917;
  }
  to {
    border-color: #ee4746;
  }
}
.wrapProductDescrImages a, .featureValue a, .productInstructionLink {
  text-decoration: none;
  color: inherit;
  outline: none;
}
.wrapProductDescrImages a:hover, .featureValue a:hover, .productInstructionLink:hover, .wrapProductDescrImages a:focus, .featureValue a:focus, .productInstructionLink:focus {
  text-decoration: none;
  outline-color: transparent;
}

.blockProductInfo .content {
  padding: 9.375vw 0;
}
@media only screen and (min-width: 590px) {
  .blockProductInfo .content {
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .blockProductInfo .content {
    padding: 80px 0px;
  }
}

@media only screen and (min-width: 590px) {
  .productInfoNav {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 820px) {
  .productInfoNav {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
}
@media only screen and (min-width: 590px) {
  .productInfoNav li {
    width: 100%;
    padding: 16px 16px;
    font-weight: 300;
    font-size: 20px;
    color: #262a2b;
    text-align: center;
  }
}
@media only screen and (min-width: 590px) {
  .productInfoNav li.active, .productInfoNav li:hover {
    cursor: pointer;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

@media only screen and (min-width: 590px) {
  .productInfoTab {
    display: none;
    background-color: #ffffff;
    padding: 50px 20px 68px 20px;
  }
}
@media only screen and (min-width: 820px) {
  .productInfoTab {
    padding: 50px 60px 68px 50px;
  }
}
@media only screen and (min-width: 590px) {
  .productInfoTab.active {
    display: block;
  }
}
@media only screen and (min-width: 590px) {
  .productInfoTab#tab5 {
    padding: 0;
  }
}

.productInfoDescription {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid; /* Makes effect only in Firefox */
  break-inside: avoid; /* IE10+, Opera 11.1—12.1 */
}
@media only screen and (min-width: 590px) {
  .productInfoDescription {
    column-count: 1;
    column-gap: 40px;
  }
}
@media only screen and (min-width: 820px) {
  .productInfoDescription {
    column-count: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .productInfoDescription {
    column-count: 3;
  }
}

.wrapProductInfoMob {
  border-radius: 1.56vw;
  overflow: hidden;
}

.productInfoMobTit {
  background-color: #ffffff;
  padding: 3vw 12.5vw 3vw 6.25vw;
  position: relative;
}
.productInfoMobTit:hover {
  cursor: pointer;
}
.productInfoMobTit:after {
  content: " ";
  display: block;
  width: 3.75vw;
  height: 1.875vw;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/arr-product-info-bottom.0341542b00ac1ba72772.svg);
  position: absolute;
  right: 6.25vw;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.productInfoMobTit p {
  font-weight: 300;
  font-size: 5vw;
  color: #262a2b;
}

.productInfoContent {
  padding: 7.81vw 0vw;
  background-color: #ffffff;
  display: none;
}
@media only screen and (min-width: 590px) {
  .productInfoContent {
    padding: 4vw 0vw;
  }
}
@media only screen and (min-width: 590px) {
  .productInfoContent.mob {
    padding: 4vw 0vw;
  }
}
.productInfoContent.toggleOpen {
  display: block;
}

.blProductInfoMob .productInfoMobTit:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.blProductInfoMob.open .productInfoMobTit {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0);
}
.blProductInfoMob.open:after {
  transform: translate3d(0px, -50%, 0px) rotate(180deg);
}
.blProductInfoMob.open + .blProductInfoMob {
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05);
}
.blProductInfoMob:not(:last-child) .productInfoMobTit {
  border-bottom: 1px solid #e0e0e0;
}

.productDescrition {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid; /* Makes effect only in Firefox */
  break-inside: avoid; /* IE10+, Opera 11.1—12.1 */
}
.productDescrition:not(:first-child) {
  background-color: #ffffff;
  padding-top: 9vw;
}
@media only screen and (min-width: 590px) {
  .productDescrition:not(:first-child) {
    margin-top: 80px;
    padding-top: 0;
  }
}

.productDescrLine {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid; /* Makes effect only in Firefox */
  break-inside: avoid; /* IE10+, Opera 11.1—12.1 */
}

.productDescriptionTitle {
  margin-bottom: 1.88vw;
  padding: 0vw 3.125vw;
}
@media only screen and (min-width: 590px) {
  .productDescriptionTitle {
    padding: 0;
    margin-bottom: 20px;
  }
}
.productDescriptionTitle h2 {
  font-weight: 400;
  font-size: 5vw;
  color: #262a2b;
  line-height: 137%;
}
@media only screen and (min-width: 590px) {
  .productDescriptionTitle h2 {
    font-size: 22px;
  }
}

.productDescriptionText {
  background-color: #ffffff;
  padding: 4.06vw 3.125vw 0vw 3.125vw;
}
@media only screen and (min-width: 590px) {
  .productDescriptionText {
    padding: 0;
  }
}
.productDescriptionText p,
.productDescriptionText a {
  font-weight: 300;
  font-size: 3.75vw;
  line-height: 166%;
}
@media only screen and (min-width: 590px) {
  .productDescriptionText p,
  .productDescriptionText a {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.productDescriptionText a {
  color: #f66f06;
  text-decoration: underline;
}
.productDescriptionText a:hover {
  cursor: pointer;
  text-decoration: none;
}

.wrapProductDescrImages {
  padding: 11.25vw 3.125vw 1vw 3.125vw;
  background-color: #ffffff;
  position: relative;
}
@media only screen and (min-width: 590px) {
  .wrapProductDescrImages {
    padding: 0;
    margin: 30px auto;
  }
}
.wrapProductDescrImages:last-child {
  padding-bottom: 0vw;
}
.productDescrFullScreen {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}

.wrapDescrImgNav {
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  z-index: 2;
}

.blFeaturesTit {
  font-weight: 400;
  font-size: 5vw;
  color: #262a2b;
}
@media only screen and (min-width: 590px) {
  .blFeaturesTit {
    font-size: 30px;
  }
}

.featureLine {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border-bottom: 1px solid #c4c4c4;
  padding: 1vw 0vw;
}
@media only screen and (min-width: 590px) {
  .featureLine {
    padding: 8px 0px;
    grid-template-columns: 0.6fr 1fr;
    grid-gap: 3.2vw;
  }
}
.featureLine > div:nth-child(2n-1) {
  padding-right: 6.25vw;
}
@media only screen and (min-width: 590px) {
  .featureLine > div:nth-child(2n-1) {
    padding-right: 0px;
  }
}
.featureLine:last-child {
  border: none;
}

.featureName,
.featureName a,
.featureValue,
.featureValue a,
.komplektTable p,
.komplektTable p a {
  font-weight: 300;
  font-size: 3.75vw;
  color: #262a2b;
  line-height: 157%;
}
@media only screen and (min-width: 590px) {
  .featureName,
  .featureName a,
  .featureValue,
  .featureValue a,
  .komplektTable p,
  .komplektTable p a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .featureName a:hover,
  .featureValue a:hover,
  .komplektTable p a:hover {
    cursor: pointer;
    color: #f66f06;
    text-decoration: underline;
  }
}

.wrapProductFeatures {
  padding: 0vw 3.125vw;
}
@media only screen and (min-width: 590px) {
  .wrapProductFeatures {
    padding: 0;
    column-count: 1;
    column-gap: 25px;
  }
}
@media only screen and (min-width: 820px) {
  .wrapProductFeatures {
    column-count: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapProductFeatures {
    column-gap: 125px;
  }
}
@media only screen and (min-width: 590px) {
  .wrapProductFeatures.mob {
    padding-left: 3.125vw;
    padding-right: 3.1255vw;
  }
}

.features {
  margin-top: 3.125vw;
}
@media only screen and (min-width: 590px) {
  .features {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 590px) {
  .blProductFeatures {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.blProductFeatures:not(:last-child) {
  margin-bottom: 8.44vw;
}
@media only screen and (min-width: 590px) {
  .blProductFeatures:not(:last-child) {
    margin-bottom: 32px;
  }
}

.wrapKomplekts {
  padding: 0vw 3.125vw;
}
@media only screen and (min-width: 590px) {
  .wrapKomplekts {
    padding: 0;
    column-count: 2;
    column-gap: 125px;
    margin-top: 23px;
  }
}

.komplektTable {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 590px) {
  .komplektTable {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.komplektTable.oneColumn {
  grid-template-columns: 1fr;
}
.komplektTable > div {
  border-bottom: 1px solid #c4c4c4;
  padding: 1vw 0vw;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 590px) {
  .komplektTable > div {
    padding: 7px 0px;
  }
}
.komplektTable > div:nth-child(2n-1) {
  padding-right: 6.25vw;
}
@media only screen and (min-width: 590px) {
  .komplektTable > div:nth-child(2n-1) {
    padding-right: 100px;
  }
}

.blProductVideo {
  width: 100%;
  aspect-ratio: 1.78/1;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  background-image: url(/wp-content/themes/kentavr/assets-dist/images/ajax-loader.98764898e47ca1325c06.gif);
}
@media only screen and (min-width: 820px) {
  .blProductVideo:nth-child(1) {
    aspect-ratio: 1.767/1;
    width: 100%;
    grid-column: span 2;
    grid-row: span 2;
  }
}
@media only screen and (min-width: 820px) {
  .blProductVideo:nth-child(1) .videoPlay {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .blProductVideo:nth-child(1) .videoPlay {
    width: 200px;
    height: 200px;
  }
}

.wrapProductVideos {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3.125vw;
}
@media only screen and (min-width: 590px) {
  .wrapProductVideos {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
@media only screen and (min-width: 820px) {
  .wrapProductVideos {
    grid-template-columns: 33.33% 33.33% 33.33%;
  }
}
@media only screen and (min-width: 820px) {
  .wrapProductVideos_1 {
    /* grid-template-columns: 1fr;*/
  }
}
.wrapProductVideos_1 .blProductVideo {
  width: 100%;
}
@media only screen and (min-width: 590px) {
  .wrapProductVideos_1 .blProductVideo .videoPlay {
    width: 80px;
    height: 80px;
  }
}
.wrapProductVideos_2 .blProductVideo {
  width: 100%;
}

.productIframeVideo {
  width: 100%;
  height: 100%;
}

.serviceProductTitle {
  font-weight: 300;
  font-size: 7.375vw;
  color: #262a2b;
  line-height: 140%;
  text-transform: uppercase;
  margin-bottom: 6.25vw;
}
@media only screen and (min-width: 590px) {
  .serviceProductTitle {
    font-size: 40px;
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 1520px) {
  .serviceProductTitle {
    font-size: 57px;
  }
}
@media only screen and (min-width: 820px) {
  .serviceProductTitle br {
    display: none;
  }
}
@media only screen and (min-width: 1340px) {
  .serviceProductTitle br {
    display: inline-block;
  }
}

.serviceProductText,
.serviceProductText p {
  font-weight: 300;
  font-size: 4.375vw;
  color: #262a2b;
  line-height: 157%;
}
@media only screen and (min-width: 590px) {
  .serviceProductText,
  .serviceProductText p {
    font-size: 16px;
    line-height: 175%;
  }
}
.serviceProductText p {
  margin-bottom: 4.69vw;
}
@media only screen and (min-width: 590px) {
  .serviceProductText p {
    margin-bottom: 20px;
  }
}

.wrapServiceProductImages {
  grid-area: serviceProductImages;
}
@media only screen and (min-width: 820px) {
  .wrapServiceProductImages {
    width: 100%;
    max-width: 680px;
    position: relative;
    display: block;
    margin: auto;
    z-index: 5;
  }
}
@media only screen and (min-width: 1340px) {
  .wrapServiceProductImages {
    max-height: 650px;
  }
}
.wrapServiceProductImages.yMap {
  max-width: none;
}
@media only screen and (min-width: 590px) {
  .wrapServiceProductImages.yMap {
    height: 400px;
  }
}
@media only screen and (min-width: 820px) {
  .wrapServiceProductImages.yMap {
    height: 600px;
  }
}
@media only screen and (min-width: 1340px) {
  .wrapServiceProductImages.yMap {
    height: 100%;
  }
}

.wrapServiceProductText {
  grid-area: serviceProductText;
  padding: 0vw 3.125vw;
}
@media only screen and (min-width: 590px) {
  .wrapServiceProductText {
    padding: 80px 20px 80px 30px;
    align-self: center;
  }
}
@media only screen and (min-width: 820px) {
  .wrapServiceProductText {
    padding: 80px 34px 80px 34px;
    align-self: center;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapServiceProductText {
    padding: 80px 74px 80px 73px;
  }
}

@media only screen and (min-width: 590px) {
  .mob .wrapServiceProductText {
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}

.serviceProductLine {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "serviceProductText" "serviceProductImages";
  grid-gap: 9vw;
  background-color: #ffffff;
  padding: 7vw 0;
}
@media only screen and (min-width: 590px) {
  .serviceProductLine {
    grid-template-columns: 100%;
    grid-gap: 0px;
    align-items: center;
    min-height: 650px;
    padding: 0 0 60px 0;
  }
}
@media only screen and (min-width: 1340px) {
  .serviceProductLine {
    grid-template-columns: 50% 50%;
    grid-gap: 0px;
    align-items: center;
    min-height: 650px;
    padding: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 590px) {
  .serviceProductLine.withMap {
    padding-bottom: 0;
  }
}
.serviceProductLine.slider img {
  display: block;
}
@media only screen and (min-width: 590px) {
  .serviceProductLine.slider {
    min-height: auto;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1340px) {
  .serviceProductLine:nth-child(2n-1) {
    grid-template-areas: "serviceProductImages serviceProductText";
  }
}
@media only screen and (min-width: 1340px) {
  .serviceProductLine:nth-child(2n-1) .wrapServiceProductText {
    padding: 80px 59px 80px 74px;
  }
}
.serviceProductLine:nth-child(2n) {
  background-color: #efefef;
}
@media only screen and (min-width: 1340px) {
  .serviceProductLine:nth-child(2n) {
    grid-template-areas: "serviceProductText serviceProductImages";
  }
}
@media only screen and (min-width: 820px) {
  .serviceProductLine:nth-child(2n) .wrapServiceProductImages {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1340px) {
  .serviceProductLine:nth-child(5) img {
    width: 374px;
  }
}
.serviceProductLine:nth-child(3), .serviceProductLine:nth-child(4) {
  padding-bottom: 0;
}

@media only screen and (min-width: 590px) {
  .serviceProductSlide {
    text-align: center;
  }
}
@media only screen and (min-width: 1340px) {
  .serviceProductSlide img {
    width: 100%;
    max-height: 650px;
  }
}

.wrapServImgNav {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}

.productDescrImages img {
  width: 100%;
  aspect-ratio: 1.775/1;
  display: block;
}

.butInstruction {
  position: relative;
  font-size: 4.375vw;
  width: 80vw;
  height: 12.5vw;
  text-transform: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 3vw;
  padding-bottom: 1.5vw;
}
@media only screen and (min-width: 590px) {
  .butInstruction {
    width: 260px;
    height: 60px;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 0;
    gap: 16px;
  }
}
.butInstruction:before {
  content: " ";
  display: block;
  width: 6.375vw;
  height: 6.375vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-instruction.195f57b14242f037d31c.svg);
}
@media only screen and (min-width: 590px) {
  .butInstruction:before {
    width: 30px;
    height: 30px;
  }
}
.butInstruction.butKp:before {
  background-image: url(/wp-content/themes/kentavr/assets-dist/icons/ico-kp.805de3fa14632323293e.svg);
}
.butInstruction:hover .underline:after {
  transform: translate3d(-100%, 0, 0);
}

.wrapProductFiles {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.wrapProductFiles .wrapBut {
  height: 13.125vw;
}
@media only screen and (min-width: 590px) {
  .wrapProductFiles .wrapBut {
    height: 60px;
  }
}

.wrapServiceMap {
  height: 81.77vw;
}
@media only screen and (min-width: 590px) {
  .wrapServiceMap {
    width: 100%;
    height: 100%;
  }
}

@media only screen and (min-width: 1340px) {
  #serviceProductSlider_3 {
    max-width: 100%;
  }
}
#serviceProductSlider_3 img {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 1340px) {
  #serviceProductSlider_3 img {
    height: 650px;
    object-fit: cover;
    object-position: center;
  }
}

.wrapServiceLink {
  margin-top: 7vw;
}
@media only screen and (min-width: 590px) {
  .wrapServiceLink {
    margin-top: 35px;
  }
}

#serviceProductSlider_0 img {
  position: relative;
  left: -4vw;
}
@media only screen and (min-width: 590px) {
  #serviceProductSlider_0 img {
    left: -25px;
  }
}
@media only screen and (min-width: 1340px) {
  #serviceProductSlider_0 img {
    left: 0;
  }
}

#serviceProductSlider_4 img {
  max-width: 400px;
  display: block;
  margin: auto;
}