@media screen and (min-width:0px){#hero .timer{display:flex;margin-bottom:20px}#hero .timer .unit{text-align:center;padding:0 5px;font-size:38px;font-weight:700}#hero .timer .colon{font-size:34px;font-weight:700}#hero .timer span{display:block;font-size:12px;font-weight:400;text-transform:uppercase}#homepage #hero-rotate .hero-video{display:none;z-index:-1}#homepage #hero-rotate .owl-item.active .hero-video{display:block}#homepage #hero-rotate.hero-rotate-3-lines .hero-video-overlay{display:none;position:absolute;height:100vh;left:0;right:0;top:0;z-index:0;background-color:rgba(0,0,0,.3)}#homepage #hero-rotate.hero-rotate-3-lines .owl-item.active .hero-video-overlay{display:block}#homepage #hero .keynote-wrapper{position:absolute;left:0;right:0;bottom:0;top:0;z-index:1;display:flex;justify-content:center;align-items:flex-end}#homepage #hero .keynote-main{margin:0 20px 120px;padding:30px 20px;background-color:#fff;border-radius:10px}#homepage #hero .keynote-main h1{display:none;width:100%;margin-bottom:15px;font-size:23px}#homepage #hero .keynote-main h1.active{display:block;line-height:120%}#homepage #hero .keynote-main .content{display:none}#homepage #hero .keynote-main .content.active{display:block}#homepage #hero .keynote-main .content .text{padding-bottom:20px}#homepage #hero .keynote-main .content .btn{display:inline-block;padding:10px 30px;min-width:160px}#homepage #hero .keynote-main .keynote-form-popup{position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center;z-index:4}#homepage #hero .keynote-main .keynote-form-popup.active{opacity:1;visibility:visible}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7)}#homepage #hero .keynote-main .keynote-form-popup .close-popup{position:absolute;top:0;right:10px;width:50px;height:50px;cursor:pointer;display:flex;align-items:center}#homepage #hero .keynote-main .keynote-form-popup .close-popup div{width:30px;height:2px;background:#2d2f30}#homepage #hero .keynote-main .keynote-form-popup .close-popup div:first-child{transform:rotate(45deg) translate(10px,-10px)}#homepage #hero .keynote-main .keynote-form-popup .close-popup div:last-child{transform:rotate(-45deg) translate(-8px,-7px)}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-main{position:relative;width:100%;margin:0 20px;padding:50px 20px 30px;border-radius:10px;background-color:#fff}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-main .title{font-size:23px;line-height:1.4em;font-weight:700;margin-bottom:20px}#homepage #hero .keynote-main .form-success{display:none;margin-top:30px}#homepage #hero .keynote-main .form-success.active{display:block}#homepage #hero .keynote-main .form-success .divimg{width:30px}#homepage #hero .keynote-main .form-success .text{padding:10px 0 20px;font-size:18px}#homepage #hero .keynote-main .form-success .btn{display:inline-block;padding:10px 30px}}@media screen and (min-width:768px){#hero .timer .unit{font-size:42px}#hero .timer .colon{font-size:42px}#homepage #hero .keynote-wrapper{align-items:center}#homepage #hero .keynote-main{width:460px;padding:30px;margin:0 auto 0 50px;box-sizing:border-box}#homepage #hero .keynote-main h1{font-size:32px}#homepage #hero .keynote-main .content .btn.open-keynote-form{display:none}#homepage #hero .keynote-main .keynote-form-popup{position:initial;opacity:1;visibility:visible}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-overlay{display:none}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-main .title{display:none}#homepage #hero .keynote-main .keynote-form-popup .close-popup{display:none}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-main{padding:0;margin:0}}@media screen and (min-width:1024px){#homepage #hero .keynote-main{padding:30px 50px}}@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#homepage #hero .keynote-main h1{font-size:26px}}@media screen and (min-width:1025px){#homepage #hero .keynote-main h1{font-size:26px}}@media screen and (min-width:1280px){#homepage #hero .keynote-main{margin-left:10%}#homepage #hero .keynote-main .keynote-form-popup .keynote-form-main form .entry label{font-size:16px;margin-bottom:8px}}@media screen and (min-width:1440px){#homepage #hero .keynote-main h1{font-size:32px}}@media screen and (min-width:1920px){#homepage #hero .keynote-main{margin-left:15%}}@media screen and (min-width:2560px){#homepage #hero .keynote-main{margin-left:calc((100vw - 1500px)/ 2)}}