@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
: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;
  z-index: 1;
  display: block
}
.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform,-webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px,0,0);
  transform: translate3d(0px,0,0)
}
.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform,-webkit-transform;
  display: block
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: transform,height,-webkit-transform
}
.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.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 {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  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: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  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 {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  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 {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  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)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  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: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
  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: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
  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: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
  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: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
  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;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: 1s linear infinite swiper-preloader-spin;
  animation: 1s linear infinite swiper-preloader-spin
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto
}
.swiper-button-lock {
  display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,0.2)
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet:only-child {
  display: none!important
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  -webkit-transform: translate3d(0px,-50%,0);
  transform: translate3d(0px,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top 0.2s,-webkit-transform 0.2s;
  transition: transform 0.2s,top 0.2s,-webkit-transform 0.2s
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: left 0.2s,-webkit-transform 0.2s;
  transition: transform 0.2s,left 0.2s,-webkit-transform 0.2s
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right 0.2s,-webkit-transform 0.2s;
  transition: transform 0.2s,right 0.2s,-webkit-transform 0.2s
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit)
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25));
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1))
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none!important
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube {
  overflow: visible
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-flip {
  overflow: visible
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity,height,-webkit-transform;
  transition-property: transform,opacity,height,-webkit-transform
}
.swiper-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}
.clearfix:after {
  content: "";
  display: block;
  clear: both
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
@font-face {
  font-family: "facundo";
  src: url("../fonts/latinotype_-_facundo_regular-webfont.woff2") format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "facundo";
  src: url("../fonts/latinotype_-_facundo_semibold-webfont.woff2") format("woff");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: "facundo";
  src: url("../fonts/latinotype_-_facundo_bold-webfont.woff2") format("woff");
  font-weight: 700;
  font-style: normal
}
body {
  margin: 0
}

.section-infographic {
  font: 16px/1.375 "facundo","Arial","Helvetica Neue","Helvetica",sans-serif;
  min-width: 360px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  letter-spacing: -0.01em
}

.section-infographic p {
  font-size: 15px!important;
  line-height: 1.2;
}

@media (min-width:768px) {
  .section-infographic {
    font-size: 15px !important;
    line-height: 1.2
  }
}
.section-infographic * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.section-infographic img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}
.section-infographic p {
  margin: 0 0 10px
}
.section-infographic p:last-child {
  margin-bottom: 0
}
.section-infographic .container {
  margin: 0 auto;
  max-width: 1245px;
  padding: 0 30px
}
.swiper-infographic {
  padding: 60px 0 0 7px;
  margin: 0 -12px 0 -16px
}
@media (min-width:768px) {
  .swiper-infographic {
    padding: 45px 0 35px;
    cursor: -webkit-grab;
    cursor: grab
  }
}
@media (min-width:768px) {
  .swiper-infographic.reach-start:before {
    opacity: 0
  }
}
@media (min-width:768px) {
  .swiper-infographic.reach-end:after {
    opacity: 0
  }
}
.swiper-infographic:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 40px;
  width: 7px;
  height: 100%;
  background: #003336;
  border-radius: 5px
}
@media (min-width:768px) {
  .swiper-infographic:before {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    left: 0;
    top: 0;
    width: 90px;
    border-radius: 0;
    background: -webkit-gradient(linear,left top,right top,from(white),to(rgba(255,255,255,0)));
    background: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%);
    z-index: 2
  }
}
@media (min-width:1024px) {
  .swiper-infographic:before {
    width: 189px
  }
}
@media (min-width:768px) {
  .swiper-infographic:after {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    right: 0;
    z-index: 2;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%)
  }
}
@media (min-width:1024px) {
  .swiper-infographic:after {
    width: 189px
  }
}
.swiper-infographic .swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-infographic.swiper-horizontal > .swiper-scrollbar {
  display: none
}
@media (min-width:768px) {
  .swiper-infographic .swiper-scrollbar.swiper-scrollbar-horizontal,
  .swiper-infographic.swiper-horizontal > .swiper-scrollbar {
    top: auto;
    bottom: 0;
    display: block
  }
}
.swiper-infographic__year {
  font-size: 20px !important;
  line-height: 1;
  font-weight: 700;
  color: #003336;
  padding: 0 0 0 25px;
  position: relative;
  letter-spacing: -0.05em
}
@media (min-width:768px) {
  .swiper-infographic__year {
    font-size: 21px !important;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 0 0 10px;
    position: absolute;
    left: 10px;
    top: calc(50% + 25px)
  }
}
.swiper-infographic__year:before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 5px #51dac5;
  box-shadow: inset 0 0 0 5px #51dac5
}
@media (min-width:768px) {
  .swiper-infographic__year:before {
    width: 29px;
    height: 29px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(100% - 7px);
    -webkit-box-shadow: inset 0 0 0 9px #51dac5;
    box-shadow: inset 0 0 0 9px #51dac5
  }
}
.swiper-infographic__info-block {
  position: relative;
  z-index: 1;
  margin: 51px 0 0
}
@media (min-width:768px) {
  .swiper-infographic__info-block {
    height: 100%;
    position: absolute;
    margin-top: 0
  }
}
.swiper-infographic__info-block:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: #003336;
  z-index: -1
}
@media (min-width:768px) {
  .swiper-infographic__info-block:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: auto;
    top: 0;
    bottom: 0
  }
}
.swiper-infographic__info-block:last-child .swiper-infographic__square-box {
  margin-bottom: 80px
}
@media (min-width:768px) {
  .swiper-infographic__info-block:last-child .swiper-infographic__square-box {
    margin-bottom: 0
  }
}
.swiper-infographic__info-block + .swiper-infographic__info-block {
  margin-top: 20px
}
@media (min-width:768px) {
  .swiper-infographic__info-block + .swiper-infographic__info-block {
    margin-top: 0
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block[class*=" position-bottom-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: calc(50% + 20px)
  }
}
.swiper-infographic__info-block.border-m-none:before {
  display: none
}
@media (min-width:768px) {
  .swiper-infographic__info-block.border-m-none:before {
    display: block
  }
}
.swiper-infographic__info-block.position-top-01 {
  margin: -56px 0 0
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-01 {
    top: 60px;
    height: calc(50% - 40px);
    left: 0;
    margin: 0
  }
}
.swiper-infographic__info-block.position-top-02 {
  margin-top: 0
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-02 {
    left: -29px;
    top: 31px;
    height: calc(50% - 11px)
  }
}
.swiper-infographic__info-block.position-top-02 .img-fly {
  top: 139px;
  left: -59px;
  border-radius: 50%;
  border: 2px solid #ddd8de;
  width: 100px;
  background-color: #fff
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-02 .img-fly {
    width: 80px;
    top: 148px;
    left: 6px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-03 {
    left: auto;
    right: -66px;
    top: 40px;
    height: calc(50% - 25px)
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-04 {
    height: calc(50% - 134px);
    left: -27px;
    top: 149px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-05 {
    height: calc(50% - 23px);
    right: -111px;
    top: 44px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-06 {
    height: calc(50% - 65px);
    right: -44px;
    top: 82px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-06 .swiper-infographic__circle-box {
    width: 164px;
    height: 164px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-07 {
    height: calc(50% - 63px);
    left: 105px;
    top: 83px
  }
}
.swiper-infographic__info-block.position-top-07 .decor-wrap {
  width: 228px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-07 .decor-wrap {
    width: 256px;
    margin-top: -13px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-08 {
    height: calc(50% - 122px);
    left: -29px;
    top: 137px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-09 {
    height: calc(50% - 15px);
    left: 0;
    top: 31px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-09 .swiper-infographic__circle-box {
    width: 170px;
    height: 170px
  }
}
.swiper-infographic__info-block.position-top-09 .decor-wrap {
  width: 213px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-09 .decor-wrap {
    margin: 7px 0 0 -14px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-10 {
    height: calc(50% - 70px);
    left: 160px;
    top: 87px
  }
}
.swiper-infographic__info-block.position-top-10 .swiper-infographic__circle-box {
  width: 163px;
  height: 163px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-11 {
    height: calc(50% - 118px);
    left: -44px;
    top: 133px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-12 {
    height: calc(50% - 14px);
    left: 16px;
    top: 30px
  }
}
.swiper-infographic__info-block.position-top-13 {
  margin-bottom: 30px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-13 {
    height: calc(50% - 180px);
    left: 298px;
    top: 82px;
    margin-bottom: 0
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-13 .swiper-infographic__circle-box {
    width: 163px;
    height: 163px
  }
}
.swiper-infographic__info-block.position-top-13 .img-fly {
  right: 77%;
  top: 148px;
  width: 91px;
  border-radius: 50%
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-13 .img-fly {
    right: auto;
    top: 65px;
    width: 140px;
    left: -107px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-14 {
    height: calc(50% - 79px);
    left: 30px;
    top: 95px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-15 {
    height: calc(50% - 9px);
    left: 187px;
    top: 27px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-15 .swiper-infographic__icon-text {
    width: 145px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-16 {
    height: calc(50% - 23px);
    left: 591px;
    top: 39px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-16 .swiper-infographic__circle-box {
    width: 178px;
    height: 178px
  }
}
.swiper-infographic__info-block.position-top-16 .decor-wrap {
  width: 217px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-16 .decor-wrap {
    margin: 4px 0 0 -33px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-17 {
    height: calc(50% - 18px);
    right: -58px;
    top: 38px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-18 {
    height: calc(50% - 13px);
    left: 80px;
    top: 28px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-top-18 .swiper-infographic__icon-text {
    margin: 0 -32px 0 32px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-01 {
    height: calc(50% - 132px);
    left: -102px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-02 {
    height: calc(50% - 30px);
    left: -71px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-03 {
    height: calc(50% - 89px);
    left: -37px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-04 {
    height: calc(50% - 25px);
    left: 55px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-04 .swiper-infographic__circle-box {
    width: 195px;
    height: 195px
  }
}
.swiper-infographic__info-block.position-bottom-04 .img-fly {
  right: 5px;
  top: -6px;
  width: 75px;
  border: 3px solid #51dac5;
  border-radius: 50%;
  background-color: #fff
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-04 .img-fly {
    right: auto;
    top: -27px;
    width: 84px;
    left: 8px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-05 {
    height: calc(50% - 70px);
    left: 72px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-05 .swiper-infographic__circle-box {
    width: 175px;
    height: 175px
  }
}
.swiper-infographic__info-block.position-bottom-05 .img-fly {
  right: 68%;
  top: 169px;
  width: 91px;
  border-radius: 50%
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-05 .img-fly {
    right: -115px;
    top: 73px;
    width: 139px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-06 {
    height: calc(50% - 41px);
    right: 59px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-07 {
    height: calc(50% - 76px);
    left: 20px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-07 .swiper-infographic__circle-box {
    width: 160px;
    height: 160px
  }
}
.swiper-infographic__info-block.position-bottom-07 .img-fly {
  right: 0;
  top: 156px;
  width: 62px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-07 .img-fly {
    width: 63px;
    right: auto;
    left: 0;
    top: 105px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-08 {
    height: calc(50% - 95px);
    left: -12px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-09 {
    height: calc(50% - 61px);
    left: 83px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-10 {
    height: calc(50% - 61px);
    right: -69px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-11 {
    height: calc(50% - 29px);
    left: 7px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-12 {
    height: calc(50% - 30px);
    left: 188px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-13 {
    height: calc(50% - 140px);
    right: -23px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-14 {
    height: calc(50% - 33px);
    left: 32px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-15 {
    height: calc(50% - 81px);
    left: 18px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-16 {
    height: calc(50% - 113px);
    left: 282px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-17 {
    height: auto;
    left: 370px;
    bottom: calc(50% - 78px);
    top: auto
  }
}
.swiper-infographic__info-block.position-bottom-17:before {
  bottom: 24px
}
.swiper-infographic__info-block.position-bottom-17 .swiper-infographic__text {
  text-align: right;
  margin: 0 0 0 auto
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-17 .swiper-infographic__text {
    margin: 0 auto 37px;
    text-align: center;
    max-width: 175px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-17 .swiper-infographic__circle-img {
    width: 120px
  }
}
.swiper-infographic__info-block.position-bottom-18 {
  margin-bottom: 40px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-18 {
    height: calc(50% - 110px);
    left: 515px;
    margin-bottom: 0
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-18 .swiper-infographic__circle-box {
    width: 145px;
    height: 145px
  }
}
.swiper-infographic__info-block.position-bottom-18 .img-fly {
  left: 0;
  top: 180px;
  width: 62px
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-18 .img-fly {
    width: 64px;
    left: 37px;
    top: 113px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-19 {
    height: calc(50% - 31px);
    left: 680px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-19 .swiper-infographic__icon-text {
    width: 187px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-20 {
    height: calc(50% - 97px);
    left: -4px
  }
}
@media (min-width:768px) {
  .swiper-infographic__info-block.position-bottom-21 {
    height: calc(50% - 78px);
    left: -9px
  }
}
.swiper-infographic__circle-box {
  width: 235px;
  height: 235px;
  border-radius: 50%;
  background-color: #003336;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 26px 20px 15px;
  margin: 0 0 0 auto;
  position: relative
}
@media (min-width:768px) {
  .swiper-infographic__circle-box {
    width: 185px;
    height: 185px
  }
}
.swiper-infographic__circle-box.border-success {
  border: 2px solid #003336
}
.swiper-infographic__circle-box.bg-white {
  background-color: #fff;
  color: #003336
}
.swiper-infographic__circle-box.bg-info {
  background-color: #51dac5;
  color: #003336
}
.swiper-infographic__circle-box mark {
  background-color: transparent;
  color: #51dac5;
  font-weight: 700
}
.swiper-infographic__circle-img {
  width: 100%;
  border-radius: 50%;
  margin: 0 0 0 auto;
  text-align: right;
  position: relative
}
@media (min-width:768px) {
  .swiper-infographic__circle-img {
    width: 140px;
    margin: 0 auto;
    text-align: center
  }
}
.swiper-infographic__circle-img:before {
  content: "";
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  background: #003336;
  z-index: -1
}
@media (min-width:768px) {
  .swiper-infographic__circle-img:before {
    display: none
  }
}
.swiper-infographic__square-box {
  width: calc(100% - 24px);
  border-radius: 15px;
  background-color: #ddd8de;
  color: #003336;
  padding: 18px 17px;
  margin: 0 0 0 auto
}
.swiper-infographic__square-box.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.swiper-infographic__square-box.d-flex .img-box {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 12px 0 0
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-130 {
    width: 130px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-160 {
    width: 160px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-167 {
    width: 167px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-176 {
    width: 176px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-189 {
    width: 189px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-196 {
    width: 196px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-200 {
    width: 200px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-205 {
    width: 205px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-217 {
    width: 217px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-220 {
    width: 220px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-240 {
    width: 240px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-245 {
    width: 245px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-250 {
    width: 250px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-260 {
    width: 181px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-264 {
    width: 264px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-268 {
    width: 268px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-272 {
    width: 272px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-290 {
    width: 290px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-293 {
    width: 293px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-317 {
    width: 317px
  }
}
@media (min-width:768px) {
  .swiper-infographic__square-box.width-sq-tb-326 {
    width: 326px
  }
}
.swiper-infographic__icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 173px;
  margin: 0 0 0 auto;
  padding: 7px 0;
  background-color: #fff;
  font-size: 14px !important;
  line-height: 1.29;
  font-weight: 700;
  color: #003336
}
@media (min-width:768px) {
  .swiper-infographic__icon-text {
    margin: 0 auto;
    width: 131px
  }
}
.swiper-infographic__icon-text.width-it-tb-248 {
  width: 195px
}
.swiper-infographic__icon-text img {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.swiper-infographic__icon-text p {
  margin: 0;
  padding: 0 0 0 10px
}
.swiper-infographic__text {
  max-width: 275px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  padding: 15px 10px;
  color: #003336;
  font-weight: 600
}
.swiper-infographic .swiper-wrapper {
  display: block
}
@media (min-width:768px) {
  .swiper-infographic .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.swiper-infographic .swiper-slide {
  width: auto;
  margin: -57px 0 51px
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide {
    min-height: 601px;
    height: auto;
    margin: 0
  }
}
.swiper-infographic .swiper-slide:first-child:before {
  left: 22px
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide:first-child .swiper-infographic__year {
    margin: 0 0 0 15px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide:nth-child(even) .swiper-infographic__year {
    top: auto;
    bottom: calc(50% - 24px);
    padding: 24px 0 0
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide:nth-child(even) .swiper-infographic__year:before {
    top: -7px
  }
}
.swiper-infographic .swiper-slide:last-child {
  padding: 0 0 176px;
  margin-bottom: 0
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide:last-child {
    padding-bottom: 0
  }
}
.swiper-infographic .swiper-slide:last-child:after {
  content: "";
  position: absolute;
  left: 0;
  width: 7px;
  height: 176px;
  bottom: 0;
  background: url(../images/icon-03.jpg) 0 0/100% no-repeat
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide:last-child:after {
    width: 201px;
    height: 8px;
    background: url(../images/icon-02.jpg) 0 0/100% auto no-repeat;
    left: auto;
    right: 0;
    bottom: auto;
    top: calc(50% + 18px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide:before {
    content: "";
    position: absolute;
    left: -10px;
    right: 0;
    top: calc(50% + 18px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 8px;
    background: #003336
  }
}
.swiper-infographic .swiper-slide.swiper-slide-one {
  margin: -21px 0 0
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-one {
    width: 130px;
    margin: 0
  }
}
.swiper-infographic .swiper-slide.swiper-slide-two {
  margin-bottom: 77px
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-two {
    width: 92px;
    margin: 0
  }
}
.swiper-infographic .swiper-slide.swiper-slide-three {
  margin-bottom: 86px
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-three {
    width: 95px;
    margin-bottom: 0
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-four {
    width: 246px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-five {
    width: 104px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-six {
    width: 205px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-seven {
    width: 253px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-eight {
    width: 337px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-eight .swiper-infographic__circle-box {
    width: 173px;
    height: 173px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-nine {
    width: 208px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-ten {
    width: 101px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-eleven {
    width: 416px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-twelve {
    width: 85px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-thirteen {
    width: 482px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-fourteen {
    width: 176px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-fiveteen {
    width: 953px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-sixteen {
    width: 240px
  }
}
@media (min-width:768px) {
  .swiper-infographic .swiper-slide.swiper-slide-seventeen {
    width: 360px
  }
}
.swiper-infographic .img-fly {
  position: absolute
}
.swiper-infographic .decor-wrap {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.swiper-infographic .img-box {
  margin: 0 0 11px
}
.swiper-infographic .img-box:last-child {
  margin-bottom: 0
}