.UIVideos-wrap{z-index:5;position:absolute;top:0;left:0;width:100%;height:100%}.UIVideos-wrap>.pager,.UIVideos-wrap>label{position:fixed;top:50%;margin-top:-35px;opacity:0}.UIVideos-wrap>label{z-index:2;left:0;-webkit-transform:translate(-65px,-50%) rotate(-90deg);-ms-transform:translate(-65px,-50%) rotate(-90deg);transform:translate(-65px,-50%) rotate(-90deg);color:#373737;font-size:11px;letter-spacing:3px;font-weight:700;text-transform:uppercase}.UIVideos-wrap>.pager{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:3;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px;width:70px;text-align:center}.UIVideos-wrap>.pager a.arrow,.UIVideos-wrap>.pager h4,.UIVideos-wrap>.pager hr{display:inline-block;float:left;width:100%}.UIVideos-wrap>.pager h4{font-weight:400;font-size:24px;color:#1e1e1e;margin:0 0 -5px}.UIVideos-wrap>.pager hr{margin:0;width:26px;height:1px;background:#1e1e1e;border:none;float:none}.UIVideos-wrap>.pager .arrow.up{margin:0 0 18px -4px;position:relative;height:59px}.UIVideos-wrap>.pager .arrow.down{position:relative;height:59px;margin:28px 0 0 4px}.UIVideos-wrap>.pager .arrow.down .arr,.UIVideos-wrap>.pager .arrow.up .arr{display:inline-block;position:absolute;overflow:hidden;width:11px;height:79px}.UIVideos-wrap>.pager .arrow.up .arr{bottom:0;left:30px}.UIVideos-wrap>.pager .arrow.down .arr{top:0;left:30px;bottom:0}.UIVideos-wrap>.pager .arrow .arr svg{position:absolute;left:0;-webkit-transition:all 250ms cubic-bezier(.23,1,.32,1);transition:all 250ms cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.UIVideos-wrap>.pager .arrow.up .arr svg{top:20px}.no-touch .UIVideos-wrap>.pager .arrow.up:hover .arr svg{top:0}.UIVideos-wrap>.pager .arrow.down .arr svg{bottom:20px}.no-touch .UIVideos-wrap>.pager .arrow.down:hover .arr svg{bottom:0}@media only screen and (max-width :768px){.UIVideos-wrap>.pager a.arrow,.UIVideos-wrap>label{display:none!important}.UIVideos-wrap>.pager{right:0}.UIVideos-wrap>.pager h4{font-size:20px;margin:0 0 -10px}}@media only screen and (max-width :600px){.UIVideos-wrap>.pager{top:auto;left:auto;bottom:95px;right:50%;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);margin-top:0;width:70px;text-align:center}}@media only screen and (max-width :374px){.UIVideos-wrap>.pager{-webkit-transform:translate(50%,20px);-ms-transform:translate(50%,20px);transform:translate(50%,20px)}.UIVideos-wrap>.pager h4{font-family:Roboto;font-size:13px;-webkit-transform:translate(-10px,15px);-ms-transform:translate(-10px,15px);transform:translate(-10px,15px)}.UIVideos-wrap>.pager h4:nth-child(4){-webkit-transform:translate(10px,-12px);-ms-transform:translate(10px,-12px);transform:translate(10px,-12px)}.UIVideos-wrap>.pager hr{width:16px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}.UIVideos-wrap .sidemenu-blend{position:fixed;z-index:9;width:0;height:0;top:0;left:0;background:#1e1e1e;opacity:0;-webkit-transition:opacity 250ms cubic-bezier(.23,1,.32,1);transition:opacity 250ms cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.UIVideos-wrap .sidemenu-blend.active{opacity:.8;height:100%;width:100%}.UIVideos-wrap .sidemenu{position:fixed;z-index:10;top:0;right:-270px;width:270px;height:100%;overflow:visible}.UIVideos-wrap .sidemenu .close{display:inline-block;float:left;position:relative;z-index:2;width:100%;height:94px;margin:0;background:#1b1b1b}.UIVideos-wrap .sidemenu .menu-wrap{display:inline-block;float:left;position:relative;z-index:1;margin:0 0 0 -30px;width:-webkit-calc(100% + 70px);width:calc(100% + 70px);height:100%;height:-webkit-calc(100% - 164px);height:calc(100% - 164px);overflow:hidden;overflow-y:scroll;-ms-touch-action:pan-y;touch-action:pan-y}.UIVideos-wrap .sidemenu .menu-wrap .slider{display:inline-block;float:left;margin:0 0 0 30px;width:100%;min-height:100%;background:#fff;-ms-touch-action:pan-y;touch-action:pan-y}.UIVideos-wrap .sidemenu .menu-wrap .thumb{display:inline-block;float:left;position:relative;cursor:pointer;margin:0 0 -4px;width:270px;height:152px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.UIVideos-wrap .sidemenu .menu-wrap .thumb .arr{position:absolute;left:277px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.UIVideos-wrap .sidemenu .menu-wrap .thumb .img-blend{z-index:2;position:absolute;top:4px;left:4px;width:262px;height:144px;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,.9) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.9)));background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.no-touch .UIVideos-wrap .sidemenu .menu-wrap .thumb:hover .img-blend{opacity:0}.UIVideos-wrap .sidemenu .menu-wrap .thumb .img{z-index:1;position:absolute;top:4px;left:4px;width:262px;height:144px;background-color:#000}.UIVideos-wrap .sidemenu .menu-wrap .thumb h2{z-index:3;position:absolute;bottom:20px;left:20px;font-size:14px;font-weight:400;width:90%;color:#fff;text-align:left}.UIVideos-wrap .btn-close,.UIVideos-wrap .btn-sidemenu{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;z-index:3;top:30px;right:44px;display:block}.UIVideos-wrap .btn-sidemenu{opacity:0;display:none}.UIVideos-wrap .btn-close{position:absolute;right:auto;left:20px;top:37px}.UIVideos-wrap .btn-close .arr,.UIVideos-wrap .btn-sidemenu .arr{display:inline-block;float:left;position:relative;margin:10px 0 0;width:99px;height:19px;overflow:hidden}.UIVideos-wrap .btn-close .arr svg,.UIVideos-wrap .btn-sidemenu .arr svg{position:absolute;top:0;right:20px;-webkit-transition:all 250ms cubic-bezier(.23,1,.32,1);transition:all 250ms cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.no-touch .UIVideos-wrap .btn-close:hover .arr svg,.no-touch .UIVideos-wrap .btn-sidemenu:hover .arr svg{right:0}.UIVideos-wrap .btn-close span,.UIVideos-wrap .btn-sidemenu span{position:absolute;top:0;left:0;color:#373737;font-size:12px;font-weight:700;text-transform:uppercase}.UIVideos-wrap .btn-close span{color:#fff}@media only screen and (max-width :1024px){.UIVideos-wrap .btn-sidemenu{right:0}}@media only screen and (max-width :767px){.UIVideos-wrap .sidemenu .menu-wrap .thumb h2{bottom:15px;left:15px}}@media only screen and (max-width :600px){.UIVideos-wrap .sidemenu .close{height:64px}.UIVideos-wrap .btn-close{top:27px}.UIVideos-wrap .btn-sidemenu{top:18px;right:-10px}.UIVideos-wrap .sidemenu .menu-wrap{height:-webkit-calc(100% - 134px);height:calc(100% - 134px)}.UIVideos-wrap .sidemenu .menu-wrap .thumb h2{font-size:13px}}.UIVideos{z-index:1;position:absolute;top:100%;left:0;width:100%;background:#fff;-ms-touch-action:none;touch-action:none}.UIVideos .video,.UIVideos .videos{position:relative;width:100%;display:inline-block;float:left}.UIVideos .video{margin-top:100vh;height:100vh}.UIVideos .video .holder{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-webkit-calc(-50% - 30px));transform:translate(-50%,calc(-50% - 30px));-ms-transform:translate(-50%,-49%);width:70%;max-width:960px}.UIVideos .video .holder h1{display:inline-block;float:left;text-align:left;width:100%;font-size:36px;color:#1e1e1e;font-weight:400;letter-spacing:-2px}.UIVideos .video .holder .video-wrap{display:inline-block;float:left;position:relative;margin:20px 0 0;width:100%;height:70%;background:#000}.UIVideos .video .holder .video-wrap .img,.UIVideos .video .holder .video-wrap .video-embed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.UIVideos .video .holder .video-wrap .img{z-index:2}.UIVideos .video .holder .video-wrap .btn-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.UIVideos .video .holder .video-wrap .video-embed>*{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.UIVideos .video .data{display:inline-block;float:left;margin:30px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 40px 0 0;width:auto}.UIVideos .video .data.client,.UIVideos .video .data.production{max-width:20%}.UIVideos .video .data.role{max-width:60%}.UIVideos .video .data h2,.UIVideos .video .data h3{display:inline-block;float:left;text-align:left;font-size:14px;color:#373737}.UIVideos .video .data h2{font-weight:700}.UIVideos .video .data h3{margin-top:8px;font-weight:500;opacity:.7}@media only screen and (max-width :1280px){.UIVideos .video .holder h1{font-size:30px;letter-spacing:-1px}}@media only screen and (min-width:1024px),only screen and (max-height :800px){.UIVideos .video .holder{width:52%}}@media only screen and (max-width :1024px),only screen and (min-height :799px){.UIVideos .video .holder{width:70%}.UIVideos .video .holder h1{font-size:27px}}@media only screen and (max-width :767px){.UIVideos .video .holder h1{font-size:20px;letter-spacing:0}.UIVideos .video .holder{width:75%}.UIVideos .video .holder .video-wrap{margin-top:5px}.UIVideos .video .data{padding-right:10px!important;margin-top:10px!important}.UIVideos .video .data h2,.UIVideos .video .data h3{font-size:12px!important}}@media only screen and (max-width :600px){.UIVideos .video .holder .video-wrap .btn-play svg{width:25px;height:30px}.UIVideos .video .holder .video-wrap{margin-top:5px;margin-bottom:6px}.UIVideos .video .holder{width:85%}.UIVideos .video .data{margin-top:5px!important;display:inline-block;float:left;margin:30px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 40px 0 0;width:100%!important;max-width:100%!important}.UIVideos .video .data h3{margin-top:2px}.UIVideos .video .holder h1{font-size:18px}}.UIVideos .video .rockgroup{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;display:none}.UIVideos .video .rockk{position:absolute;height:auto}.UIVideos .video .rockgroup.rg1 .rockk.rck1{top:8%;left:5%;width:80px}.UIVideos .video .rockgroup.rg1 .rockk.rck2{top:8%;right:1%;width:220px}.UIVideos .video .rockgroup.rg1 .rockk.rck3{bottom:5%;right:5%;width:200px}.UIVideos .video .rockgroup.rg1 .rockk.rck4{bottom:12%;left:-5%;width:220px}.UIVideos .video .rockgroup.rg1 .rockk.rck5{top:-3%;left:45%;width:110px}.UIVideos .video .rockgroup.rg2 .rockk.rck1{top:1%;left:40%;width:80px}.UIVideos .video .rockgroup.rg2 .rockk.rck2{top:12%;left:2%;width:110px}.UIVideos .video .rockgroup.rg2 .rockk.rck3{top:12%;right:2%;width:75px}.UIVideos .video .rockgroup.rg2 .rockk.rck4{top:32%;right:7%;width:175px}.UIVideos .video .rockgroup.rg2 .rockk.rck5{bottom:12%;left:2%;width:95px}.UIVideos .video .rockgroup.rg3 .rockk.rck1{top:8%;right:4%;width:180px}.UIVideos .video .rockgroup.rg3 .rockk.rck2{top:2%;left:42%;width:70px}.UIVideos .video .rockgroup.rg3 .rockk.rck3{top:12%;left:1%;width:163px}.UIVideos .video .rockgroup.rg3 .rockk.rck4{top:55%;right:5%;width:75px}.UIVideos .video .rockgroup.rg3 .rockk.rck5{bottom:9%;left:-5%;width:195px}.UIVideos .video .rockgroup.rg4 .rockk.rck1{top:4%;left:-2%;width:180px}.UIVideos .video .rockgroup.rg4 .rockk.rck2{top:1%;left:52%;width:70px}.UIVideos .video .rockgroup.rg4 .rockk.rck3{top:65%;left:1.5%;width:175px}.UIVideos .video .rockgroup.rg4 .rockk.rck4{top:65%;right:2%;width:75px}.UIVideos .video .rockgroup.rg4 .rockk.rck5{top:7%;left:78%;width:145px}@media only screen and (max-width :1280px){.UIVideos .video .rockgroup.rg1 .rockk.rck1{width:70px}.UIVideos .video .rockgroup.rg1 .rockk.rck2{width:140px}.UIVideos .video .rockgroup.rg1 .rockk.rck3{width:130px}.UIVideos .video .rockgroup.rg1 .rockk.rck4{width:150px}.UIVideos .video .rockgroup.rg1 .rockk.rck5{width:70px}.UIVideos .video .rockgroup.rg2 .rockk.rck1{width:60px}.UIVideos .video .rockgroup.rg2 .rockk.rck2{width:70px}.UIVideos .video .rockgroup.rg2 .rockk.rck3{width:55px}.UIVideos .video .rockgroup.rg2 .rockk.rck4{width:135px}.UIVideos .video .rockgroup.rg2 .rockk.rck5{width:55px}.UIVideos .video .rockgroup.rg3 .rockk.rck1{width:140px}.UIVideos .video .rockgroup.rg3 .rockk.rck2{width:50px}.UIVideos .video .rockgroup.rg3 .rockk.rck3{width:113px}.UIVideos .video .rockgroup.rg3 .rockk.rck4{width:55px}.UIVideos .video .rockgroup.rg3 .rockk.rck5{width:125px}.UIVideos .video .rockgroup.rg4 .rockk.rck1{width:120px}.UIVideos .video .rockgroup.rg4 .rockk.rck2{width:50px}.UIVideos .video .rockgroup.rg4 .rockk.rck3{width:125px}.UIVideos .video .rockgroup.rg4 .rockk.rck4{width:55px}.UIVideos .video .rockgroup.rg4 .rockk.rck5{width:125px}}@media only screen and (max-width :767px){.UIVideos .video .rockgroup.rg1 .rockk.rck1{width:50px}.UIVideos .video .rockgroup.rg1 .rockk.rck2{width:120px}.UIVideos .video .rockgroup.rg1 .rockk.rck3{width:110px}.UIVideos .video .rockgroup.rg1 .rockk.rck4{width:120px;bottom:16%;left:-9%}.UIVideos .video .rockgroup.rg1 .rockk.rck5{width:50px}.UIVideos .video .rockgroup.rg2 .rockk.rck1{width:40px}.UIVideos .video .rockgroup.rg2 .rockk.rck2{width:50px}.UIVideos .video .rockgroup.rg2 .rockk.rck3{width:35px}.UIVideos .video .rockgroup.rg2 .rockk.rck4{width:105px;top:63%}.UIVideos .video .rockgroup.rg2 .rockk.rck5{width:45px}.UIVideos .video .rockgroup.rg3 .rockk.rck1{width:110px}.UIVideos .video .rockgroup.rg3 .rockk.rck2{width:40px}.UIVideos .video .rockgroup.rg3 .rockk.rck3{width:93px;top:-3%}.UIVideos .video .rockgroup.rg3 .rockk.rck4{width:45px}.UIVideos .video .rockgroup.rg3 .rockk.rck5{width:95px}.UIVideos .video .rockgroup.rg4 .rockk.rck1{width:90px}.UIVideos .video .rockgroup.rg4 .rockk.rck2{width:40px}.UIVideos .video .rockgroup.rg4 .rockk.rck3{width:95px;left:-5.5%}.UIVideos .video .rockgroup.rg4 .rockk.rck4{width:45px}.UIVideos .video .rockgroup.rg4 .rockk.rck5{width:105px;top:11%}}@media only screen and (max-width :600px){.UIVideos .video .rockgroup.rg1 .rockk.rck1{width:50px}.UIVideos .video .rockgroup.rg1 .rockk.rck2{width:90px}.UIVideos .video .rockgroup.rg1 .rockk.rck3{width:80px}.UIVideos .video .rockgroup.rg1 .rockk.rck4{width:90px;bottom:16%;left:-9%}.UIVideos .video .rockgroup.rg1 .rockk.rck5,.UIVideos .video .rockgroup.rg2 .rockk.rck1{width:40px}.UIVideos .video .rockgroup.rg2 .rockk.rck2{width:50px}.UIVideos .video .rockgroup.rg2 .rockk.rck3{width:35px}.UIVideos .video .rockgroup.rg2 .rockk.rck4{width:105px;top:63%}.UIVideos .video .rockgroup.rg2 .rockk.rck5{width:45px}.UIVideos .video .rockgroup.rg3 .rockk.rck1{width:100px;right:0}.UIVideos .video .rockgroup.rg3 .rockk.rck2{width:40px}.UIVideos .video .rockgroup.rg3 .rockk.rck3{width:93px;top:-3%}.UIVideos .video .rockgroup.rg3 .rockk.rck4{width:45px}.UIVideos .video .rockgroup.rg3 .rockk.rck5{width:95px}.UIVideos .video .rockgroup.rg4 .rockk.rck1{width:90px}.UIVideos .video .rockgroup.rg4 .rockk.rck2{width:40px}.UIVideos .video .rockgroup.rg4 .rockk.rck3{width:95px;left:-5.5%;top:72%}.UIVideos .video .rockgroup.rg4 .rockk.rck4{width:45px}.UIVideos .video .rockgroup.rg4 .rockk.rck5{width:105px;top:11%;left:86%}}@media only screen and (max-width :374px){.UIVideos .video .holder h1{font-size:16px}.UIVideos .video .rockgroup.rg1 .rockk.rck1{width:40px;top:0}.UIVideos .video .rockgroup.rg1 .rockk.rck2{width:60px;right:-8%}.UIVideos .video .rockgroup.rg1 .rockk.rck3{width:61px;bottom:23%}.UIVideos .video .rockgroup.rg1 .rockk.rck4{width:60px}.UIVideos .video .rockgroup.rg1 .rockk.rck5,.UIVideos .video .rockgroup.rg2 .rockk.rck1{width:32px}.UIVideos .video .rockgroup.rg2 .rockk.rck2{width:66px;top:0;left:-10%}.UIVideos .video .rockgroup.rg2 .rockk.rck3{width:30px}.UIVideos .video .rockgroup.rg2 .rockk.rck4{width:75px}.UIVideos .video .rockgroup.rg2 .rockk.rck5{width:33px}.UIVideos .video .rockgroup.rg3 .rockk.rck1{width:60px}.UIVideos .video .rockgroup.rg3 .rockk.rck2{width:33px}.UIVideos .video .rockgroup.rg3 .rockk.rck3{width:53px}.UIVideos .video .rockgroup.rg3 .rockk.rck4{width:35px}.UIVideos .video .rockgroup.rg3 .rockk.rck5{width:55px}.UIVideos .video .rockgroup.rg4 .rockk.rck1{width:55px;top:0}.UIVideos .video .rockgroup.rg4 .rockk.rck2{width:33px}.UIVideos .video .rockgroup.rg4 .rockk.rck3{width:55px}.UIVideos .video .rockgroup.rg4 .rockk.rck4{width:33px}.UIVideos .video .rockgroup.rg4 .rockk.rck5{width:65px}}