.bot_first-screen {
  background-position: center top;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative; }
  .bot_first-screen:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .7;
    background-image: -webkit-linear-gradient(45deg, #1f2126 0, #302f2d 100%);
    background-image: -o-linear-gradient(45deg, #1f2126 0, #302f2d 100%);
    background-image: linear-gradient(45deg, #1f2126 0, #302f2d 100%); }

.swiper-container {
  -webkit-transition: opacity .6s ease, -webkit-transform .3s ease;
  transition: opacity .6s ease, -webkit-transform .3s ease;
  -o-transition: opacity .6s ease, transform .3s ease;
  transition: opacity .6s ease, transform .3s ease;
  transition: opacity .6s ease, transform .3s ease, -webkit-transform .3s ease; }

.swiper-container.loading {
  visibility: hidden;
  opacity: 0; }

.bot_root-slider {
  width: 100%;
  height: -webkit-calc(100vw * (16 / 9));
  height: calc(100vw * (16 / 9));
  min-height: 40rem;
  max-height: 100vh; }
  .bot_root-slider__item {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-color: #000; }
  .bot_root-slider__bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
            background-size: cover; }
    .bot_root-slider__bgimg:before {
      position: absolute;
      _z-index: 10;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: '';
      opacity: .7;
      background-image: -webkit-linear-gradient(45deg, #1f2126 0, #302f2d 100%);
      background-image: -o-linear-gradient(45deg, #1f2126 0, #302f2d 100%);
      background-image: linear-gradient(45deg, #1f2126 0, #302f2d 100%); }
  .bot_root-slider__entity-img {
    display: none; }
  .bot_root-slider__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .bot_root-slider__inner {
    width: 100%;
    max-width: 809px;
    margin: 0 auto; }
  .bot_root-slider__title {
    font-size: 56px;
    font-weight: 400;
    line-height: 64px;
    padding: 15px 0 15px 0;
    color: white; }
  .bot_root-slider .bot_btn {
    margin-right: 8px;
    margin-bottom: 8px; }
  .bot_root-slider__btn .btn:hover {
    color: #fff; }
  .bot_root-slider__btn:empty {
    display: none; }
  .bot_root-slider__pagination {
    right: 50%;
    display: block;
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 1.14286rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    text-align: right; }
  .bot_root-slider__pagination .swiper-pagination-bullet {
    position: relative;
    width: 16px;
    height: 16px;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity: 1;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
            border-radius: 0;
    background-color: transparent; }
  .bot_root-slider__caption {
    font-size: 18px;
    line-height: 26px;
    display: block;
    max-width: 610px;
    padding: 6px 0 38px;
    -webkit-transition: opacity .3s ease, -webkit-transform .7s ease;
    transition: opacity .3s ease, -webkit-transform .7s ease;
    -o-transition: opacity .3s ease, transform .7s ease;
    transition: opacity .3s ease, transform .7s ease;
    transition: opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
        transform: translateX(50px);
    opacity: 0;
    color: white; }

.bot_root-slider__pagination .swiper-pagination-bullet::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  content: '';
  -webkit-transition: -webkit-transform .35s ease-in-out;
  transition: -webkit-transform .35s ease-in-out;
  -o-transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
  background-color: #fff; }

.bot_root-slider__pagination .swiper-pagination-bullet-active::before {
  -webkit-animation: animateScale .4s linear forwards;
  animation: animateScale .4s linear forwards; }

.bot_root-slider__caption.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0);
  opacity: 1; }

[class^=swiper-button-] {
  visibility: hidden;
  width: 44px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0; }

.swiper-button-prev {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
      transform: translateX(50px); }

.swiper-button-next {
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
      transform: translateX(-50px); }

@-webkit-keyframes animateScale {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes animateScale {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 25px;
  left: 50%; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
  margin-right: 6px; }

@media (min-width: 768px) {
  .bot_root-slider__pagination {
    padding: 0 2.14286rem; } }

@media (min-width: 992px) {
  .bot_root-slider__inner {
    padding: 0; } }

@media (max-width: 1023px) {
  .bot_root-slider__title {
    font-size: 42px;
    line-height: 45px; } }

@media (max-width: 480px) {
  .bot_root-slider__title {
    font-size: 34px;
    line-height: 36px; } }
