.videocards__section{display:flex;justify-content:space-between;align-items:baseline}
.videocards__section--title{font-weight:700;font-size:30px;line-height:40px;color:#222;margin-bottom:0}
@media screen and (max-width:767px){.videocards__section--title{font-size:22px;line-height:26px}
}
.videocards__section--subtitle p{font-size:14px;line-height:24px;color:#222;margin:5px 0 30px}
@media screen and (max-width:767px){.videocards__section--subtitle p{font-size:12px;line-height:16px;margin:10px 0 15px}
}
.videocards__cards_wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px}
@media screen and (max-width:991px){.videocards__cards_wrapper{grid-gap:7px}
}
@media screen and (max-width:576px){.videocards__cards_wrapper{grid-template-columns:repeat(2,1fr);grid-gap:7px}
}
.videocards__card{border-radius:2px;background-color:#aaa;position:relative;display:inline-block;overflow:hidden;width:100%}
.videocards__card--play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.videocards__thumbnail{top:0;width:100%;height:auto}
.videocards__modal{display:none;position:fixed;z-index:1040;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}
.videocards__modal--content{width:60%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@media screen and (max-width:991px){.videocards__modal--content{height:600px;width:95%}
}
@media screen and (max-width:576px){.videocards__modal--content{height:290px}
}
.videocards__modal--close{background:url(https://asset.fwcdn3.com/js/8334d7de98d44c40d6af0a847f6bbf1d.svg) no-repeat 50%;background-size:contain;height:40px;width:40px;float:right;position:absolute;right:-4px;top:-4px}
.videocards__modal--close:focus,.videocards__modal--close:hover{text-decoration:none;cursor:pointer}