/* Затемнение навигации
.slider:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);z-index:2;}*/

/*------------Слайдер------------*/

    .slider{top:0;left:0;height:90vh;width:100%;position:relative;overflow:hidden;-webkit-overflow-scrolling:touch}
    .slide{top:0;left:0;right:0;bottom:0;position:absolute !important; z-index:1; visibility:hidden; backface-visibility:hidden;overflow:auto;transform:translateX(0%)}
    .slide-onTop{z-index:1; visibility:visible;}
    .slide.active {visibility:visible;}

    @media(max-width:767px){
        .slider {height: 400px;}
    }

    .slider-min {height:450px !important;}                                    

    /*Оцентровка контента*/
    .slide>.container>.row {height:inherit;align-items:center;}
    .slide>.container-fluid>.row {height:inherit;align-items:center;}

    .slide>.container {height:inherit;align-items:center;}
    .slide>.container-fluid {height:inherit;align-items:center;}

    .center {width:100%;display:flex;justify-content:center;flex-wrap:wrap;} /*Обертка колонок*/
    .row {min-width: 100%;}

    /*Для фонового изображения*/
    .slide {height:inherit;background-repeat:no-repeat;background-size:cover;background-attachment:inherit;background-position:50% 50%;}

/*--------Навигация цифры 01-99--------*/

    .slider-nav{position:absolute;display:flex;bottom:0px;left:50%;transform:translate(-50%,0);z-index:3;margin: 30px 0;padding: 0;}

    .slider-nav { counter-reset: my-awesome-counter; list-style:none; }
    .slider-nav li { counter-increment: my-awesome-counter; cursor:pointer; cursor: pointer;height:30px;width:30px;line-height:30px;}
    .slider-nav li a{ position:absolute;height:inherit;width:inherit;line-height:inherit;}
    .slider-nav li:after { content: "" counter(my-awesome-counter); position: absolute;width:inherit;height:inherit;line-height:inherit;text-align:center;font-size:12px;}
    .slider-nav li:nth-child(-n+9):after { content: "0" counter(my-awesome-counter);}

    .slider-nav li.active:after,.slider-nav li:hover:after {font-weight:500;}
    
    .slider-nav li:after {color:#0066CC;}
    .slider-nav li.active:after, .white .slider-nav li:hover:after {color:#2B3A62;}

/*--------Кнопки вперед / назад--------*/

    .slider-prev {position:absolute;z-index:3;left:100px;bottom:31px;transform:rotate(45deg);width:30px;height:30px;cursor:pointer;}
    .slider-prev:before {content:"";position:absolute;margin:auto;top:50%;left:0;right:0;width:6px;height:6px;transform:translate(0%,-50%) rotate(90deg);}
    
    .slider-next {position:absolute;z-index:3;left:140px;bottom:31px;transform:rotate(45deg);width:30px;height:30px;cursor:pointer;}
    .slider-next:before {content:"";position:absolute;margin:auto;top:50%;left:0;right:0;width:6px;height:6px;transform:translate(0%,-50%) rotate(-90deg);}
    @media (max-width: 768px){
        .slider-prev{display: none;}
        .slider-next{display: none;}
    }

    /*white*/
    .slider-prev,.slider-next {backdrop-filter:blur(5px);border: 1px solid #0066CC;border-radius: 100%;}
    .slider-prev:before,.slider-next:before  {border-right:2px solid #2B3A62; border-bottom:2px solid #2B3A62;}
    .slider-prev:hover,.slider-next:hover {background:#0066CC;}

/*------------Анимация Слайдера------------*/

    /*-------Прокрутка вправо-------*/
    .slide-nextOut{animation:slide_nextOut .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;-webkit-animation:slide_nextOut .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both}
    .slide-nextIn{animation:slide_nextIn .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;-webkit-animation:slide_nextIn .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both}

    /*-------Прокрутка влево-------*/
    .slide-prevIn{animation:slide_prevIn .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;-webkit-animation:slide_prevIn .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both}
    .slide-prevOut{animation:slide_prevOut .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;-webkit-animation:slide_prevOut .7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both}
    
    @keyframes slide_nextOut{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
    @keyframes slide_nextIn{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}
    @keyframes slide_prevIn{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
    @keyframes slide_prevOut{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}

    @-webkit-keyframes slide_nextOut{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
    @-webkit-keyframes slide_nextIn{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}
    @-webkit-keyframes slide_prevIn{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
    @-webkit-keyframes slide_prevOut{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}

/*------------Видео - Youtube--------------------*/

  .youtube-wrapper {background:#000;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-99;}
  .youtube-wrapper iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:300%;}

    /*-- Соотношение сторон --*/

       iframe.v_16by9 {width:100%;}
       /*iframe.v_21by9 {width:237vh;}*/
       iframe.v_21by9 {width:205vh;}

    /*-- Управление видео --*/

        .youtube-control{position:absolute;z-index:2;}
        .active {z-index:1;}
        button.active {background:#333;color:#2B3A62;border:none;}
        .video-sound {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:crosshair;}
        .off {cursor:url(/upload/icon/audio-on.png), crosshair;}
        .on {cursor:url(/upload/icon/audio-off.png), crosshair;}
    
    .youtube_preview{height:100%;width:100%;top:0;left:0;right:0;bottom:0;position:absolute;z-index:1;background-repeat:no-repeat;background-size:cover;background-attachment:inherit;background-position:50% 50%;}
    .video-play{display:none;z-index: 9;cursor:pointer;backdrop-filter:blur(5px);background: #0066CC;border:1px solid #0066CC;border-radius: 100%; width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    .video-play:before{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid white;content:"";position:absolute;margin:auto;top:50%;left:50%;right:0;width:0;height:0;transform:translate(-60%,-50%) rotate(90deg);}
    
    @media (max-width: 768px){
        .youtube_preview{display:block;}
        .video-play{display:block;}
    }

    .youtube-wrapper-2 {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-99;}
    .youtube-wrapper-2 .youtube_preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:245vh;}

    .promo-video-title {position:absolute;right:9%;bottom:35px;z-index:9;color:#2B3A62;font-size:18px;}
    .promo-video-back {position: fixed;left:9%;bottom:35px;z-index:9;line-height: 18px;color:#2B3A62 !important;display:inline-block;font-size:12px;letter-spacing:1.5px;font-weight:500;text-transform:uppercase;}
    .promo-video-back:before {content:"";position:relative;display:inline-block;width:5px;height:5px;transform:rotate(45deg);border-left:1px solid;border-bottom:1px solid;margin:0 10px 1px 0;}
    
    .promo-video-nav {position:fixed;left:calc(9% + 40px);bottom:35px;z-index:999;}
    .promo-video-nav>.pagination {margin:0;top:5px;left:inherit;transform:inherit;}
    .promo-video-nav>.pagination li {border:1px solid #0066CC;min-width:30px;height:30px;}
    .promo-video-nav>.pagination a {color:#2B3A62;line-height:30px;font-weight:400;}

     @media (max-width: 768px){
        .promo-video-title{padding:0 15px;right:auto;}
        .promo-video-back {bottom:30px;}
        .promo-video-nav {bottom:30px;}
    }

/*------------BG mobile position------------*/

    @media (max-width: 768px){
        .bg_mobile_1{background-position:10% 0%;}
        .bg_mobile_2{background-position:20% 0%;}
        .bg_mobile_3{background-position:30% 0%;}
        .bg_mobile_4{background-position:40% 0%;}
        .bg_mobile_5{background-position:50% 0%;}
        .bg_mobile_6{background-position:60% 0%;}
        .bg_mobile_7{background-position:70% 0%;}
        .bg_mobile_8{background-position:80% 0%;}
        .bg_mobile_9{background-position:90% 0%;}
        .bg_mobile_10{background-position:100% 0%;}
    }

/*------------Preloader------------*/

    .video_preloader {display:none;background:#0066CC;animation:video_preloader 2s infinite;position:absolute;bottom:0;left:0;width:0%;height:5px;z-index:999;}
    @keyframes video_preloader { 0% {width: 0%;} 50% {width:100%;left:0;} 100% {width:0%;left:100%;} }