.pater{position:fixed;right:0;bottom:0;width:100%;padding:1rem .5rem;background:#585ad5;overflow:hidden;z-index:1000}.pater__pixel{position:absolute;top:0;left:0}.pater svg{display:none}.pater__title{position:relative;font-size:3.35vw;margin:0 0 0 3rem;color:#fff}.pater__text-hover{display:none}.pater__img{position:absolute;left:0;top:50%;margin-top:-1rem;height:2rem}@media screen and (min-width:53em){.pater{right:0;bottom:0;max-width:50vw;height:250px;width:386px;bottom:0;top:auto;padding:0;pointer-events:none;background:transparent;transform:scale(.7);transform-origin:100% 100%}.pater::after{display:none}.pater__pixel{position:absolute;top:0;left:0}.pater svg{display:block;max-width:100%}.pater__title{position:absolute;font-size:23px;left:46px;line-height:1.75;text-align:center;width:60%;bottom:42px;margin:0;color:#333;transition:opacity .3s}.pater:hover .pater__title{opacity:0}.pater__text-hover{position:absolute;display:block;top:70px;left:0;width:82%;text-align:center;font-size:18px;color:#333;opacity:0;transform:translate3d(0,30px,0);transition:opacity .3s,transform .3s}.pater__img{bottom:5px;left:35px;margin-top:0;top:auto;display:block;opacity:0;height:157px;transform:translate3d(0,30px,0);transition:opacity .3s,transform .3s}.pater:hover .pater__img,.pater:hover .pater__text-hover{opacity:1;transform:translate3d(0,0,0)}.pater:hover .pater__img{transition-delay:.2s}.pater__arrow-circle:hover{fill:#1e9b4d;transition:fill .3s}.pater__arrow-circle:hover+.pater__arrow{fill:#ffcd03;transition:fill .3s}}.cls-1{fill:#099c4a}.pater2{position:fixed;bottom:0;left:0;width:100%;padding:.5em;background:#67cd75;display:flex;align-items:center;color:#000;z-index:20}.pater2:focus,.pater2.mouseenter{color:#000}.pater2__logo{vertical-align:middle;max-width:80px;transition:transform .5s,opacity .5s;transition-timing-function:cubic-bezier(.7,0,.3,1)}.pater2__title{margin:0 0 0 1em;font-size:.85em;font-weight:normal;transition:transform .5s,opacity .5s;transition-timing-function:cubic-bezier(.7,0,.3,1)}.pater2__title br{display:none}.pater2__desc{position:absolute;bottom:0;left:4%;font-size:1em;opacity:0;margin:0;padding:0 1em 1.3em 1em;text-align:center;line-height:1.4;pointer-events:none;transition:transform .5s,opacity .5s;transition-delay:.2s;transform:translate3d(0,-80px,0)}.pater2__desc strong{display:block;text-align:center}.pater2__img-wrap{position:absolute;bottom:0;right:0;width:270px;height:240px;display:none;background:linear-gradient(#99f5c5,#ffdf8f);transition:transform .5s .1s;transform:translate3d(0,100%,0);transition-timing-function:cubic-bezier(.7,0,.3,1)}.pater2__img{max-width:100%;display:block;opacity:0;transition:opacity .5s .2s}.pater2.mouseenter .pater2__close{position:absolute;left:-1rem;top:-1rem;cursor:pointer;text-align:center;overflow:hidden;text-shadow:0 0 3px #6d6d6d;transition:all ease 200ms;background:#ea5667;border-radius:50%;opacity:1;font-size:25px;color:#fff;border:1px solid #fff;width:40px;height:40px;border-radius:50%;z-index:2;padding:0;float:left}.pater2.mouseenter .pater2__close:before,.pater2.mouseenter .pater2__close:after{content:"";height:3px;width:22px;margin-left:5px;background:#fff;position:absolute;left:3px;top:49%;margin-top:-2px}.pater2.mouseenter .pater2__close:before{transform:rotate(45deg)}.pater2.mouseenter .pater2__close:after{transform:rotate(-45deg)}.pater2.mouseenter .pater2__close:hover{transform:rotate(90deg)}@media screen and (min-width:768px){.pater2{position:fixed;bottom:0;top:auto;left:0;padding:2em 0 0 0;width:270px;margin:0 1.5em;display:block;text-align:right;background:transparent}.demo-1 .pater2{color:#fff}.pater2__logo{max-width:90%}.pater2__title{font-size:1.25rem;margin-top:.5rem}.pater2__img-wrap{display:block}.pater2.mouseenter::before{transform:translate3d(0,-70px,0);transition-delay:0s}.pater2.mouseenter .pater2__logo,.pater2.mouseenter .pater2__title{opacity:0;transform:translate3d(0,-80px,0)}.pater2.mouseenter .pater2__desc,.pater2.mouseenter .pater2__img-wrap{transition-delay:0s;transform:translate3d(0,0,0)}.pater2.mouseenter .pater2__desc,.pater2.mouseenter .pater2__img{opacity:1;pointer-events:auto}.pater2__title br{display:inline}}@media screen and (max-width:768px){.pater2{position:fixed;bottom:0;top:auto;left:0;padding:2em 0 0 0;width:100%;max-width:420px;margin:0 1.5em;display:block;text-align:right;background:transparent}.pater2__desc{padding:unset;right:2rem;bottom:.5rem;left:unset;font-size:.7em}.demo-1 .pater2{color:#fff}.pater2__logo{max-width:90%}.pater2__title{font-size:1.25rem;margin-top:.5rem}.pater2__img-wrap{display:block;width:100%;height:100px}.pater2__img{width:40%;height:100%}.pater2.mouseenter::before{transform:translate3d(0,-70px,0);transition-delay:0s}.pater2.mouseenter .pater2__logo,.pater2.mouseenter .pater2__title{opacity:0;transform:translate3d(0,-80px,0)}.pater2.mouseenter .pater2__desc,.pater2.mouseenter .pater2__img-wrap{transition-delay:0s;transform:translate3d(0,0,0)}.pater2.mouseenter .pater2__desc,.pater2.mouseenter .pater2__img{opacity:1;pointer-events:auto}.pater2__title br{display:inline}}