.hanoi{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);color:#000;font-family:"Lato",sans-serif;font-size:16px;transition:all .3s ease-out;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:11}.hanoi *,.hanoi *::before,.hanoi *::after{box-sizing:border-box}.hanoi p{margin:0}.hanoi--animate{-webkit-transform:translateY(0);transform:translateY(0)}.hanoi__content{width:61.25em;margin:auto;padding-bottom:0}.hanoi__close{display:block;position:absolute;right:4px;top:4px;cursor:pointer;width:20px;height:20px;overflow:hidden;text-indent:-999px}.hanoi__close:before,.hanoi__close:after{content:'';position:absolute;width:3px;height:12px;top:4px;left:45%;background:#6e6e6e}.hanoi__close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hanoi__close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hanoi__counter{font-size:12px;background-color:#f4f4f4;padding:.6em 1.2em;line-height:1}.hanoi__counter-value{color:#0eb6f1;font-family:"Montserrat",sans-serif;font-weight:600;font-size:21px;letter-spacing:-1px;display:block;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2235%22%20height%3D%2243%22%20viewBox%3D%220%200%2035%2043%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23707070%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M33.3%2037.538H6.145c-.634%200-1.147-.536-1.147-1.198V1.193c0-.66.513-1.198%201.147-1.198h21.42l6.882%207.186v29.16c0%20.662-.514%201.198-1.147%201.198zM27.564%201.792v5.39h5.162l-5.162-5.39zM33.3%208.38h-6.883V1.192H6.145V36.34H33.3V8.38zm-9.536-2.726H8.368V4.456h15.396v1.198zm0%203.724H8.368V8.18h15.396V9.38zm7.313%2024.39H8.367V32.57h22.71v1.198zm-27.39%205.064H32.01c0%20.526-.515%201.184-1.148%201.184H3.707c-.634%200-1.2-.7-1.2-1.363V3.507c0-.654.554-.964%201.18-.97V38.83zm.02-36.298l-.02.002v-.002h.02zM1.194%2041.332h28.323c0%20.526-.514%201.184-1.147%201.184H1.215c-.635%200-1.2-.7-1.2-1.363V6.007c0-.655.554-.964%201.18-.97V41.33zm.02-36.3c-.006%200-.013.004-.02.004v-.003h.02z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center;line-height:2;text-indent:5px;padding:5px 0}.hanoi__counter-value--animate{-webkit-animation:shake .5s;animation:shake .5s}.hanoi__benefits{background:#f4f4f4;padding:1em 1.2em}.hanoi__benefits-title{font-family:"Lato",sans-serif;font-weight:700;font-size:16px}.hanoi__benefits-list{padding-left:0;margin:.3em 0 0}.hanoi__benefits-item{font-size:12px;color:#737373}.hanoi__benefits-item::before{content:'';width:12px;height:9px;display:inline-block;vertical-align:middle;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%2328ac50%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M11.135%201.844l-6.8%206.8-.027-.025-.026.025L-.004%204.36%201.83%202.525l2.478%202.478L9.3.01l1.835%201.834z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;margin-right:.75em}.hanoi__title{font-family:"Montserrat",sans-serif;font-weight:600;font-size:28px;letter-spacing:-2px}.hanoi__text{color:#898989;font-size:21px;letter-spacing:-0.5px}.hanoi__message{text-align:left;margin:1em 4.5% 1.25em 2.25em;max-width:42%}.hanoi__cta{text-align:center}.hanoi__btn{color:#000;text-decoration:none;font-family:"Montserrat",sans-serif;font-weight:400;margin:0 auto .25em;display:block;text-align:center;background-color:#fff10e;line-height:1;letter-spacing:-0.5px;padding:9px 2em 6px;font-size:13px;width:212px;border:1px #f0e312 solid;border-radius:3px;transition:all .2s ease-out}.hanoi__btn strong{font-family:"Montserrat",sans-serif;font-weight:600;font-size:17px;display:block}.hanoi__btn:hover{background-color:#fffc0e;border:1px #eaef34 solid;text-decoration:none}.hanoi__subscriber{color:#0eb6f1;cursor:pointer;font-size:13px;text-decoration:none}.hanoi__subscriber:hover{text-decoration:underline}.hanoi__message,.hanoi__form,.hanoi__cta,.hanoi__benefits{display:inline-block;vertical-align:middle;max-width:48%}.hanoi__message{max-width:56%}.hanoi__counter{width:140px;display:inline-block;vertical-align:middle;position:relative;text-align:center}.hanoi__counter::before{content:'';position:absolute;right:100%;top:0;bottom:0;background-color:#f4f4f4;width:1600px}.hanoi--intro .hanoi__message{margin-right:5.5%}.hanoi--intro .hanoi__btn{font-size:18px;font-family:"Montserrat",sans-serif;font-weight:600;width:232px;padding:.725em 0 .7em}.hanoi--benefits .hanoi__message{margin-left:0;margin-right:2.5%}.hanoi--benefits .hanoi__title{font-size:21px;letter-spacing:-1px}.hanoi--benefits .hanoi__text{font-size:17px;margin-top:2px}.hanoi--benefits .hanoi__cta{margin-left:1.2em}.hanoi--last .hanoi__title{font-size:30px;letter-spacing:-2px}.hanoi--last .hanoi__text{font-size:19px}.hanoi--small{right:-360px;-webkit-transform:translateY(0);transform:translateY(0)}.hanoi--small.hanoi--animate{right:-200px}.hanoi--small.hanoi--shown{right:0}.hanoi--small .hanoi__counter::before{display:none}.hanoi--small .hanoi__cta{width:200px;max-width:none;padding:0 20px}.hanoi--small .hanoi__btn{font-size:12px;width:auto}.hanoi--small .hanoi__btn strong{font-size:20px}.hanoi--small .hanoi__close{top:-25px;height:25px;right:204px;background-color:#ebebeb;border-radius:3px 3px 0 0;transition:all .3s ease-out}.hanoi--small.hanoi--shown .hanoi__close{right:4px}@keyframes shake{20%{-webkit-transform:translateY(2px);transform:translateY(2px)}40%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}60%{-webkit-transform:translateY(1px);transform:translateY(1px)}80%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}