body,html{margin:0;height:100%}body{background:#444;background:linear-gradient(to bottom,#444 0,#333 100%);font-family:Poppins,sans-serif;font-size:18px;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .container{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;width:300px;height:600px;border:1px solid #a7a9ac;overflow:hidden;background-color:#1a0f0f;opacity:0}body .container #gradient{display:block;content:"";position:absolute;top:0;left:0;width:300px;height:600px;background:linear-gradient(to bottom,rgba(16,30,62,.6) 0,rgba(16,30,62,0) 30%,rgba(16,30,62,0) 50%,rgba(16,30,62,.4) 100%)}body .container a{display:block;position:relative;width:300px;height:600px;cursor:pointer;text-decoration:none;color:inherit}body .container a div{position:absolute;display:block;cursor:pointer}body .container a.hover #cta,body .container a:hover #cta{background-color:#fff!important;color:#101e3e!important}body .container a.hover #cta:after,body .container a:hover #cta:after{-webkit-transform:rotate(.01deg) translateX(3px) scaleX(.6)!important;transform:rotate(.01deg) translateX(3px) scaleX(.6)!important;border-left:16px solid #101e3e}body .container a #headline-1{color:#fff;font-size:22px;font-weight:600;width:258px;bottom:107px;left:30px}body .container a #headline-1 div{position:relative;text-align:left}body .container a #headline-2{background-color:rgba(16,30,62,.84);right:0;bottom:90px;padding:20px 15px;width:258px;border-radius:17px 0 0 17px;line-height:30px}body .container a #headline-2 div{position:relative;text-align:right}body .container a #headline-2 .headline:nth-child(1){color:#fff}body .container a #headline-2 .headline:nth-child(2){color:#f58a54;font-size:27px;font-weight:700;line-height:32px}body .container a #cta{right:-12px;bottom:25px;padding:15px 40px 15px 10px;border-radius:7px 0 0 7px;line-height:20px;color:#101e3e;font-weight:700;font-size:17px;transition:background-color .3s ease-out,color .3s ease-out;background-color:#f58a54}body .container a #cta:after{content:"";position:absolute;right:20px;top:17px;width:0;height:0;border-top:8px solid transparent;border-left:16px solid #fff;border-bottom:8px solid transparent;-webkit-transform:scaleX(.6);transform:scaleX(.6);transition:border-left .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,border-left .3s ease-out;transition:transform .3s ease-out,border-left .3s ease-out,-webkit-transform .3s ease-out}body .container a #video{position:absolute;left:0;top:0;width:300px;height:600px;background:url(background-photo.jpg) left top no-repeat;background-size:300px 600px;-webkit-transform:rotate(.01deg);transform:rotate(.01deg)}body .container a #video #cinemagraph-container{background-image:url(video_sprite-2x.jpg);background-position:0 0;width:249px;height:273px;background-size:5229px 273px;position:absolute;left:36px;top:129px;-webkit-transform:rotate(.01deg);transform:rotate(.01deg)}body .container a #logo{width:139px;height:111px;left:79px;top:0;background-color:rgba(255,255,255,.87);border-radius:0 0 17px 17px}body .container a #logo:after{background-image:url(sprite-2x.png);background-position:0 0;width:104px;height:71px;background-size:104px 71px;content:"";display:block;position:absolute;left:18px;top:22px}