.wpsp-items{display:flex;flex-wrap:wrap;padding:1px;}
.wpsp-item{position:relative;width:33.333333%;border:1px solid #fff;}
.wpsp-item .wpsp-item_image{padding-top:100%;background:center no-repeat;background-size:cover;transition:all .3s;}
.wpsp-item .wpsp-item_overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(100,13,13,.75);transition:all .3s;opacity:0;}
.wpsp-item .wpsp-item_overlay-content{position:absolute;left:10%;top:54%;transform:translateY(-50%);width:80%;text-align:center;transition:all .3s;}
.wpsp-item .wpsp-item_title{padding:0 0 30px;color:#fff;font-size:24px;font-weight:700;line-height:1.2;}
.wpsp-item .wpsp-item_button{display:inline-block;padding:14px 40px;border:1px solid #fff;color:#fff;font-size:15px;font-weight:600;line-height:1.2;text-transform:uppercase;transition:all .3s;}
.wpsp-item .wpsp-item_button:hover{background:#fff;color:#640d0d;}
.wpsp-item:hover .wpsp-item_overlay{opacity:1;}
.wpsp-item:hover .wpsp-item_overlay-content{top:50%;}
.wpsp-item:hover .wpsp-item_image{filter:grayscale(1);}
@media only screen and (max-width:980px){
  .wpsp-item{width:50%;}
}
@media only screen and (max-width:600px){
  .wpsp-item{width:100%;}
}

.wpsp-image_wrap{position:relative;padding-top:65%;overflow:hidden;}
.wpsp-image_wrap img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .3s;}
.wpsp-image_wrap .fluid-width-video-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
.wpsp-thumbs{display:flex;flex-wrap:wrap;margin:-4px;padding:8px 0 0;}
.wpsp-thumbs .wps-project_image{position:relative;padding:4px;width:25%;cursor:pointer;}
.wpsp-thumbs .wps-project_image.is_video:before{content:"";position:absolute;z-index:2;left:35%;top:35%;width:30%;height:30%;background:url(images/icon-youtube.svg) center no-repeat;background-size:100% auto;}
.wpsp-thumbs .wpsp-image_wrap:before{content:"";position:absolute;z-index:2;left:2px;top:2px;right:2px;bottom:2px;border:1px solid #fff;outline:2px solid #640d0d;opacity:0;transition:opacity .3s;}
.wpsp-thumbs .thumb-active .wpsp-image_wrap:before{opacity:1;}
.wpsp-thumbs .thumb-active .wpsp-image_wrap img{filter:grayscale(1);}
@media only screen and (max-width:600px){
	.wpsp-thumbs .wps-project_image{width:33.333333%;}
}