@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Lato:300,300i,400,400i,700,700i|Bungee);body{font-family:"Source Sans Pro",sans-serif;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0}html,body{height:100%}.landing{display:flex;flex-direction:column;min-height:100%;background-color:#ecf0f1;color:#4D394B}.landing__image{width:100%;max-width:100%}.landing__image--small{max-width:5rem}.landing__image--medium{max-width:15rem}.landing__image--large{max-width:25rem}.landing__navigation{display:flex;align-items:center;justify-content:center;padding:2rem 4rem 2rem}@media (min-width: 640px){.landing__navigation{padding:4rem 4rem 2rem}}.landing__navigation-brand img{height:auto;width:100%;max-width:12rem}@media (min-width: 640px){.landing__navigation-brand img{max-width:16rem}}.landing__navigation-brand img-svg #tung,.landing__navigation-brand img-svg #eye-ball-right,.landing__navigation-brand img-svg #eye-ball-left{transition:transform .2s ease-in-out}.landing__navigation-brand img-svg #tung{transform-origin:bottom center}.landing__navigation-brand img-svg:hover #eye-ball-left{transform:translateX(-50px)}.landing__navigation-brand img-svg:hover #eye-ball-right{transform:translateX(-60px)}.landing__navigation-brand img-svg:hover #tung{transform:scaleY(0.9)}.landing__hero{padding:2rem 2rem 3rem;text-align:center}@media (min-width: 768px){.landing__hero{padding:5rem 2rem 22rem}}@media (min-width: 1080px) and (max-width: 1080px){.landing__hero{padding-bottom:6rem}}.landing__hero-message{margin-bottom:4rem}@media (min-width: 426px){.landing__hero-message{max-width:60rem;padding:0 4rem;margin-left:auto;margin-right:auto}}@media (min-width: 640px){.landing__hero-message{margin:0 auto 8rem}}@media (min-width: 1080px) and (max-width: 1080px){.landing__hero-message{margin-bottom:4rem}}.landing__hero .landing__h1{margin-bottom:1rem}@media (min-width: 640px){.landing__hero .landing__h1{margin-bottom:2rem}}.landing__hero-caption{padding:2rem;color:#9894b3;font-size:1rem}@media (min-width: 640px){.landing__hero-caption{font-size:1.1rem}}.landing__hero-paragraph{font-size:1.2rem;font-weight:400;margin:0 auto 4.5rem;max-width:40rem}@media (min-width: 640px){.landing__hero-paragraph{font-size:1.6rem}}@media (min-width: 768px){.landing__hero-shot{margin:0 auto;max-width:80%;padding:0}}.landing__hero-shot-actionbar{display:flex;padding:.5rem .6rem .3rem;background-color:#f7f7f7;border-radius:8px 8px 0 0;border-bottom:1px solid #eee}@media (min-width: 768px){.landing__hero-shot-actionbar{padding:.8rem 1rem .6rem}}.landing__hero-shot-actionbar-item{width:.5rem;height:.5rem;background-color:#d2d2d2;border-radius:50%}@media (min-width: 768px){.landing__hero-shot-actionbar-item{width:.8rem;height:.8rem}}.landing__hero-shot-actionbar-item:not(:last-child){margin-right:.3rem}.landing__hero-shot-frame{background-color:#fff;border-radius:8px;box-shadow:0 15px 40px -25px rgba(0,0,0,0.8),0 40px 200px 0 rgba(0,0,0,0.1)}.landing__hero-shot video{border-radius:0 0 8px 8px;overflow:hidden;vertical-align:top;width:100% !important;height:auto !important}.landing__section{padding:0 2rem 5rem;max-width:60rem;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.landing__section-image{max-width:15rem;width:100%}.landing__section--wide{max-width:120rem}.landing__section--text-center{text-align:center}@media (max-width: 426px){.landing__section--text-left-on-small{text-align:left}}@media (min-width: 640px){.landing__section{padding:0 2rem 15rem;flex-wrap:nowrap}.landing__section-image{margin-right:4rem}.landing__section .after{order:1;margin-right:0;margin-left:4rem}}@media (min-width: 1080px) and (max-width: 1080px){.landing__section{padding:0 4rem 6rem}}.landing__grid{display:flex;justify-content:space-around;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.landing__grid-item{padding:0 1rem}@media (min-width: 1080px) and (max-width: 1080px){.landing__grid-item{padding:0 3rem}}.landing__grid--3>.landing__grid-item{width:100%;max-width:25rem;margin-bottom:2rem}@media (min-width: 640px){.landing__grid--3>.landing__grid-item{width:calc(100% / 3);margin:0 auto}}.landing__footer{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;font-weight:600;flex-basis:10rem;padding:0 2rem}@media (min-width: 426px){.landing__footer{padding:0 4rem}}.landing__footer-by{display:flex;align-items:center}.landing__footer-by img{height:auto;width:100%;max-width:3rem}@media (min-width: 426px){.landing__footer-by img{margin-right:1rem}}.landing__footer-meta-item{color:#4D394B;text-decoration:none;padding:.6rem 1rem;border-radius:3px;transition:background-color .2s ease-in-out}a.landing__footer-meta-item:hover{background-color:#d1d0dd}.landing__btn{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border:none;border-radius:100px;color:#545454;font-weight:700;height:2.2rem;min-width:2.2rem;white-space:nowrap;appearance:none;outline:none;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease-in-out, transform .2s ease-in-out, box-shadow .2s ease-in-out}.landing__btn:focus,.landing__btn:hover{background-color:#F9F9F9;cursor:pointer}.landing__btn--default,.landing__btn--primary{background-color:#4D394B;color:#ecf0f1;font-size:1.5rem;padding:2rem;width:100%}@media (min-width: 768px){.landing__btn--default,.landing__btn--primary{padding:2rem 4rem;width:auto}.landing__btn--default:hover,.landing__btn--primary:hover{background-color:#9894b3;transform:scale(1.2);box-shadow:0 6px 15px -8px rgba(0,0,0,0.5)}}.landing__btn--default{background-color:#ececec;color:#868686}.landing__btn--default:hover{background-color:#d8d8d8;color:#868686}.landing__h1{font-family:'Bungee', sans-serif;font-size:3.2rem;line-height:.9;margin:0}@media (min-width: 640px){.landing__h1{font-size:6rem}}.landing__h2{font-size:2rem}@media (min-width: 640px){.landing__h2{font-size:3rem}}@media (min-width: 426px){.landing__h2--center-headline{width:60%;margin:0 auto 4rem}}.landing__h3{font-size:1.4rem}.landing__paragraph{font-weight:400;font-size:1.1rem;margin:0 0 1rem}@media (min-width: 426px){.landing__paragraph{font-size:1rem}}.landing a:not(.landing__btn):not(.landing__footer-meta-item){text-decoration:none;color:inherit;font-weight:700;border-bottom:1px solid;transition:border-bottom .2s ease-in-out}.landing a:not(.landing__btn):not(.landing__footer-meta-item):hover{border-bottom-width:3px}
