.video__banner-dir{position: relative} 
.video__banner-dir__row{position: relative; z-index:1; display:flex; flex-wrap:wrap; height:470px}
.banner-dir__block{width:50%; display:flex; flex-direction:column; justify-content:space-between; padding:60px 0}
.banner-dir__title{font-weight:700; font-size:40px; line-height:1.2; color:#fff;}
.banner-dir__video{font-weight:700; font-size: 16px; line-height:47px;position:relative;background:#ef7f1a;width: 355px; color: #fff !important;text-decoration: none !important}
.banner-dir__video span{ padding-left:30px; transition: all 0.3s linear 0s; display:block; }
.banner-dir__video::after{border-radius: 100%;background:#314384;position: absolute;width: 91px;height: 91px;border-radius: 100%;content:"";right: 30px;top: 50%;transform: translateY(-50%);}
.banner-dir__video::before{background:url(/templates/gradis/images/play-dir.png) no-repeat center center;content:"";position:absolute;width: 81px;height: 83px;z-index: 1;top: 50%;transform: translateY(-50%);right: 35px;}
.banner-dir__video:hover span{box-shadow:0 0 0 2px #ef7f1a inset; background:#fff; color:#ef7f1a}
.banner-dir__video:hover::after{background:#ef7f1a}
.banner-dir__image{width:50%;position: relative;}
.banner-dir__image img{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)}
.banner-dir__name{font-size: 16px;color: #fff;text-align: right;right:0;position: absolute; bottom:30px}
@media(max-width:1199px){
	.video__banner-dir__row{height: 350px;}
	.banner-dir__block{padding: 40px 0;}
	.banner-dir__title{font-size: 34px;}
	.banner-dir__video{font-size:15px; width: 300px;line-height: 42px;}
	.banner-dir__video span{padding-left: 20px;}
	.banner-dir__video::after{width: 81px;height: 81px;right: 20px;}
	.banner-dir__video::before{width: 71px;height: 73px;right: 25px;background-size: contain;}
	.banner-dir__name{font-size: 14px; bottom: 20px;right: 70px;}
	.banner-dir__image img{max-width:500px}
}
@media(max-width:991px){
	.video__banner-dir__row{height: 270px;}
	.banner-dir__block{padding: 30px 0;}
	.banner-dir__title{font-size: 24px;}
	.banner-dir__video{font-size:14px;width: 270px;line-height: 38px;}
	.banner-dir__video span{padding-left: 15px;}
	.banner-dir__video::after{width: 71px;height: 71px;right: 15px;}
	.banner-dir__video::before{width: 61px;height: 63px;right: 20px;background-size: contain;}
	.banner-dir__name{font-size: 13px;bottom: 15px;right: 60px;}
	.banner-dir__image img{max-width: 390px;}
}
@media(max-width:767px){
	.video__banner-dir__row{height: 200px;}
	.banner-dir__block{padding: 20px 0;}
	.banner-dir__title{font-size: 18px;}
	.banner-dir__video{font-size:13px;width: 240px;line-height: 36px;}
	.banner-dir__video span{}
	.banner-dir__video::after{width: 61px;height: 61px;right: 10px;}
	.banner-dir__video::before{width: 51px;height: 53px;right: 15px;background-size: contain;}
	.banner-dir__name{font-size:12px;bottom: 10px;right: 45px;}
	.banner-dir__image img{max-width: 285px;}
}
@media(max-width:575px){
	.video__banner-dir__row{height: auto;}
	.banner-dir__block, .banner-dir__image{width:100%}
	.banner-dir__block{padding:30px 0;}
	.banner-dir__title{font-size: 22px;text-align: center;}
	.banner-dir__video{margin: 25px auto 10px;}
	.banner-dir__name{right: auto;text-align: center;width: 100%;}
	.banner-dir__image img{position:static; max-width: 360px;transform: none;margin: 0 auto;display: block;width: 100%;}
}
@media(max-width:350px){ 
	.banner-dir__title{font-size: 20px;}
}