/* Vain maalauspalvelusivulla käytettävät hero- ja videotyylit. */
.home-header-section.home-header-section1.bg-maalaustyot {background:url(../images/maalaustyot_bg.jpg) !important;}
.video-wrapper {position:relative; display:inline-block;}
.video-thumb {display:block; width:100%; height:auto;}
.video-play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:transparent; border:0; cursor:pointer; padding:0;}
.video-play img {width:200px; height:200px;}
#customVideoModal {position:fixed; inset:0; z-index:10000; display:none; opacity:0; transition:opacity .25s ease;}
#customVideoModal.cvm-show {display:block; opacity:1;}
.cvm-backdrop {position:absolute; inset:0; background:rgba(0,0,0,.8);}
.cvm-box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:960px;}
.cvm-ratio {position:relative; width:100%; padding-top:56.25%;}
.cvm-ratio iframe {position:absolute; inset:0; width:100%; height:100%; border:0;}
.cvm-close {position:absolute; top:-40px; right:-10px; background:none; border:0; font-size:2.5rem; color:#fff; cursor:pointer; line-height:1;}
@media (max-width:767px) {
  .cvm-close {top:-32px; right:0; font-size:2rem;}
}