page {
  height: 100vh;
  overflow: hidden;
}

.header {
  background: white;
}

/*.beizhu{
   display: none;
}*/
.center_box {
  /* Start:/bitrix/templates/studia54/components/bitrix/news.detail/slider/style.css?15894449774049*/
  /* End */
}
.center_box .cb-slideshow {
  list-style: none;
}
.center_box .cb-slideshow,
.center_box .cb-slideshow:after {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.center_box .cb-slideshow:after {
  content: '';
}
@media (min-width: 992px) {
  .center_box .top-slider .cb-slideshow .slide-caption {
    left: 20%;
    right: 21%;
  }
}
.center_box .slide-title .logo-large-2.l-origin {
  width: auto;
}
.center_box .slide-title .logo-large-2.l-w-40 {
  width: 40%;
}
.center_box .cb-slideshow li span {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  animation: imageAnimation 24s linear infinite 0s;
}
.center_box .cb-slideshow li span > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.center_box .cb-slideshow li:nth-child(2) span {
  animation-delay: 4s;
}
.center_box .cb-slideshow li:nth-child(3) span {
  animation-delay: 8s;
}
.center_box .cb-slideshow li:nth-child(4) span {
  animation-delay: 12s;
}
.center_box .cb-slideshow li:nth-child(5) span {
  animation-delay: 16s;
}
.center_box .cb-slideshow li:nth-child(6) span {
  animation-delay: 20s;
}
.center_box .no-cssanimations .cb-slideshow li span {
  opacity: 1;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -webkit-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -moz-transform: scale(1.05);
    -moz-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes imageAnimation {
  0% {
    opacity: 0;
    -o-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -o-transform: scale(1.05);
    -o-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes imageAnimation {
  0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -ms-transform: scale(1.05);
    -ms-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    transform: scale(1.05);
    animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    transform: scale(1.1);
  }
  25% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
/* Show at least something when animations not supported */
@keyframes bg_change_size {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/****************************************/
.banner {
  width: 100%;
  height: calc(100vh - 95px);
}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-slide {
  width: 100%;
  height: 100%;
}
.banner .swiper-slide .item {
  width: 100%;
  height: 100vh;
  position: relative;
}
.banner .swiper-slide .item img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner .swiper-slide .item {
  /*transition: 1s linear 2s;
  transform: scale(1.1,1.1);*/
}
.banner .swiper-slide-active .item img, .banner .swiper-slide-duplicate-active .item img {
  -webkit-animation: bg_change_size 50s;
  animation: bg_change_size 50s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {
  display: none;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  opacity: 1;
}
.banner .swiper-button-next img,
.banner .swiper-button-prev img {
  /*-ms-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);*/
}

@media (max-width: 1450px) {
  .banner {
    height: calc(100vh - 54px);
  }
}
@media (max-width: 768px) {
  .banner .swiper-slide .item {
    height: auto;
  }

  .banner .swiper-slide .item img {
    position: static;
  }

  .swiper-button-next, .swiper-button-prev {
    top: 19%;
  }

  .banner {
    height: auto;
  }
}

/*# sourceMappingURL=index.css.map */