.projectVideoBlock{position:relative;margin:100px 0;opacity:0;pointer-events:none;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:opacity .6s .3s,transform .6s .3s,pointer-events .6s .3s;-moz-transition:opacity .6s .3s,transform .6s .3s,pointer-events .6s .3s;-ms-transition:opacity .6s .3s,transform .6s .3s,pointer-events .6s .3s;-o-transition:opacity .6s .3s,transform .6s .3s,pointer-events .6s .3s;transition:opacity .6s .3s,transform .6s .3s,pointer-events .6s .3s}.projectVideoBlock.is-inview{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}.projectVideoBlock.active .contentWrapper .innerWrapper .video{opacity:1;pointer-events:all}.projectVideoBlock .contentWrapper .smallTitle{margin-bottom:50px;display:block}.projectVideoBlock .contentWrapper .innerWrapper{position:relative;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding-bottom:56.25%;height:0;width:100%}.projectVideoBlock .contentWrapper .innerWrapper .image{height:100%;left:0;position:absolute;top:0;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}.projectVideoBlock .contentWrapper .innerWrapper .image:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;background:#2d2d2c;opacity:.2}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo{height:160px;left:50%;position:absolute;top:50%;width:160px;cursor:pointer;z-index:1;opacity:0;pointer-events:none;-webkit-transform:translate(-50%,calc(-50% + 50px));-moz-transform:translate(-50%,calc(-50% + 50px));-o-transform:translate(-50%,calc(-50% + 50px));-ms-transform:translate(-50%,calc(-50% + 50px));transform:translate(-50%,calc(-50% + 50px));-webkit-transition:opacity .6s .6s,transform .6s .6s,pointer-events .6s .6s;-moz-transition:opacity .6s .6s,transform .6s .6s,pointer-events .6s .6s;-ms-transition:opacity .6s .6s,transform .6s .6s,pointer-events .6s .6s;-o-transition:opacity .6s .6s,transform .6s .6s,pointer-events .6s .6s;transition:opacity .6s .6s,transform .6s .6s,pointer-events .6s .6s}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo.is-inview{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1;pointer-events:all}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo:hover svg.circleButton{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo .innerVideo{height:100%;left:0;position:absolute;top:0;width:100%}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo svg{height:auto;left:0;position:absolute;top:0;width:100%}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo svg.circleButton{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo svg polygon,.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo svg path{fill:#fff}.projectVideoBlock .contentWrapper .innerWrapper .video{height:100%;left:0;position:absolute;top:0;width:100%;opacity:0;pointer-events:none;z-index:1;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.projectVideoBlock .contentWrapper .innerWrapper .video iframe{height:100%;left:0;position:absolute;top:0;width:100%}@media all and (max-width:767px){.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo{width:100px;height:100px}.projectVideoBlock .contentWrapper .innerWrapper .image .playVideo .innerVideo{-webkit-transform:none !important;-moz-transform:none !important;-o-transform:none !important;-ms-transform:none !important;transform:none !important}}