/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
.field--name-field-blocks {
  overflow: hidden;
}

.sub-elements-swiper {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
.sub-elements-swiper .swiper-slide {
  width: 254px;
}
@media (min-width: 768px) {
  .double .sub-elements-swiper .swiper-slide {
    width: 458;
  }
  .triple .sub-elements-swiper .swiper-slide {
    width: 297.333333px;
  }
  .quadrant .sub-elements-swiper .swiper-slide {
    width: 297.333333px;
  }
}
@media (min-width: 1200px) {
  .double .sub-elements-swiper .swiper-slide {
    width: 570px;
  }
  .triple .sub-elements-swiper .swiper-slide {
    width: 370.3333px;
  }
  .quadrant .sub-elements-swiper .swiper-slide {
    width: 272px;
  }
}
@media (min-width: 768px) {
  .sub-elements-swiper .swiper-slide:first-child {
    margin-left: calc((100vw - 750px + 30px) / 2);
  }
}
@media (min-width: 992px) {
  .sub-elements-swiper .swiper-slide:first-child {
    margin-left: calc((100vw - 970px + 30px) / 2);
  }
}
@media (min-width: 1200px) {
  .sub-elements-swiper .swiper-slide:first-child {
    margin-left: calc((100vw - 1170px + 30px) / 2);
  }
}
@media (min-width: 1270px) {
  .sub-elements-swiper .swiper-slide:first-child {
    margin-left: calc((100vw - 1230px + 30px) / 2);
  }
}
.sub-elements-swiper-button-prev {
  display: none;
  height: 45px;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 45px;
  z-index: 1;
}
@media (min-width: 992px) {
  .sub-elements-swiper-button-prev {
    left: 22px;
  }
  .sub-elements-swiper-button-prev.show-prev {
    display: block;
  }
}
@media (min-width: 1200px) {
  .sub-elements-swiper-button-prev {
    height: 110px;
    width: 110px;
  }
}

.sub-elements-swiper-button-next {
  height: 45px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  z-index: 1;
}
@media (max-width: 992px) {
  .sub-elements-swiper-button-next {
    display: none;
  }
}
@media (min-width: 992px) {
  .sub-elements-swiper-button-next {
    right: 22px;
  }
}
@media (min-width: 1200px) {
  .sub-elements-swiper-button-next {
    height: 110px;
    width: 110px;
  }
}