.bannerpanel{position:relative}.bannerpanel .homebanner{position:relative;max-width:1920px;margin:0 auto;overflow:hidden}.bannerpanel .homebanner .swiper-button-prev,.bannerpanel .homebanner .swiper-button-next{display:none}.bannerpanel .homebanner .swiper-button-prev svg,.bannerpanel .homebanner .swiper-button-next svg{display:none}.bannerpanel .homebanner:hover .swiper-button-prev,.bannerpanel .homebanner:hover .swiper-button-next{display:block}@media(max-width:650px){.bannerpanel .homebanner .homebannerslider{padding-bottom:70px}}.bannerpanel .homebanner .temp1 .bannerwrap .imgwrap .filter-img{position:relative}.bannerpanel .homebanner .temp1 .bannerwrap .imgwrap .filter-img:after{background:url(../../images/home/banner-img-bg.svg) no-repeat;content:"";display:inline-block;height:100%;vertical-align:middle;width:100%;position:absolute;top:0%;left:-17px;background-size:contain;overflow:hidden;z-index:-1}@media screen and (min-width:80em){.bannerpanel .homebanner .temp1 .bannerwrap .imgwrap .filter-img:after{width:102%;left:-25px}}@media(max-width:650px){.bannerpanel .homebanner .temp1 .bannerwrap .imgwrap .filter-img:after{background:url(../../images/home/banner-img-bg-mobile.svg) no-repeat;content:"";background-size:contain;left:0}}.bannerpanel .homebanner .temp1 .img{max-height:606px}@media print,screen and (min-width:48em){.bannerpanel .homebanner .temp1 .img{-webkit-mask:url(../../images/home/left.webp);max-height:clamp(430px,430px + 650 * (100vw - 768px) / 1152,1080px);-webkit-mask-size:100.13%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}.bannerpanel .homebanner .temp1 .img.rightimg{position:absolute;right:0;-webkit-mask:url(../../images/mobile-mask.png);-webkit-mask-size:100%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media print,screen and (min-width:48em){.bannerpanel .homebanner .temp1 .img.rightimg{-webkit-mask:url(../../images/home/right.webp);-webkit-mask-size:100%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat}}@media print,screen and (max-width:47.99875em){.bannerpanel .homebanner .temp1 .img{-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right}}.bannerpanel .homebanner .bannerwrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}.bannerpanel .homebanner .bannerwrap .imgwrap{max-width:100%;width:100%;height:100%;position:relative}@media(min-width:651px)and (max-width:767px){.bannerpanel .homebanner .bannerwrap .imgwrap{max-width:52%;max-height:200px}}@media print,screen and (min-width:48em){.bannerpanel .homebanner .bannerwrap .imgwrap{max-width:55.883%;max-height:clamp(15.5rem,24.314vw + 3.829rem,19.375rem)}}@media print,screen and (min-width:64em){.bannerpanel .homebanner .bannerwrap .imgwrap{max-height:clamp(20.438rem,60.337vw - 18.178rem,36.125rem)}}.bannerpanel .homebanner .bannerwrap .imgwrap .filter-img{float:right}.bannerpanel .homebanner .swiper-nav-flexBox{position:relative}.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-prev,.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-next{margin-top:-63%}@media screen and (min-width:767px){.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-prev,.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-next{margin-top:-28%}}@media screen and (min-width:1600px){.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-prev,.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-next{margin-top:-30%}}@media screen and (min-width:1800px){.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-prev,.bannerpanel .homebanner .swiper-nav-flexBox .swiper-button-next{margin-top:-33%}}.bannerpanel .homebanner .swiper-button-prev{left:0}@media screen and (min-width:1700px){.bannerpanel .homebanner .swiper-button-prev{margin-left:-90px;left:var(--swiper-navigation-sides-offset, 10px)}}.bannerpanel .homebanner .swiper-button-prev:after{content:""!important;background:url(../../images/settings/hero-arrow-backward.svg) no-repeat center;background-size:contain;width:40px;height:40px;position:absolute}@media print,screen and (min-width:64em){.bannerpanel .homebanner .swiper-button-prev:after{width:50px;height:50px}}@media screen and (min-width:90em){.bannerpanel .homebanner .swiper-button-prev:after{width:70px;height:70px}}@media print,screen and (min-width:64em){.bannerpanel .homebanner .swiper-button-next{right:40px}}@media screen and (min-width:1700px){.bannerpanel .homebanner .swiper-button-next{margin-right:-80px}}.bannerpanel .homebanner .swiper-button-next:after{background:url(../../images/settings/hero-arrow-backward.svg) no-repeat center;content:""!important;background-size:contain;width:40px;height:40px;position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media print,screen and (min-width:64em){.bannerpanel .homebanner .swiper-button-next:after{width:50px;height:50px}}@media screen and (min-width:90em){.bannerpanel .homebanner .swiper-button-next:after{width:70px;height:70px}}.bannerpanel .homebanner .flexBox{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;width:100%;bottom:0}@media screen and (min-width:651px){.bannerpanel .homebanner .flexBox{position:relative;top:5px;margin-left:clamp(2.625rem,4.327vw - .144rem,3.75rem)}}@media screen and (min-width:900px){.bannerpanel .homebanner .flexBox{position:relative;top:-30px}}@media screen and (min-width:1024px){.bannerpanel .homebanner .flexBox{position:relative;top:0}}@media screen and (min-width:1500px){.bannerpanel .homebanner .flexBox{position:relative;top:-20px;bottom:0}}@media screen and (min-width:1550px){.bannerpanel .homebanner .flexBox{position:relative;top:-30px}}@media screen and (min-width:1600px){.bannerpanel .homebanner .flexBox{top:-55px}}@media screen and (min-width:1700px){.bannerpanel .homebanner .flexBox{top:unset;bottom:clamp(2.375rem,18.182vw - 16.943rem,4.875rem)}}.bannerpanel .homebanner .flexBox .swiper-pagination{position:static;width:initial}.bannerpanel .homebanner .flexBox .swiper-pagination .swiper-pagination-bullet{width:21px;height:21px;background:#a8a8a8;margin:0 9px;opacity:1}.bannerpanel .homebanner .flexBox .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}.bannerpanel .homebanner .flexBox .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}@media screen and (min-width:651px){.bannerpanel .homebanner .flexBox .swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;margin:0 8px}}.bannerpanel .homebanner .flexBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#90182c}.bannerpanel .homebanner .flexBox .swiper-button-play{display:inline-block;width:22px;height:25px;background-image:url(../../images/settings/slider-pause-icon.svg);background-size:contain;background-repeat:no-repeat;margin-left:20px;top:0;cursor:pointer;position:relative;left:auto;right:0%;z-index:9}@media screen and (min-width:651px){.bannerpanel .homebanner .flexBox .swiper-button-play{top:0;width:17px;height:19px;margin-left:15px}}.bannerpanel .homebanner .flexBox .swiper-button-play.active{background-image:url(../../images/settings/slider-play-icon.svg)}.bannerpanel .homebanner:after{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:175px;background:-webkit-gradient(linear,left top,left bottom,color-stop(-.22%,rgba(0,0,0,0)),color-stop(76.19%,rgba(0,0,0,.85)));background:linear-gradient(180deg,#0000 -.22%,#000000d9 76.19%);mix-blend-mode:multiply}.bannerpanel .homebanner .containerWrapper{position:absolute;left:0;right:0;bottom:clamp(32px,32px + 43 * (100vw - 375px) / 1065,75px);z-index:3}.bannerpanel .homebanner .containerWrapper .wraps{max-width:665px;margin:0 auto;position:relative;padding-left:15px}@media print,screen and (max-width:47.99875em){.bannerpanel .homebanner .containerWrapper .wraps{padding-inline:20px}}.bannerpanel .homebanner .containerWrapper .wraps input{border:0;border-radius:4px;height:54px;padding-left:clamp(50px,50px + 22 * (100vw - 375px) / 1065,72px);font-family:Nunito Sans,sans-serif;font-weight:500;font-size:24px;line-height:75%;letter-spacing:.02em;color:#1e1e1e}.bannerpanel .homebanner .containerWrapper .wraps i{background:url(../../images/settings/search-icon.svg) no-repeat;background-size:contain;width:25px;height:26px;display:block;position:absolute;font-size:0;top:15px;left:40px;cursor:pointer}.bannerpanel .animatedSVG{position:absolute;bottom:50px;z-index:1;left:-33px}@media print,screen and (min-width:64em){.bannerpanel .animatedSVG{bottom:70px;left:-58px}}.bannerpanel .animatedSVG svg{height:clamp(279px,279px + 101 * (100vw - 375px) / 648,380px);width:clamp(164px,164px + 81 * (100vw - 375px) / 648,245px)}@media print,screen and (min-width:64em){.bannerpanel .animatedSVG svg{height:clamp(380px,380px + 360 * (100vw - 64rem) / 416,740px);width:clamp(245px,245px + 110 * (100vw - 64rem) / 416,355px)}}.bannerpanel .animatedSVG svg.imagetoSVG path{opacity:1}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(1){-webkit-animation-delay:1s;animation-delay:1s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(2){-webkit-animation-delay:1.1s;animation-delay:1.1s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(3){-webkit-animation-delay:.8s;animation-delay:.8s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(4){-webkit-animation-delay:.7s;animation-delay:.7s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(5){-webkit-animation-delay:.5s;animation-delay:.5s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(6){-webkit-animation-delay:.3s;animation-delay:.3s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(7){-webkit-animation-delay:.4s;animation-delay:.4s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(8){-webkit-animation-delay:.6s;animation-delay:.6s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(9){-webkit-animation-delay:.1s;animation-delay:.1s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(10){-webkit-animation-delay:.9s;animation-delay:.9s}.bannerpanel .animatedSVG svg.imagetoSVG path:nth-of-type(11){-webkit-animation-delay:.2s;animation-delay:.2s}.bannerpanel .animatedSVG svg.imagetoSVG rect{opacity:0;-webkit-animation:dropDown1 .6s ease forwards;animation:dropDown1 .6s ease forwards}.bannerpanel .animatedSVG svg.imagetoSVG rect:nth-of-type(2){-webkit-animation-delay:.5s;animation-delay:.5s}.bannerpanel .animatedSVG.right{left:auto;right:-32px;top:-12px;bottom:inherit}@media print,screen and (max-width:47.99875em){.bannerpanel .animatedSVG.right{left:auto;right:-36px;top:91px}}@media print,screen and (min-width:48em)and (max-width:63.99875em){.bannerpanel .animatedSVG.right{left:auto;right:-26px;top:91px}}@media print,screen and (max-width:47.99875em){.bannerpanel .animatedSVG.right svg{width:123px;scale:1.1}}@media print,screen and (min-width:48em)and (max-width:63.99875em){.bannerpanel .animatedSVG.right svg{width:123px;scale:1.1}}@media print,screen and (min-width:64em){.bannerpanel .animatedSVG.right svg{height:clamp(450px,450px + 435 * (100vw - 64rem) / 416,885px);width:clamp(118px,118px + 66 * (100vw - 64rem) / 416,184px)}}.banner-gap{margin-bottom:clamp(40px,40px + 30 * (100vw - 23.4375rem) / 1065,70px)}.imgwraps{height:auto;overflow:visible}.overlayer{position:absolute;top:0;left:0;width:50%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}@media print,screen and (min-width:48em){.overlayer{width:50%}}@media screen and (min-width:80em){.overlayer{height:87.5%}}.overlayer h1,.overlayer h2{font-size:clamp(50px,50px + 190 * (100vw - 375px) / 1545,240px);font-weight:800;color:#fff;line-height:75%;margin-top:0;margin-bottom:0;position:relative}.overlayer h1:before,.overlayer h2:before{content:"";position:absolute;inset:-2px 0 0;background:url(../../images/live-back.svg) no-repeat;background-size:cover;z-index:-1}@media print,screen and (min-width:64em){.overlayer h1:before,.overlayer h2:before{bottom:10px}}.overlayer h1 a,.overlayer h2 a{color:#fff;text-decoration:none;text-transform:uppercase}.overlayer a{text-decoration:none}.overlayer h1:before{left:6px;right:4px}@media print,screen and (min-width:64em){.overlayer h1:before{left:16px;right:10px}}.overlayer h2:before{left:6px;background:url(../../images/work-back.svg) no-repeat;background-size:cover}.overlayer img{max-width:clamp(127px,127px + 383 * (100vw - 375px) / 1545,510px)}@media print,screen and (min-width:64em){.overlayer img{margin-left:30px}.overlayer h2:before{left:10px;right:-5px}}.overlayer.right{right:0;left:inherit}@media print,screen and (max-width:47.99875em){.overlayer.right{top:inherit;bottom:0}}.overlayer.right img{max-width:clamp(181px,181px + 551 * (100vw - 375px) / 1545,732px)}@media print,screen and (min-width:64em){.overlayer.right img{position:relative;left:clamp(-107px,-1px + -106 * (100vw - 1024px) / 896,-1px);margin-left:0}}.overlayer.right a{position:relative}@media print,screen and (min-width:64em){.overlayer.right a{left:clamp(-107px,-1px + -106 * (100vw - 1024px) / 896,-1px)}}.work-side{position:relative;background-repeat:no-repeat;-webkit-transition:ease .5s;transition:ease .5s}.work-side:hover{margin-left:0;-webkit-transition:ease .5s;transition:ease .5s}.live-side{position:relative;background-repeat:no-repeat;width:100%;-webkit-transition:ease .5s;transition:ease .5s}.live-side:hover{-webkit-transition:ease .5s;transition:ease .5s;margin-left:0}@-webkit-keyframes dropDown{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropDown{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dropDown1{to{opacity:1}}@keyframes dropDown1{to{opacity:1}}