@keyframes swiperHelper {
  0% {
    transform:translateX(0);
    opacity:1
  }
  39% {
    opacity:1
  }
  56% {
    opacity:.5
  }
  77% {
    transform:translateX(-150%);
    opacity:0
  }

}

.swiper-autoheight .swiper-slide {
  height:auto
}

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

.swiper-mobile-helper {
  position:absolute;
  width:60px;
  height:60px;
  background:url('/kristyle-dance.ru/_s/images/v3/theme/4/res/swipe_circle.png');
  background-size:contain;
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity;
  animation:none
}

.swiper-mobile-helper.show {
  animation:swiperHelper 1.3s ease 2 both
}

.swiper-mobile-helper.fade {
  opacity:0;
  visibility:hidden;
  transition:opacity .5s ease,visibility .5s ease
}

.flexbe-cards-slider .swiper-mobile-helper {
  top:7%;
  right:-28px
}

.container-tabs .swiper-mobile-helper {
  top:-40px;
  right:-8px
}

body.is-pointer .swiper-mobile-helper {
  display:none
}

.swiper-wrapper {
  position:relative;
  flex-wrap:nowrap!important;
  justify-content:flex-start;
  transition:all .65s cubic-bezier(.64,.13,.43,.99)
}

.swiper-effect-fade .swiper-slide {
  position:relative;
  pointer-events:none;
  padding:0!important;
  opacity:0;
  visibility:hidden;
  transition-property:opacity,visibility;
  transition-timing-function:cubic-bezier(.7,0,.3,1);
  z-index:0
}

.swiper-effect-fade .swiper-slide>.component-image,.swiper-effect-fade .swiper-slide>.component-video {
  transform:scale(1.15);
  transition:transform .85s cubic-bezier(.7,0,.3,1)
}

.swiper-effect-fade .swiper-slide-active {
  pointer-events:auto;
  opacity:1;
  visibility:visible;
  z-index:1
}

.swiper-effect-fade .swiper-slide-active>.component-image,.swiper-effect-fade .swiper-slide-active>.component-video,.swiper-effect-fade .swiper-slide-duplicate-active>.component-image,.swiper-effect-fade .swiper-slide-duplicate-active>.component-video {
  transform:scale(1)
}

.slider-button-holder {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:1em;
  height:1em;
  transition:opacity .3s,visibility .3s,transform .3s cubic-bezier(.21,.67,.58,1)
}

.slider-button-bg {
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:0;
  border:2px solid currentColor;
  opacity:1;
  transition:transform .3s cubic-bezier(.21,.67,.58,1),opacity .18s linear;
  will-change:opacity
}

.slider-button-icon {
  position:relative;
  width:20px;
  height:20px;
  pointer-events:none;
  will-change:opacity
}

.slider-button {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:50px;
  line-height:1;
  text-align:center;
  position:absolute;
  top:0;
  z-index:200;
  height:100%;
  padding:0 .4em;
  cursor:pointer;
  transition:opacity .3s cubic-bezier(.42,0,.79,.33),visibility .3s cubic-bezier(.42,0,.79,.33);
  -webkit-tap-highlight-color:transparent
}

.slider-button.swiper-button-disabled {
  cursor:default!important;
  opacity:.4
}

.slider-button.swiper-button-disabled .slider-button-holder {
  pointer-events:none!important
}

.is-pointer .slider-button:not(.swiper-button-disabled):hover .slider-button-bg {
  will-change:transform;
  transform:scale(1.08)
}

body.is-view .slider-button.disabled {
  display:none
}

.slider-button[data-direction=prev] {
  left:0
}

.slider-button[data-direction=next] {
  right:0
}

.slider-button[data-direction=next] .slider-button-icon {
  transform:rotate(180deg)
}

.slider-button.color--dark {
  color:#1b1b1c
}

.slider-button.color--light {
  color:#fff
}

.slider-button.size--small {
  font-size:40px;
  padding:0 .25em
}

.slider-button.shape--square .slider-button-bg {
  border-radius:0
}

.slider-button.shape--rounded .slider-button-bg {
  border-radius:4px
}

.slider-button.shape--round .slider-button-bg {
  border-radius:50%
}

.slider-button.style--filled .slider-button-bg {
  border-color:transparent
}

.slider-button.style--filled.color--dark {
  color:#fff
}

.slider-button.style--filled.color--dark .slider-button-bg {
  background:#1b1b1c
}

.slider-button.style--filled.color--light {
  color:#1b1b1c
}

.slider-button.style--filled.color--light .slider-button-bg {
  background:#fff
}

.slider-button.style--filled.color--custom .slider-button-bg {
  background:currentColor
}

.slider-button.style--filled_opacify .slider-button-bg {
  background-color:currentColor;
  opacity:.4;
  border-color:transparent
}

.is-pointer .slider-button.style--filled_opacify:not(.swiper-button-disabled):hover .slider-button-bg {
  opacity:.6!important;
  transform:translateZ(0)
}

.is-pointer .slider-button.style--filled_opacify:not(.swiper-button-disabled):active .slider-button-bg {
  transform:scale(1.08)
}

.slider-button.style--bordered .slider-button-bg {
  background:transparent!important
}

.slider-button.style--bordered .slider-button-icon {
  color:inherit
}

.is-pointer .slider-button.style--flat:not(.swiper-button-disabled):hover .slider-button-bg {
  transform:none
}

.is-pointer .slider-button.style--flat:not(.swiper-button-disabled):hover.direction-prev .slider-button-holder {
  transform:translateX(-3px)
}

.is-pointer .slider-button.style--flat:not(.swiper-button-disabled):hover.direction-next .slider-button-holder {
  transform:translateX(3px)
}

.slider-button.style--flat .slider-button-holder {
  width:30px;
  height:30px
}

.slider-button.style--flat .slider-button-bg {
  background:transparent!important;
  border-color:transparent!important
}

.slider-button.style--flat .slider-button-icon {
  color:inherit;
  width:100%;
  height:100%
}

.component-slider[data-current-content=video] .slider-button .slider-button-holder {
  pointer-events:all
}

.content-zone[data-contrast=dark] .slider-button.style--filled.color--contrast,[data-contrast=dark] .slider-button.style--filled.color--contrast {
  color:#fff
}

.content-zone[data-contrast=dark] .slider-button.style--filled.color--contrast .slider-button-bg,[data-contrast=dark] .slider-button.style--filled.color--contrast .slider-button-bg {
  background:#1b1b1c
}

.content-zone[data-contrast=dark] .slider-button.style--filled_opacify.color--contrast,[data-contrast=dark] .slider-button.style--filled_opacify.color--contrast {
  color:#fff
}

.content-zone[data-contrast=dark] .slider-button.style--filled_opacify.color--contrast .slider-button-bg,[data-contrast=dark] .slider-button.style--filled_opacify.color--contrast .slider-button-bg {
  opacity:.25;
  background:#1b1b1c
}

.content-zone[data-contrast=light] .slider-button.style--filled.color--contrast,[data-contrast=light] .slider-button.style--filled.color--contrast {
  color:#1b1b1c
}

.content-zone[data-contrast=light] .slider-button.style--filled.color--contrast .slider-button-bg,[data-contrast=light] .slider-button.style--filled.color--contrast .slider-button-bg {
  background:#fff
}

.content-zone[data-contrast=light] .slider-button.style--filled_opacify.color--contrast,[data-contrast=light] .slider-button.style--filled_opacify.color--contrast {
  color:#1b1b1c
}

.content-zone[data-contrast=light] .slider-button.style--filled_opacify.color--contrast .slider-button-bg,[data-contrast=light] .slider-button.style--filled_opacify.color--contrast .slider-button-bg {
  background:#fff;
  opacity:.25
}

body.adaptive-mobile .slider-button {
  font-size:40px;
  padding:0 .25em;
  transform:translateZ(0)
}

.slider-pagination {
  display:flex;
  flex-shrink:0;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-width:18px;
  min-height:20px;
  padding:10px 0;
  transition:opacity .3s cubic-bezier(.42,0,.79,.33),visibility .3s cubic-bezier(.42,0,.79,.33)
}

.slider-pagination.color--contrast {
  color:inherit
}

.slider-pagination.color--dark {
  color:#1b1b1c
}

.slider-pagination.color--light {
  color:#fff
}

.slider-pagination.size--small {
  min-height:18px
}

.slider-pagination.position--inside {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  z-index:2
}

.slider-pagination.position--inside:empty {
  display:none
}

.slider-pagination.position--outside {
  padding-bottom:0;
  position:relative;
  bottom:auto
}

.slider-pagination.type--fraction {
  font-size:16px;
  line-height:20px;
  font-weight:500
}

.slider-pagination.type--fraction.size--small {
  font-size:14px;
  line-height:18px
}

.swiper-pagination-bullet {
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  pointer-events:all;
  cursor:pointer;
  transition:all .45s ease
}

.swiper-pagination-bullet:before {
  width:10px;
  height:10px;
  border-radius:5px;
  display:block;
  content:"";
  background:currentColor;
  opacity:.25;
  flex-shrink:0;
  transform:translateZ(0);
  will-change:transform,opaticy;
  transition:transform .45s ease,opacity .45s ease
}

.swiper-pagination-bullet-active:before,.swiper-pagination-bullet[data-state=active]:before {
  opacity:1
}

.swiper-pagination-bullet[data-state=active]:first-child,.swiper-pagination-bullet[data-state=normal]:first-child {
  margin-left:34px
}

.swiper-pagination-bullet[data-state=active]:last-child,.swiper-pagination-bullet[data-state=normal]:last-child {
  margin-right:34px
}

.swiper-pagination-bullet[data-state=next] {
  width:18px
}

.swiper-pagination-bullet[data-state=next]:first-child {
  margin-left:16px
}

.swiper-pagination-bullet[data-state=next]:last-child {
  margin-right:16px
}

.swiper-pagination-bullet[data-state=next]:before {
  transform:scale(.8)
}

.swiper-pagination-bullet[data-state=more] {
  width:16px
}

.swiper-pagination-bullet[data-state=more]:before {
  transform:scale(.6)
}

.swiper-pagination-bullet[data-state=hidden] {
  width:0!important
}

.swiper-pagination-bullet[data-state=hidden]:before {
  opacity:0;
  transform:scale(0)
}

.size--small>.swiper-pagination-bullet {
  width:18px;
  height:18px
}

.size--small>.swiper-pagination-bullet:before {
  width:8px;
  height:8px
}

.size--small>.swiper-pagination-bullet[data-state=active]:first-child,.size--small>.swiper-pagination-bullet[data-state=normal]:first-child {
  margin-left:30px
}

.size--small>.swiper-pagination-bullet[data-state=active]:last-child,.size--small>.swiper-pagination-bullet[data-state=normal]:last-child {
  margin-right:30px
}

.size--small>.swiper-pagination-bullet[data-state=next] {
  width:16px
}

.size--small>.swiper-pagination-bullet[data-state=next]:first-child {
  margin-left:14px
}

.size--small>.swiper-pagination-bullet[data-state=next]:last-child {
  margin-right:14px
}

.size--small>.swiper-pagination-bullet[data-state=next]:before {
  transform:scale(.75)
}

.size--small>.swiper-pagination-bullet[data-state=more] {
  width:14px
}

.size--small>.swiper-pagination-bullet[data-state=more]:before {
  transform:scale(.5)
}

.swiper-pagination-current,.swiper-pagination-total {
  padding:0 4px
}