.video-block {
    line-height: 0.6em;
    overflow: hidden;
    position: relative;
}
.video-block:hover {
    cursor: pointer;
}
.video-block .play,
.video-block .play-2{
    background: rgba(0, 0, 0, .3);
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 6;
}
.video-block .play-2 {
    background: rgba(0, 0, 0, .2);
}
.video-block .play:hover,
.video-block .play-2:hover{
    background: rgba(0, 0, 0, .2);
}
.video-block .play::after {
    background: rgba(0, 0, 0, 0) url("play-black.svg") no-repeat scroll center center / contain ;
    content: "";
    height: 5.5em;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out 0s;
    width: 5.5em;
}
.video-block .play-2::after {
    background: rgba(0, 0, 0, 0) url("play-black.svg") no-repeat scroll center center / contain ;
    content: "";
    height: 6em;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out 0s;
    width: 6em;
}
.video-block .play:hover::after,
.video-block .play-2:hover::after{
    opacity: 1;
}
.video-block iframe {
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1;
}
.video-block img {
    z-index: 2;
    position: relative;
}
.video-block-active img,
.video-block-active div,
.video-block-active div::after {
    transition: all ease-in-out 0.5s!important;
    opacity: 0!important;
    visibility: hidden;
    transform: scale(1.5);
}
/* image hover*/

.scale-img-parent {
    display: block;
    overflow: hidden;
    line-height: 0.6em;
    position: relative;
}
.scale-img-parent > div {
    line-height: 1.4em;
}
.scale-img-parent .scale-img {
    transition: all 6s ease-out 0s;
}
.scale-img-parent:hover .scale-img {
    transform: scale(1.1);
}
.shadow {
    position: relative;
}
.shadow:after,
.shadow:before {
    content: "";
    position: absolute;
    width:100%;
    height:100%;
    left: 0;
    top: 0;
    z-index: 0;
}
.shadow > div,
.shadow > a{
    z-index: 3;
    position: relative;
}
.shadow-style-1:before {
    z-index: 1;
    box-shadow: -0.6em 0.6em 0 0 rgba(0,0,0,0.15);
}
.shadow-style-1:after {
    z-index: 1;
    box-shadow: 0 0 0.9em 0 rgba(0,0,0,0.1);
}
.shadow-style-2 {
    box-shadow: -10px 10px 0 0 #d8d9da;
}
.shadow-style-3 {

    box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.1);
}
a.shadow-style-3:hover {
    transition: all ease-in-out 0.2s;
    transform: translateY(-0.3em);
}
.modal-video,
.modal-video > div{
    padding:0!important;
    background-color: #000;
    overflow: visible;
}
.modal-video-wrap  {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.666%;
}
.modal-video-wrap iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.modal-video .icon-close {
    background-image:url("icon-close.png") ;
    background-size: cover;
    background-color: transparent;
    height:2.5em;
    width:2.5em;
    top:-1.25em;
    right: -1.25em;
    position: absolute;
    z-index:99;
}
.modal-video .icon-close:hover {
    cursor: pointer;
}
@media all and (max-width: 480px) {
    .video-block .play::after {
        background: rgba(0, 0, 0, 0) url("play-black.svg") no-repeat scroll center center / contain ;
        content: "";
        height: 3.5em;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s ease-in-out 0s;
        width: 3.5em;
    }
}