.cbtn{border:0;font-family:inherit;font-size:inherit;color:inherit;background:transparent;cursor:pointer;padding:25px 80px;display:inline-block;margin:15px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:0;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;text-align:center}.cbtn:after{content:'';position:absolute;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.cbtn:before{font-family:'FontAwesome';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;position:relative;-webkit-font-smoothing:antialiased}.cbtn:before,.cbtn:after{box-sizing:border-box}.btn-1{border:3px solid #0e83cd;color:#0e83cd;background:transparent}.btn-1::before{font-size:140%;height:100%;left:0;line-height:3;position:absolute;top:0;width:60px;left:auto;right:10px;z-index:2}.btn-1a:hover{color:#fff;background:#0e83cd}.btn-1b:after{width:100%;height:0;top:0;left:0;background:#0e83cd}.btn-1b:hover{color:#fff}.btn-1b:hover:after{height:100%}.btn-1c:after{width:0;height:100%;top:0;left:0;background:#0e83cd}.btn-1c:hover{color:#fff}.btn-1c:hover:after{width:100%}.btn-1d{overflow:hidden}.btn-1d:after{width:0;height:103%;top:50%;left:50%;background:#0e83cd;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.btn-1d:hover{color:#fff}.btn-1d:hover:after{width:90%;opacity:1}.btn-1e{overflow:hidden}.btn-1e:after{width:100%;height:0;top:50%;left:50%;background:#0e83cd;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.btn-1e:hover{color:#fff}.btn-1e:hover:after{height:260%;opacity:1}.btn-1f{overflow:hidden}.btn-1f:after{width:101%;height:0;top:50%;left:50%;background:#0e83cd;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.btn-1f:hover{color:#fff}.btn-1f:hover:after{height:75%;opacity:1}.btn-2{background:#0e83cd;color:#fff;box-shadow:0 6px #00337d;-webkit-transition:none;-moz-transition:none;transition:none}.btn-2::before{font-size:140%;height:100%;left:0;line-height:3;position:absolute;top:0;width:60px;left:auto;right:10px;z-index:2}.btn-2a{border-radius:0 0 5px 5px}.btn-2a:hover{box-shadow:0 4px #00337d;top:2px}.btn-2b{border-radius:0 0 5px 5px}.btn-2b:hover{box-shadow:0 8px #00337d;top:-2px}.btn-2c{border-radius:5px}.btn-2c:hover{box-shadow:0 4px #00337d;top:2px}.btn-2d{border-radius:5px}.btn-2d:hover{box-shadow:0 8px #00337d;top:-2px}.btn-2e{border-radius:5px;box-shadow:-6px 0 #00337d}.btn-2e:hover{box-shadow:-4px 0 #00337d;left:-2px}.btn-2f{border-radius:5px;box-shadow:6px 0 #00337d}.btn-2f:hover{box-shadow:4px 0 #00337d;left:2px}.btn-2g{border-radius:40px}.btn-2g:hover{box-shadow:0 4px #00337d;top:2px}.btn-2h{border-radius:20px}.btn-2h:hover{box-shadow:0 4px #00337d;top:2px}.btn-2i{border-radius:50%;width:90px;height:90px;padding:0}.btn-2i:hover{box-shadow:0 4px #00337d;top:2px}.btn-3{background:#0e83cd;color:#fff}.btn-3:hover{background:#00337d}.btn-3:before{position:absolute;height:100%;left:0;top:0;line-height:3;font-size:140%;width:60px}.btn-3a{padding:25px 60px 25px 120px}.btn-3a:before{background:rgba(0,0,0,0.05)}.btn-3b{padding:25px 60px 25px 120px;border-radius:10px}.btn-3b:before{border-right:2px solid rgba(255,255,255,0.5)}.btn-3c{padding:80px 20px 20px 20px;border-radius:10px;box-shadow:0 3px #00337d}.btn-3c:before{height:60px;width:100%;line-height:60px;border:2px solid #0e83cd;border-bottom:0;background:#fff;color:#0e83cd;border-radius:10px 10px 0 0}.btn-3c:hover{box-shadow:0 3px #0e83cd}.btn-3d{padding:25px 60px 25px 120px;border-radius:10px}.btn-3d:before{background:#289de7;color:#fcad26;z-index:2;border-radius:10px 0 0 10px}.btn-3d:after{width:20px;height:20px;background:#289de7;z-index:1;left:55px;top:50%;margin:-10px 0 0 -10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn-3d:hover:before,.btn-3d:hover:after{background:#0e83cd;transition:all .3s}.btn-3e{padding:25px 120px 25px 60px;overflow:hidden}.btn-3e:before{left:auto;right:10px;z-index:2}.btn-3e:after{width:30%;height:200%;background:rgba(255,255,255,0.1);z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg)}.btn-3e:hover:after{width:40%}.btn-4{border-radius:50px;border:3px solid #0e83cd;color:#0e83cd;overflow:hidden}.btn-4:hover{background:#0e83cd;color:#fff}.btn-4:before{position:absolute;height:100%;font-size:125%;line-height:3.5;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.btn-4a:before{left:130%;top:0}.btn-4a:hover:before{left:80%}.btn-4b:before{left:-50%;top:0}.btn-4b:hover:before{left:10%}.btn-4c:before{left:70%;opacity:0;top:0}.btn-4c:hover:before{left:80%;opacity:1}.btn-4d:before{left:30%;opacity:0;top:0}.btn-4d:hover:before{left:10%;opacity:1}.btn-5{background:#0e83cd;color:#fff;height:70px;min-width:260px;line-height:24px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.btn-5 span{display:inline-block;width:100%;height:100%;-webkit-transition:all .3s;-webkit-backface-visibility:hidden;-moz-transition:all .3s;-moz-backface-visibility:hidden;transition:all .3s;backface-visibility:hidden}.btn-5:before{position:absolute;height:100%;width:100%;line-height:2.5;font-size:180%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.btn-5a:hover span{-webkit-transform:translateY(300%);-moz-transform:translateY(300%);-ms-transform:translateY(300%);transform:translateY(300%)}.btn-5a:before{left:0;top:-100%}.btn-5a:hover:before{top:0}.btn-5b:hover span{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%)}.btn-5b:before{left:-100%;top:0}.btn-5b:hover:before{left:0}.btn-6{color:#fff;background:#0e83cd;-webkit-transition:none;-moz-transition:none;transition:none}.btn-6::before{font-size:140%;height:100%;left:0;line-height:3;position:absolute;top:0;width:60px;left:auto;right:10px;z-index:2}.btn-6a{border:4px solid #0e83cd}.btn-6a:hover{background:transparent;color:#0e83cd}.btn-6b{border:4px solid #0e83cd;border-radius:15px}.btn-6b:hover{background:transparent;color:#0e83cd}.btn-6c{border:4px solid #0e83cd;border-radius:60px}.btn-6c:hover{background:transparent;color:#0e83cd}.btn-6d{border:2px solid #0e83cd}.btn-6d:hover{background:transparent;color:#0e83cd;border:2px dashed #0e83cd}.btn-6e{border:2px dashed #0e83cd;border-radius:15px}.btn-6e:hover{background:transparent;color:#0e83cd}.btn-6f{border:2px dashed #0e83cd;border-radius:60px}.btn-6f:hover{background:transparent;color:#0e83cd}.btn-6g{border:2px dotted #0e83cd}.btn-6g:hover{background:transparent;color:#0e83cd}.btn-6h{border:2px dotted #0e83cd;border-radius:15px}.btn-6h:hover{background:transparent;color:#0e83cd}.btn-6i{border:2px dotted #0e83cd;border-radius:60px}.btn-6i:hover{background:transparent;color:#0e83cd}.btn-6j{border:4px double #0e83cd}.btn-6j:hover{background:transparent;color:#0e83cd}.btn-6k{border:4px double #0e83cd;border-radius:15px}.btn-6k:hover{background:transparent;color:#0e83cd}.btn-6l{border:4px double #0e83cd;border-radius:60px}.btn-6l:hover{background:transparent;color:#0e83cd}.perspective{-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;display:inline-block}.btn-7{display:block;background:#0e83cd;outline:1px solid transparent;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.btn-7::before{font-size:140%;height:100%;left:0;line-height:3;position:absolute;top:0;width:60px;left:auto;right:10px;z-index:2}.btn-7a:after{width:100%;height:42%;left:0;top:-40%;background:#0e83cd;-webkit-transform-origin:0 100%;-webkit-transform:rotateX(90deg);-moz-transform-origin:0 100%;-moz-transform:rotateX(90deg);transform-origin:0 100%;transform:rotateX(90deg)}.btn-7a:hover{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);transform:rotateX(-15deg)}.btn-7b:after{width:100%;height:40%;left:0;top:100%;background:#0e83cd;-webkit-transform-origin:0 0;-webkit-transform:rotateX(-90deg);-moz-transform-origin:0 0;-moz-transform:rotateX(-90deg);-ms-transform-origin:0 0;-ms-transform:rotateX(-90deg);transform-origin:0 0;transform:rotateX(-90deg)}.btn-7b:hover{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);transform:rotateX(15deg)}.btn-7c:after{width:21%;height:100%;left:-20%;top:0;background:#0e83cd;-webkit-transform-origin:100% 0%;-webkit-transform:rotateY(-90deg);-moz-transform-origin:100% 0%;-moz-transform:rotateY(-90deg);-ms-transform-origin:100% 0%;-ms-transform:rotateY(-90deg);transform-origin:100% 0%;transform:rotateY(-90deg)}.btn-7c:hover{-webkit-transform:rotateY(15deg);-moz-transform:rotateY(15deg);-ms-transform:rotateY(15deg);transform:rotateY(15deg)}.btn-7d:after{width:20%;height:100%;left:100%;top:0;background:#0e83cd;-webkit-transform-origin:0 0;-webkit-transform:rotateY(90deg);-moz-transform-origin:0 0;-moz-transform:rotateY(90deg);-ms-transform-origin:0 0;-ms-transform:rotateY(90deg);transform-origin:0 0;transform:rotateY(90deg)}.btn-7d:hover{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);transform:rotateY(-15deg)}