/*Общее*/
.slider_block_container .slider .slider_href {position: absolute; width: 100%; height: 100%; z-index: 5;}
.slider_block_container .slider .slider_shadow {position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.7)}
.slider_block_container .slider .slider_shadow.shadow_gradient {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));}
.slider_block_container .slider .btn_container > div {display: inline-block;}
.slider_block_container .slider small {display: block}


/*Блок*/
.main_slide {overflow: hidden; height: 450px;}
.slider_block_container.type2 .slider {margin-top: 10px;}

/*type*/
.slider_block_container .slider .small_left {order: 1;} 
.slider_block_container .slider .main_slide {order: 2;} 
.slider_block_container .slider .small_right {order: 3;} 

.slider_block_container.type2 .slider_content_container {padding: 0 7%;}
.slider_block_container.type3.with_right .slider_content_container {padding: 0 7%;}
.slider_block_container.type4.with_left_right .slider_content_container {padding: 0 7%;}


.slider_block_container.type3 .right_img {width: 50%;}
.slider_block_container.type4 .right_img {width: 55%;} 
.slider_block_container.with_right .right_img {padding-right: 5%;}

/*Small баннер*/
.slider_block_container .slider .small_banner {flex: 0 0 25%; max-width: 25%;}
.slider_block_container.type3 .small_banner {flex: 0 0 30%; max-width: 30%;}
.slider_block_container.type5 .banners_bottom .small_banner {height: 300px;}
.slider_block_container .small_banner .item {
    position: relative;
    width: 100%; 
    height: 100%; 
    background-position: center center;
    background-size: cover;
}
.slider_block_container .small_banner .item_content {padding: 20px 20px 50px 20px;}
.slider_block_container .small_banner .item_content b {font-size: 1.4rem;}
.slider_block_container .small_banner .item_content {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: transparent;
}

/*Главный слайд*/
//.main_slide .owl-nav, .main_slide .owl-dots {transition: all 0.1s ease-out 0s; opacity: 0;}
//.main_slide:hover .owl-nav, .main_slide:hover .owl-dots {opacity: 1;}
.main_slide {padding: 0!important;}
.main_slide .slider_content_container {max-width: var(--SITE_WIDTH); z-index:10; width: 100%; height: 100%; position: absolute; left: 0;  right: 0; top: 0; background-color: transparent; margin: 0 auto;}
.main_slide .item {font-size: 1.1rem; position: relative; height: 450px; background-size: contain!important; overflow: hidden;}
.main_slide .right_img {width: 40%; right: 0; top: 0; position: absolute; height: 100%; z-index: 2;}
.main_slide .right_img img {max-height: 340px; display: block; width: auto;}
.main_slide .slider_content {height: 100%; }
.main_slide h2 {display: block;}

/*header_type_5*/
.slider.header_type_5 .main_slide {overflow: hidden; height: 600px;}
.slider.header_type_5 .main_slide .slider_content_container, .slider.header_type_5 .main_slide .right_img {padding-top: 80px;}
.slider.header_type_5 .item {font-size: 1.1rem; position: relative; height: 600px; background-size: cover!important; }


/*ul*/
.main_slide .slider_content ul {margin: 10px 0;}
.main_slide .slider_content ul li {
    list-style: none; 
    position: relative; 
    padding: 2px 2px 2px 15px; 
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.3;
   
}
.main_slide .slider_content ul li::before {
    width: 6px;
    height: 6px;
    left: 0;
    top: 50%;
    margin-top: -2px;
    border-radius: 50%;
    background-color: var(--TEXT_COLOR);
    content: '';
    position: absolute;
}

/*Кнопки*/
.btn_container > div {margin: 15px 10px 0 0;}
.btn_container .btn {min-width: 150px;}

/*Цвет шрифта*/
.slider_block_container .slider .item.css_text_light {color: #FFF!important;}
.slider_block_container .slider .item.css_text_light .slider_content ul li::before {background-color: #FFF;} 
.slider_block_container .slider .item.css_text_dark {color: var(--TEXT_COLOR);}

/*Видео*/
.main_slide  .video-container {
  z-index: 1;
  height: 200%;
  width: 100%;
  top: 0;
  left: 0px;
  position: absolute;
  
  top: -50%;
  
  left: 50%;
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.main_slide  .video-container video {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0px;
  /* center horizontally */
  left: 50%;
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 0;
  
}


@media screen and (max-width: 1348px) {.site_width_1348 .main_slide .slider_content_container {padding: 0 7%;}}
@media screen and (max-width: 1200px) {.site_width_1200 .main_slide .slider_content_container {padding: 0 7%;}}


@media screen and (max-width: 1348px)
{
    .slider_block_container .slider {height: auto;}
    .slider_block_container .slider > div {order: 1!important;}
        
   
    .slider_block_container.type3 .main_slide {flex: 0 0 70%; max-width: 70%;} 
    .slider_block_container.type4 {flex: 0 0 100%; max-width: 100%;}   
    .slider_block_container.type4 .small_banner {height: 300px; flex: 0 0 50%; max-width: 50%;}
    .slider_block_container .slider {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}  
    
    
}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
    .slider_block_container .small_banner .item_content {padding: 40px}
        
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{ 
    .slider_block_container.type3 .main_slide {flex: 0 0 100%; max-width: 100%;} 
    .slider_block_container.type3 .small_banner {height: 250px; flex: 0 0 100%; max-width: 100%;}      
    
    .main_slide .right_img {padding: 0 20px;}
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    .main_slide .slider_content {text-align: center;}
    .main_slide .slider_content ul {margin: 0 auto; display: inline-block;}
    .main_slide .slider_content h1.styled::after, 
    .main_slide .slider_content h2.styled::after {left: 50%; margin-left: -32.5px; right: auto;} 
    
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .main_slide .slider_content h2 {font-size: 1.5rem;}
    .main_slide .slider_content ul li {font-size: 1.1rem;}
    
    .slider .small_banner, .slider_block_container.type4 .small_banner {height: 250px; flex: 0 0 100%; max-width: 100%;}
    
    .main_slide .owl-nav {display: none;}   
    
    .slider.header_type_5 .main_slide .slider_content_container, .slider.header_type_5 .main_slide .right_img {padding-top: 60px;}
    .main_slide .slider_content ul li {font-size: 0.9rem;}
}
/*.col-*/
@media screen and (max-width: 575px)
{
    .slider.header_type_5 .main_slide .slider_content_container, .slider.header_type_5 .main_slide .right_img {padding-top: 20px;}
    
    .main_slide .slider_content h2 {font-size: 1.2rem;}
    .main_slide .slider_content ul li {font-size: 0.85rem;} 
    .main_slide .slider_content .btn {margin: 10px;}
    
    .main_slide .slider_content .btn {padding: 5px 12px 7px; font-size: 0.8rem;}
    
    
   
}
