*{-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in}html,body,*{margin:0;padding:0}html,body{margin:0;padding:0;font-family:'HK Grotesk', Arial, sans-serif}#banner-wrapper{width:750px;height:200px;overflow:hidden}#banner-content{width:750px;height:200px;position:relative;background:url("./bg.jpg") center center no-repeat;background-size:cover}#banner-content #banner-link{display:block;width:750px;height:200px;z-index:10}#banner-content #chpl{display:block;width:70px;height:25px;position:absolute;left:0;bottom:0;cursor:pointer;z-index:20}.banner{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;-webkit-transition:opacity 0.7s;transition:opacity 0.7s}.banner a{display:block;cursor:pointer}.banner img{display:block;max-width:100%;height:auto}.slide-2{-webkit-transition-delay:1s;transition-delay:1s}.slide-2__text{position:absolute;top:61px;right:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all .35s 1s ease-in;transition:all .35s 1s ease-in}.slide-3{-webkit-transition-delay:2s;transition-delay:2s}.slide-3__text{position:absolute;top:61px;right:0}.slide-3__btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:195px;height:64px;border:none;background:#ec0000;position:absolute;top:77px;right:10px;opacity:0;-webkit-transition:opacity .15s 2.2s ease-in, background .2s ease-in;transition:opacity .15s 2.2s ease-in, background .2s ease-in}.slide-3__btn:hover{background:#ca0000}.slide-3__btn__text{position:absolute;top:0;left:0}.slide-3__btn__hand{position:absolute;right:-20px;bottom:-15px}[data-step="1"] .slide-4{-webkit-transition:none;transition:none}[data-step="1"] .slide-1{z-index:2;opacity:1}[data-step="1"] .slide-1__text{-webkit-transform:scale(1);transform:scale(1)}[data-step="2"] .slide-1__text{-webkit-transition:none;transition:none;-webkit-transform:scale(1);transform:scale(1)}[data-step="2"] .slide-2{z-index:2;opacity:1}[data-step="2"] .slide-2__text{-webkit-transform:scale(1);transform:scale(1)}[data-step="2"] .slide-2__btn{opacity:1}[data-step="3"] .slide-2__text{-webkit-transition:none;transition:none;-webkit-transform:scale(1);transform:scale(1)}[data-step="3"] .slide-2__button{-webkit-transition:none;transition:none;opacity:1}[data-step="3"] .slide-3{z-index:2;opacity:1}[data-step="3"] .slide-3__btn{opacity:1}[data-step="4"] .slide-4{z-index:2;opacity:1}
