.btn-1{background:#e02c26;font-weight:100}.btn-1 svg{height:45px;left:0;position:absolute;top:0;width:100%}.btn-1 rect{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:422,0;transition:all .35s linear}.btn-1:hover{background:rgba(225,51,45,0);font-weight:900;letter-spacing:1px}.btn-1:hover rect{stroke-width:5;stroke-dasharray:15,310;stroke-dashoffset:48;transition:all 1.35s cubic-bezier(.19,1,.22,1)}.btn-2{letter-spacing:0}.btn-2:active,.btn-2:hover{letter-spacing:5px}.btn-2:after,.btn-2:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;transition:all 280ms ease-in-out;width:0}.btn-2:hover:after,.btn-2:hover:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#fff;transition:width 350ms ease-in-out;width:70%}.btn-2:hover:before{bottom:auto;top:0;width:70%}.btn-3{background:#e3403a;border:1px solid #da251f;box-shadow:0 2px 0 #d6251f,2px 4px 6px #e02a24;font-weight:900;letter-spacing:1px;transition:all 150ms linear}.btn-3:hover{background:#e02c26;border:1px solid rgba(0,0,0,.05);box-shadow:1px 1px 2px rgba(255,255,255,.2);color:#ec817d;text-decoration:none;text-shadow:-1px -1px 0 #c2211c;transition:all 250ms linear}.btn-4{border:1px solid;overflow:hidden;position:relative}.btn-4 span{z-index:20}.btn-4:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);transition:all 550ms cubic-bezier(.19,1,.22,1);width:50px;z-index:-10}.btn-4:hover:after{left:120%;transition:all 550ms cubic-bezier(.19,1,.22,1)}.btn-5{border:0 solid;box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:1px solid;outline-color:rgba(255,255,255,.5);outline-offset:0;text-shadow:none;transition:all 1.25s cubic-bezier(.19,1,.22,1)}.btn-5:hover{border:1px solid;box-shadow:inset 0 0 20px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);outline-color:rgba(255,255,255,0);outline-offset:15px;text-shadow:1px 1px 2px #427388}.imagebox{position:relative;width:100%;width:100%;background-size:cover;border:2px solid #fff;overflow:hidden}.imagebox img{width:100%;transition:.5s}.main-content{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;transition:.5s}.main-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transform:translateX(-100%) scale(1) skew(-45deg);transition:.5s}.content{position:absolute;top:50%;transform:translateY(-50%);padding:30px 50px;text-align:center}.content h3{padding:0;color:#fff;margin-bottom:20px;font-size:25px;transform:translateY(-100%) scale(0);transition:.5s}.content p{padding:0;color:#fff;font-size:16px;line-height:25px;transform:scale(2);transition:.5s;opacity:0}div figcaption h3{padding:0;color:#fff;margin-bottom:10px;font-size:20px}div figcaption p{padding:0;color:#fff;font-size:12px;line-height:20px}.imagebox:hover .content h3{transform:translateY(0) scale(1)}.imagebox:hover .content p{transform:scale(1);opacity:1}.imagebox:hover img{transform:scale(1.5) translateX(50px);transition:.5s}.imagebox:hover .main-content:before{opacity:1;background:rgba(17,108,191,.8);transform:translateX(0) scale(1) skew(-45deg)}.bounce{animation:bounce 2s infinite}@-moz-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}