.videosBlock{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}.videosBlock.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}.videosBlock .contentWrapper .smallTitle{margin-bottom:50px;display:block}.videosBlock .contentWrapper .videos{width:calc(100% + 40px);margin-left:-20px;margin-top:50px;margin-bottom:-50px}.videosBlock .contentWrapper .videoCol{width:calc(50% - 40px);margin:0 20px;display:inline-block;vertical-align:top;margin-bottom:50px}.videosBlock .contentWrapper .videoCol.active .videoWrapper .video{opacity:1;pointer-events:all}.videosBlock .contentWrapper .videoCol .videoWrapper{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%}.videosBlock .contentWrapper .videoCol .videoWrapper .image{height:100%;left:0;position:absolute;top:0;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}.videosBlock .contentWrapper .videoCol .videoWrapper .image:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;background:#2d2d2c;opacity:.2}.videosBlock .contentWrapper .videoCol .videoWrapper .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}.videosBlock .contentWrapper .videoCol .videoWrapper .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}.videosBlock .contentWrapper .videoCol .videoWrapper .image .playVideo:hover svg.circleButton{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.videosBlock .contentWrapper .videoCol .videoWrapper .image .playVideo .innerVideo{height:100%;left:0;position:absolute;top:0;width:100%}.videosBlock .contentWrapper .videoCol .videoWrapper .image .playVideo svg{height:auto;left:0;position:absolute;top:0;width:100%}.videosBlock .contentWrapper .videoCol .videoWrapper .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}.videosBlock .contentWrapper .videoCol .videoWrapper .image .playVideo svg polygon,.videosBlock .contentWrapper .videoCol .videoWrapper .image .playVideo svg path{fill:#fff}.videosBlock .contentWrapper .videoCol .videoWrapper .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}.videosBlock .contentWrapper .videoCol .videoWrapper .video iframe{height:100%;left:0;position:absolute;top:0;width:100%}@media all and (max-width:767px){.videosBlock .contentWrapper .videoCol{width:calc(100% - 40px)}.videosBlock .contentWrapper .videoCol .image .playVideo{width:100px !important;height:100px !important}.videosBlock .contentWrapper .videoCol .image .playVideo .innerVideo{-webkit-transform:none !important;-moz-transform:none !important;-o-transform:none !important;-ms-transform:none !important;transform:none !important}}