@media screen and (max-width: 1200px) { .video-slider-wrapper .swiper-container.slides { max-width: 520px; width: 100%; } }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item { max-width: 520px; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .video-content { overflow: hidden; width: 100%; margin: 0 auto; padding-bottom: 177.5%; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .video-content iframe { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 4; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content { position: absolute; top: 0; width: 100%; height: 100%; z-index: 5; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content .cover-image { top: 0; position: absolute; z-index: 6; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content .video-preview { top: 0; position: absolute; z-index: 5; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content .content { position: absolute; bottom: 0px; width: 100%; background: linear-gradient(rgba(43, 55, 72, 0) 0%, #2b3748 100%); color: #fff; text-align: center; min-height: 400px; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; padding: 20px 40px; z-index: 6; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content .content .title { font-size: 34px; font-weight: 600; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content .content .text { font-size: 22px; font-weight: 400; line-height: 32px; }
@media screen and (max-width: 380px) { .video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .overlay-content .content .text { font-size: 16px; font-weight: 400; line-height: normal; } }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .playbutton { position: absolute; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
@media screen and (max-width: 500px) { .video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .playbutton img { width: 100px; height: auto; } }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .close { position: absolute; top: 0; width: 100%; text-align: center; display: none; z-index: 10; }
.video-slider-wrapper .swiper-container.slides .swiper-wrapper .video-slider-item .close > div { background: #23b0e2; width: 40px; height: 40px; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; }
.video-slider-wrapper .swiper-container.thumbnails { display: none; max-width: 520px; background: #BCC4C7; padding: 10px 40px; margin: 15px auto; border-radius: 8px; }
@media screen and (max-width: 1200px) { .video-slider-wrapper .swiper-container.thumbnails { display: block; } }
.video-slider-wrapper .swiper-container.thumbnails .swiper-wrapper { display: flex; justify-content: center; }
.video-slider-wrapper .swiper-container.thumbnails .swiper-wrapper .video-slider-thumbnails-item { width: 34px; margin: 0 20px !important; }
.video-slider-wrapper .swiper-container.thumbnails .swiper-wrapper .video-slider-thumbnails-item.swiper-slide-thumb-active { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); outline: #23b0e2 solid 5px; }
.video-slider-wrapper .swiper-container.thumbnails .swiper-wrapper .video-slider-thumbnails-item .image { height: 60px; width: auto; }
.video-slider-wrapper .thumbnail-prev, .video-slider-wrapper .thumbnail-next { width: 9px; height: 22px; background: url(../img/icon-triangle.svg) no-repeat center; position: absolute; left: 15px; top: 50%; margin-top: -12px; z-index: 2; cursor: pointer; }
.video-slider-wrapper .thumbnail-prev.swiper-button-disabled, .video-slider-wrapper .thumbnail-next.swiper-button-disabled { opacity: 0.4; }
.video-slider-wrapper .thumbnail-next { left: auto; right: 15px; transform: rotate(180deg); }