.flex {
	display: -webkit-box;
	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;	
}
#home_blog_videos_list {padding: 30px 0 35px; text-align: center;background: #658cee;}
#home_blog_videos_list .title-layer-lighter { background: rgba(255,255,255,.2);}

#home_blog_videos_list .wrap {margin-bottom: 30px;}

#home_blog_videos_list .slider_nav {text-align: center; padding: 20px 0;}
#home_blog_videos_list .slider_nav div {text-indent:-9999px;display: inline-block; vertical-align: top; width: 42px; height: 42px; line-height: 42px; color: #008cd5;
	 font-size: 22px; background: #e9e9e9; border-radius: 100%; margin: 0 10px; cursor: pointer;transition: .2s ease;}
#home_blog_videos_list .slider_nav div.slide_left{background:rgba(255,255,255,.2) url(/ua/wa-data/public/site/themes/grandmed/img/slider-video-arrows.png) 12px 50% no-repeat;
    display: inline-block;vertical-align: top;width: 46px;height: 46px;line-height: 42px;border-radius: 3px;margin: 0 15px;cursor: pointer;border: 3px solid #fff;box-sizing: border-box;}
#home_blog_videos_list .slider_nav div.slide_right{background:rgba(255,255,255,.2) url(/ua/wa-data/public/site/themes/grandmed/img/slider-video-arrows.png) -30px 50% no-repeat;
    display: inline-block;vertical-align: top;width: 46px;height: 46px;line-height: 42px;border-radius: 3px;margin: 0 15px;cursor: pointer;border: 3px solid #fff;box-sizing: border-box;}
#home_blog_videos_list .slider_nav div.slide_left:hover {background:rgba(255,255,255,.4) url(/ua/wa-data/public/site/themes/grandmed/img/slider-video-arrows.png) 12px 50% no-repeat;}
#home_blog_videos_list .slider_nav div.slide_right:hover {background:rgba(255,255,255,.4) url(/ua/wa-data/public/site/themes/grandmed/img/slider-video-arrows.png) -30px 50% no-repeat;}
#home_blog_videos_list .slider_nav div.swiper-button-disabled {opacity: .2; cursor: default;}

.video {display: inline-block; vertical-align: top; width: 400px;height: 253px;position:relative;}
.video:after {content: "";display: block;position: absolute;bottom: -6px;left: 0;
    background: url(/ua/wa-data/public/site/themes/grandmed/img/video-shadow.png)no-repeat;width: 100%;height: 70px;z-index: 1;}
#home_blog_videos_list .all{display: inline-block;vertical-align: top;box-shadow: none; font-size: 19px;font-weight: bold;color: #fff;text-decoration: none;
	width: auto;height: auto;line-height: 32px;box-sizing: border-box;border: 3px solid #fff;border-radius: 8px;padding: 6.5px 38px;
	background: rgba(255,255,255,.2);transition: .2s ease;margin-top: 14px;}

#home_blog_videos_list .all:hover{background: rgba(255,255,255,.4);}

.video-miniature.ytplayer {height: 100%;width: 100%;position: relative;}
.video-miniature A {display: block;height: calc(100% - 25px);width: 100%;position: relative;z-index: 2;background: #84a3f1;padding:7px;box-sizing: border-box}
.video-miniature .video-image{
    display: block;
    height:214px;
    background-position: 50% 50%;
    background-size:cover;
}
.video-miniature.ytplayer img {max-width: 100%;box-sizing: border-box;padding: 7px;position: relative;z-index: 2;height: 244px;}
.video-miniature.ytplayer .play-icon {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -32px;
    background: url(/ua/wa-data/public/site/themes/grandmed/img/youtube-play.png)no-repeat;
    height: 47px;
    width: 64px;
    cursor: pointer;
    z-index: 2;
}
.video-miniature.ytplayer:hover  .play-icon{
    background-position: 0 -60px;
}

.fancybox-nav {
    width: 60px;       
}

.fancybox-nav span {
    visibility: visible;
}

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}
.popupbox-video A{
	height: 100%;
	width: 100%;
}

@media only screen and (max-width:1279px) {
	#home_blog_videos_list .wrap {max-width: 830px; width: 100%;}
    .video-miniature.ytplayer {width: 400px;margin: 0 auto;}
    .video:after {left: 50%;margin-left: -200px;}
    div#home_blog_videos_list .video-contain.wrap-small {width: 850px;overflow: hidden;}
}
@media only screen and (max-width:959px) {
    div#home_blog_videos_list .video-contain.wrap-small {width: 100%;}
}
@media only screen and (max-width:760px) {
	#home_blog_videos_list .wrap {margin-bottom: 20px;}
}
@media only screen and (max-width:460px) {
    .video-miniature.ytplayer {width: 290px;}
    .video {height: 190px;}
    .video:after {margin-left: -180px;background-size: contain;}
    .video-miniature.ytplayer img {height: auto;}
    .video-miniature .video-image {height:150px}
}
@media only screen and (max-width:340px) {
    .video:after {margin-left: -140px;bottom: -15px;}
}
@media only screen and (max-width:320px) {
	#home_blog_videos_list .wrap {margin-bottom: 15px;}
}