html,body,#buttons{width:100%;overflow-x:hidden;color:#555}.intro{text-align:center;font-family:Arial,Helvetica,sans-serif;color:#333}.intro h1{font-size:5rem}#buttons h2{text-align:center;font-family:Arial,Helvetica,sans-serif}.btn-box{margin:auto;max-width:800px;display:flex;flex-wrap:wrap;justify-content:center}.buttons-section{margin-top:80px}.btn-container{height:80px;width:230px;margin:auto;position:relative;z-index:0}.btn{display:block;margin:auto;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;position:relative;cursor:pointer}.btn-slide-bottom{border:none;display:block;text-align:center;cursor:pointer;overflow:hidden;color:#fff!important;font-weight:700;font-size:15px;background-color:#333;padding:17px 45px;transition:all .5s ease-in-out}.btn-slide-bottom span{position:relative;z-index:1}.btn-slide-bottom:after{content:"";position:absolute;left:0;top:0;height:490%;width:140%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateX(-98%) translateY(-25%) rotate(45deg);transform:translate(-98%) translateY(-25%) rotate(45deg)}.btn-slide-bottom:hover:after{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translate(-9%) translateY(-25%) rotate(45deg)}.btn-slide-bottom--orange:after{background:#feae00}.btn-slide-bottom--pink:after{background:#ff6392}.btn-slide-bottom--blue:after{background:#3a86ff}.btn-slide-bottom--red:after{background:#ef233c}.btn-slide-bottom--green:after{background:#80ed99}.btn-slide-bottom--yellow:after{background:#3d348b}.btn-moving-gradient{height:55px;width:200px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;border:none;background-size:300% 100%;border-radius:50px;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn-moving-gradient:hover{background-position:100% 0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn-moving-gradient--orange{background-image:linear-gradient(to right,#ff8400,#ffbf00,#ffae00,#fbb03b);box-shadow:0 4px 15px #c90}.btn-moving-gradient--pink{background-image:linear-gradient(to right,#ff61ab,#ffb061,#ff6161,#ff6392);box-shadow:0 4px 15px #ff7b61}.btn-moving-gradient--blue{background-image:linear-gradient(to right,#3d87ff,#be3dff,#7e3dff,#3a86ff);box-shadow:0 4px 15px #be3dff}.btn-moving-gradient--red{background-image:linear-gradient(to right,#ef253c,#ef9425,#ef6825,#ef233c);box-shadow:0 4px 15px #ef9425}.btn-moving-gradient--green{background-image:linear-gradient(to right,#82ed9b,#82e6ed,#82edbf,#80ed99);box-shadow:0 4px 15px #82e6ed}.btn-moving-gradient--purple{background-image:linear-gradient(to right,#3e358d,#87358d,#6a358d,#3d348b);box-shadow:0 4px 15px #87358d}.btn-rect-to-round{height:55px;width:200px;font-size:16px;font-weight:600;background:transparent;cursor:pointer;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.btn-rect-to-round:hover{border-radius:60px;color:#fff!important}.btn-rect-to-round--black{color:#333!important;border:2px solid #333}.btn-rect-to-round--black:hover{border-color:#333;background:#333}.btn-rect-to-round--pink{color:#ff6392!important;border:2px solid #FF6392}.btn-rect-to-round--pink:hover{border-color:#ff6392;background:#ff6392}.btn-rect-to-round--blue{color:#3a86ff!important;border:2px solid #3A86FF}.btn-rect-to-round--blue:hover{border-color:#3a86ff;background:#3a86ff}.btn-rect-to-round--red{color:#ef233c!important;border:2px solid #EF233C}.btn-rect-to-round--red:hover{border-color:#ef233c;background:#ef233c}.btn-rect-to-round--green{color:#80ed99!important;border:2px solid #80ED99}.btn-rect-to-round--green:hover{border-color:#80ed99;background:#80ed99}.btn-rect-to-round--orange{color:#feae00!important;border:2px solid #FEAE00}.btn-rect-to-round--orange:hover{border-color:#feae00;background:#feae00}.btn-slide-show{background:#333;width:200px;height:50px;overflow:hidden;text-align:center;transition:.4s;cursor:pointer;border-radius:3px;font-weight:700}.btn-slide-show-inner{position:relative;width:200px;height:100px;margin-top:-100px;padding-top:2px;left:-250px;transition:.5s}.btn-slide-show-text1{color:#fff;font-weight:700;margin-top:15px;transition:all .5s ease-in-out}.btn-slide-show-text2{margin-top:65px;margin-right:-130px;color:#fff;font-weight:700}.btn-slide-show:hover .btn-slide-show-inner{left:-130px}.btn:hover .btn-slide-show-text1{margin-left:65px}.btn-slide-show-inner--orange{background:#feae00}.btn-slide-show-inner--pink{background:#ff6392}.btn-slide-show-inner--blue{background:#3a86ff}.btn-slide-show-inner--red{background:#ef233c}.btn-slide-show-inner--green{background:#80ed99}.btn-slide-show-inner--gray{background:#eee}.btn-fill-center{text-align:center;cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .5s ease-in}.btn-fill-center-text{display:block;max-width:160px;text-decoration:none;border-radius:4px;padding:13px 50px;-webkit-transition:all .8s cubic-bezier(.39,.5,.15,1.36);-moz-transition:all .8s cubic-bezier(.39,.5,.15,1.36);-ms-transition:all .8s cubic-bezier(.39,.5,.15,1.36);-o-transition:all .8s cubic-bezier(.39,.5,.15,1.36);transition:all .8s cubic-bezier(.39,.5,.15,1.36)}.btn-fill-center-text--gray{color:#333;border:2px solid #333}.btn-fill-center-text--gray:hover{color:#fff;box-shadow:#333 0 0 0 40px inset}.btn-fill-center-text--orange{color:#feae00;border:2px solid #FEAE00}.btn-fill-center-text--orange:hover{color:#fff;box-shadow:#feae00 0 0 0 40px inset}.btn-fill-center-text--blue{color:#3a86ff;border:2px solid #3A86FF}.btn-fill-center-text--blue:hover{color:#fff;box-shadow:#3a86ff 0 0 0 40px inset}.btn-fill-center-text--purple{color:#3d348b;border:2px solid #3D348B}.btn-fill-center-text--purple:hover{color:#fff;box-shadow:#3d348b 0 0 0 40px inset}.btn-fill-center-text--red{color:#ef233c;border:2px solid #EF233C}.btn-fill-center-text--red:hover{color:#fff;box-shadow:#ef233c 0 0 0 40px inset}.btn-fill-center-text--green{color:#80ed99;border:2px solid #80ED99}.btn-fill-center-text--green:hover{color:#fff;box-shadow:#80ed99 0 0 0 40px inset}.btn-border-to-line{transition-property:all;transition-duration:.6s;transition-timing-function:ease}.btn-border-to-line-text{cursor:pointer;font-size:16px;text-transform:uppercase;width:200px;position:relative;padding:15px 60px 10px;text-decoration:none;transition:all .6s ease-in;background:transparent;outline:none;border:0}.btn-border-to-line-text:hover{font-weight:700}.btn-border-to-line-text svg{height:50px;left:0;position:absolute;top:0;width:100%}.btn-border-to-line-text rect{fill:none;stroke-width:4;stroke-dasharray:412,0;transition:all .5s linear}.btn-border-to-line-text:hover rect{stroke-width:5;stroke-dasharray:23,365;stroke-dashoffset:58;transition:all 1.9s cubic-bezier(.19,1,.22,1)}.btn-border-to-line-text--gray{color:#333}.btn-border-to-line-text--gray rect{stroke:#333}.btn-border-to-line-text--orange{color:#feae00}.btn-border-to-line-text--orange rect{stroke:#feae00}.btn-border-to-line-text--blue{color:#3a86ff}.btn-border-to-line-text--blue rect{stroke:#3a86ff}.btn-border-to-line-text--red{color:#ef233c}.btn-border-to-line-text--red rect{stroke:#ef233c}.btn-border-to-line-text--green{color:#80ed99}.btn-border-to-line-text--green rect{stroke:#80ed99}.btn-border-to-line-text--purple{color:#3d348b}.btn-border-to-line-text--purple rect{stroke:#3d348b}.btn-text-stretch{letter-spacing:0;box-sizing:inherit;transition-property:all;transition-duration:.6s;transition-timing-function:ease;cursor:pointer;font-size:16px;font-weight:400;line-height:45px;margin:0 0 2em;max-width:160px;position:relative;text-decoration:none;text-transform:uppercase;width:100%;text-align:center;padding-left:10px;padding-right:10px;font-family:lato,serif}.btn-text-stretch:hover,.btn-text-stretch:active{letter-spacing:5px}.btn-text-stretch:after,.btn-text-stretch:before{backface-visibility:hidden;border:1.5px solid transparent;bottom:0;content:" ";display:block;margin:0 auto;position:relative;transition:all .4s ease-in-out;width:0}.btn-text-stretch:hover:after,.btn-text-stretch:hover:before{backface-visibility:hidden;transition:width .5s ease-in-out;width:70%}.btn-text-stretch:hover:before{bottom:auto;top:0;width:70%}.btn-text-stretch--gray{color:#333}.btn-text-stretch--gray:hover:after,.btn-text-stretch--gray:hover:before{border-color:#333}.btn-text-stretch--red{color:#ef233c}.btn-text-stretch--red:hover:after,.btn-text-stretch--red:hover:before{border-color:#ef233c}.btn-text-stretch--orange{color:#feae00}.btn-text-stretch--orange:hover:after,.btn-text-stretch--orange:hover:before{border-color:#feae00}.btn-text-stretch--blue{color:#3a86ff}.btn-text-stretch--blue:hover:after,.btn-text-stretch--blue:hover:before{border-color:#3a86ff}.btn-text-stretch--green{color:#80ed99}.btn-text-stretch--green:hover:after,.btn-text-stretch--green:hover:before{border-color:#80ed99}.btn-text-stretch--pink{color:#ff6392}.btn-text-stretch--pink:hover:after,.btn-text-stretch--pink:hover:before{border-color:#ff6392}.btn-shine-effect{box-sizing:inherit;transition-property:all;transition-duration:.6s;transition-timing-function:ease;overflow:hidden;cursor:pointer;font-size:16px;font-weight:400;line-height:45px;margin:0 0 2em;max-width:180px;position:relative;width:100%;background:#f9f9f9}.btn-shine-effect span{z-index:20}.btn-shine-effect-span:after{background:#fff;content:"";height:155px;left:-75px;opacity:.8;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:19}.btn-shine-effect:hover .btn-shine-effect-span:after{left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}.btn-shine-effect--gray{color:#333;border:2px solid #333}.btn-shine-effect--orange{color:#feae00;border:2px solid #FEAE00}.btn-shine-effect--red{color:#ef233c;border:2px solid #EF233C}.btn-shine-effect--blue{color:#3a86ff;border:2px solid #3A86FF}.btn-shine-effect--green{color:#80ed99;border:2px solid #80ED99}.btn-shine-effect--purple{color:#3d348b;border:2px solid #3D348B}.btn-swipe-left{display:block;overflow:hidden;text-align:center;max-width:180px;padding:10px;margin:auto;text-transform:uppercase;text-decoration:none;transition:all .5s ease-in-out;font-family:lato,serif}.btn-swipe-left:before{content:"";transform:translate(-150%);-webkit-transform:translateX(-150%);position:absolute;left:0;top:0;height:140%;width:240%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn-swipe-left span{z-index:2;position:relative;transition:all .5s ease-in-out}.btn-swipe-left:hover span{color:#fff}.btn-swipe-left:hover:before{transform:translate(-50%);-webkit-transform:translateX(-50%)}.btn-swipe-left--black{color:#333;border:2px solid #333}.btn-swipe-left--black:before{background-color:#333}.btn-swipe-left--orange{color:#feae00;border:2px solid #FEAE00}.btn-swipe-left--orange:before{background-color:#feae00}.btn-swipe-left--red{color:#ef233c;border:2px solid #EF233C}.btn-swipe-left--red:before{background-color:#ef233c}.btn-swipe-left--blue{color:#3a86ff;border:2px solid #3A86FF}.btn-swipe-left--blue:before{background-color:#3a86ff}.btn-swipe-left--green{color:#80ed99;border:2px solid #80ED99}.btn-swipe-left--green:before{background-color:#80ed99}.btn-swipe-left--purple{color:#3d348b;border:2px solid #3D348B}.btn-swipe-left--purple:before{background-color:#3d348b}.btn-double-swipe{display:block;overflow:hidden;text-align:center;padding:10px 20px;margin:auto;text-transform:uppercase;text-decoration:none;transition:all .5s ease-in-out;max-width:150px}.btn-double-swipe:before,.btn-double-swipe:after{content:"";position:absolute;height:490%;top:0;width:120%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateX(-98%) translateY(-25%) rotate(45deg);transform:translate(-98%) translateY(-25%) rotate(45deg)}.btn-double-swipe:before{right:-50px;border-right:50px solid transparent;transform:translate(-100%);-webkit-transform:translateX(-100%)}.btn-double-swipe:after{left:-50px;border-left:50px solid transparent;transform:translate(100%);-webkit-transform:translateX(100%)}.btn-double-swipe span{position:relative;transition:all .5s ease-in-out;z-index:4}.btn-double-swipe:hover span{opacity:.9;color:#fff}.btn-double-swipe:hover:before{transform:translate(-40%)}.btn-double-swipe:hover:after{transform:translate(40%)}.btn-double-swipe--black{color:#333;border:2px solid #333}.btn-double-swipe--black:before,.btn-double-swipe--black:after{background:#333!important}.btn-double-swipe--orange{border:2px solid #FEAE00;color:#feae00}.btn-double-swipe--orange:before,.btn-double-swipe--orange:after{background:#feae00}.btn-double-swipe--red{border:2px solid #EF233C;color:#ef233c}.btn-double-swipe--red:before,.btn-double-swipe--red:after{background:#ef233c}.btn-double-swipe--blue{border:2px solid #3A86FF;color:#3a86ff}.btn-double-swipe--blue:before,.btn-double-swipe--blue:after{background:#3a86ff}.btn-double-swipe--green{border:2px solid #80ED99;color:#80ed99}.btn-double-swipe--green:before,.btn-double-swipe--green:after{background:#80ed99}.btn-double-swipe--purple{border:2px solid #3D348B;color:#3d348b}.btn-double-swipe--purple:before,.btn-double-swipe--purple:after{background:#3d348b}.btn-half-swipe{display:block;overflow:hidden;padding:10px;width:180px;text-align:center;margin:auto;text-transform:uppercase;border:2px solid #333;color:#333;text-decoration:none;transition:all .5s ease-in-out}.btn-half-swipe:before,.btn-half-swipe:after{content:"";position:absolute;left:0;top:0;height:100%;width:140%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn-half-swipe span{position:relative;transition:all .5s ease-in-out;z-index:4}.btn-half-swipe:after{left:-70px;border-left:50px solid transparent;transform:translate(100%)}.btn-half-swipe:hover:before{transform:translate(-49%)}.btn-half-swipe:hover:after{transform:translate(49%)}.btn-half-swipe--orange:after{border-top:80px solid #FEAE00}.btn-half-swipe--orange:hover{border:2px solid #FEAE00}.btn-half-swipe--pink:after{border-top:80px solid #FF6392}.btn-half-swipe--pink:hover{border:2px solid #FF6392}.btn-half-swipe--red:after{border-top:80px solid #EF233C}.btn-half-swipe--red:hover{border:2px solid #EF233C}.btn-half-swipe--blue:after{border-top:80px solid #3A86FF}.btn-half-swipe--blue:hover{border:2px solid #3A86FF}.btn-half-swipe--green:after{border-top:80px solid #80ED99}.btn-half-swipe--green:hover{border:2px solid #80ED99}.btn-half-swipe--gray:after{border-top:80px solid #ccc}.btn-half-swipe--gray:hover{border:2px solid #ccc}.btn-shadow-drop{position:relative;margin-top:10%;background:#f9fafa;padding:20px;font-size:.9em;font-weight:700;letter-spacing:5px;text-transform:uppercase;transition:all .3s ease-in-out;left:0;top:0;width:180px}.btn-shadow-drop:hover{left:4px;top:4px;box-shadow:0 0 #fff}.btn-shadow-drop--black{border:1px solid #333;color:#333;box-shadow:4px 4px #333}.btn-shadow-drop--orange{border:1px solid #FEAE00;color:#feae00;box-shadow:4px 4px #feae00}.btn-shadow-drop--red{border:1px solid #EF233C;color:#ef233c;box-shadow:4px 4px #ef233c}.btn-shadow-drop--blue{border:1px solid #3A86FF;color:#3a86ff;box-shadow:4px 4px #3a86ff}.btn-shadow-drop--green{border:1px solid #80ED99;color:#80ed99;box-shadow:4px 4px #80ed99}.btn-shadow-drop--purple{border:1px solid #3D348B;color:#3d348b;box-shadow:4px 4px #3d348b}.neumorphic-section{padding-top:10px;background:#eee}.neumorphic{-webkit-appearance:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;width:200px;height:50px;background-image:linear-gradient(to top,#d8d9db,#fff 80%,#fdfdfd);border-radius:30px;border:1px solid #8F9092;box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px #cecfd1;transition:all .2s ease;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:0 1px #fff}.neumorphic::-moz-focus-inner{border:0}.neumorphic>*{transition:transform .2s ease;transform:scale(.975)}.neumorphic:hover:not([disabled]){box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}.neumorphic-enabled:focus:not(:active){outline:none}.neumorphic-enabled:active:not([disabled]){box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.neumorphic:hover{color:#606060;text-shadow:0 1px #fff}.neumorphic-disabled{opacity:.5;cursor:not-allowed!important}.btn-layered-3d,.btn-layered-3d>*,.btn-layered-3d>*:before,.btn-layered-3d>*:after{box-sizing:border-box}.btn-layered-3d{width:180px;position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:600;text-transform:uppercase;padding:1.15em 2em;border-radius:.75em;transform-style:preserve-3d;transition:transform .15s cubic-bezier(0,0,.58,1),background .15s cubic-bezier(0,0,.58,1)}.btn-layered-3d:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:inherit;transform:translate3d(0,.75em,-1em);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s cubic-bezier(0,0,.58,1)}.btn-layered-3d:hover{transform:translateY(.25em)}.btn-layered-3d:hover:before{transform:translate3d(0,.5em,-1em)}.btn-layered-3d--pink{color:#931a3e;background:#ffe5ed;border:2px solid hsl(342,70%,34%)}.btn-layered-3d--pink:before{background:#ffb3c9;box-shadow:0 0 0 2px #931a3e,0 .625em #ffe5ed}.btn-layered-3d--orange{color:#de9c0d;background:#ffefcc;border:2px solid hsl(41,89%,46%)}.btn-layered-3d--orange:before{background:#ffd780;box-shadow:0 0 0 2px #de9c0d,0 .625em #ffefcc}.btn-layered-3d--red{color:#ef253c;background:#fde3e6;border:2px solid hsl(353,86%,54%)}.btn-layered-3d--red:before{background:#f68491;box-shadow:0 0 0 2px #ef253c,0 .625em #fde3e6}.btn-layered-3d--blue{color:#3d87ff;background:#d6e6ff;border:2px solid hsl(217,100%,62%)}.btn-layered-3d--blue:before{background:#94bdff;box-shadow:0 0 0 2px #3d87ff,0 .625em #d6e6ff}.btn-layered-3d--green{color:#3ba554;background:#e9f7ec;border:2px solid hsl(134,47%,44%)}.btn-layered-3d--green:before{background:#9edcac;box-shadow:0 0 0 2px #3ba554,0 .625em #e9f7ec}.btn-layered-3d--purple{color:#3e358d;background:#d5d3ee;border:2px solid hsl(246,45%,38%)}.btn-layered-3d--purple:before{background:#9089d2;box-shadow:0 0 0 2px #3e358d,0 .625em #d5d3ee}.btn-arrow-slide-cont{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit;width:180px;height:auto}.btn-arrow-slide-cont:hover{background:transparent}.btn-arrow-slide-circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;border-radius:1.625rem}.btn-arrow-slide-circle .btn-arrow-slide-icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}.btn-arrow-slide-circle .btn-arrow-slide-icon.btn-arrow-slide-arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}.btn-arrow-slide-arrow:before{position:absolute;content:"";top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}.btn-arrow-slide-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}.btn-arrow-slide-cont:hover .btn-arrow-slide-circle{width:100%}.btn-arrow-slide-cont:hover .btn-arrow-slide-circle .btn-arrow-slide-icon.btn-arrow-slide-arrow{background:#fff;transform:translate(1rem)}.btn-arrow-slide-cont:hover .btn-arrow-slide-text{color:#fff}.btn-arrow-slide-cont--black .btn-arrow-slide-circle{background:#333}.btn-arrow-slide-cont--black .btn-arrow-slide-text{color:#333}.btn-arrow-slide-cont--orange .btn-arrow-slide-circle{background:#fec23f}.btn-arrow-slide-cont--orange .btn-arrow-slide-text{color:#fec23f}.btn-arrow-slide-cont--red .btn-arrow-slide-circle{background:#ef233c}.btn-arrow-slide-cont--red .btn-arrow-slide-text{color:#ef233c}.btn-arrow-slide-cont--green .btn-arrow-slide-circle{background:#53bb6b}.btn-arrow-slide-cont--green .btn-arrow-slide-text{color:#53bb6b}.btn-arrow-slide-cont--blue .btn-arrow-slide-circle{background:#3a86ff}.btn-arrow-slide-cont--blue .btn-arrow-slide-text{color:#3a86ff}.btn-arrow-slide-cont--purple .btn-arrow-slide-circle{background:#3d348b}.btn-arrow-slide-cont--purple .btn-arrow-slide-text{color:#3d348b}@keyframes stripe-slide{0%{background-position:0% 0}to{background-position:100% 0}}.btn-bottom-stripe{overflow:visible;margin:0 0 16px;border:0;background:transparent;font:inherit;line-height:normal;cursor:pointer;-moz-user-select:text;display:block;text-decoration:none;text-transform:uppercase;padding:16px 56px 22px;background-color:#fff;border-radius:6px;transition:all .5s ease;overflow:hidden;position:relative}.btn-bottom-stripe:-moz-focus-inner{padding:0;border:0}.btn-bottom-stripe:after{content:"";display:block;height:7px;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:0;bottom:0;background-size:7px 7px}.btn-bottom-stripe:hover{color:#fff}.btn-bottom-stripe:hover:after{background-image:repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);animation:stripe-slide 12s infinite linear forwards}.btn-bottom-stripe--black{color:#333;border:2px solid #333}.btn-bottom-stripe--black:after{border-top:2px solid #333;background-image:repeating-linear-gradient(45deg,#333,#333 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--black:hover{background-color:#333}.btn-bottom-stripe--orange{color:#fec23f;border:2px solid #FEC23F}.btn-bottom-stripe--orange:after{border-top:2px solid #FEC23F;background-image:repeating-linear-gradient(45deg,#FEC23F,#FEC23F 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--orange:hover{background-color:#fec23f}.btn-bottom-stripe--red{color:#ef233c;border:2px solid #EF233C}.btn-bottom-stripe--red:after{border-top:2px solid #EF233C;background-image:repeating-linear-gradient(45deg,#EF233C,#EF233C 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--red:hover{background-color:#ef233c}.btn-bottom-stripe--green{color:#53bb6b;border:2px solid #53BB6B}.btn-bottom-stripe--green:after{border-top:2px solid #53BB6B;background-image:repeating-linear-gradient(45deg,#53BB6B,#53BB6B 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--green:hover{background-color:#53bb6b}.btn-bottom-stripe--blue{color:#3a86ff;border:2px solid #3A86FF}.btn-bottom-stripe--blue:after{border-top:2px solid #3A86FF;background-image:repeating-linear-gradient(45deg,#3A86FF,#3A86FF 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--blue:hover{background-color:#3a86ff}.btn-bottom-stripe--purple{color:#3d348b;border:2px solid #3D348B}.btn-bottom-stripe--purple:after{border-top:2px solid #3D348B;background-image:repeating-linear-gradient(45deg,#3D348B,#3D348B 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--purple:hover{background-color:#3d348b}.btn-draw-border{box-shadow:inset 0 0 0 4px #555;color:#555;transition:color .25s .0833333333s;position:absolute;background:none;border:none;cursor:pointer;width:180px;padding:1.5em;letter-spacing:.05rem;font-weight:700}.btn-draw-border:before,.btn-draw-border:after{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.btn-draw-border:before{border-bottom-width:4px;border-left-width:4px}.btn-draw-border:after{border-top-width:4px;border-right-width:4px}.btn-draw-border:hover{background:transparent}.btn-draw-border:hover:before,.btn-draw-border:hover:after{transition:border-color 0s,width .35s,height .15s;width:100%;height:100%}.btn-draw-border:hover:before{transition-delay:0s,.15s,.35s}.btn-draw-border:after{transition-delay:.15s,.25s,0s}.btn-draw-border--orange:hover{color:#fdb000}.btn-draw-border--orange:hover:before,.btn-draw-border--orange:hover:after{border-color:#fdb000}.btn-draw-border--red:hover{color:#ef233c}.btn-draw-border--red:hover:before,.btn-draw-border--red:hover:after{border-color:#ef233c}.btn-draw-border--blue:hover{color:#3a86ff}.btn-draw-border--blue:hover:before,.btn-draw-border--blue:hover:after{border-color:#3a86ff}.btn-draw-border--green:hover{color:#80ed99}.btn-draw-border--green:hover:before,.btn-draw-border--green:hover:after{border-color:#80ed99}.btn-draw-border--purple:hover{color:#3d348b}.btn-draw-border--purple:hover:before,.btn-draw-border--purple:hover:after{border-color:#3d348b}.btn-draw-border--pink:hover{color:#ff6392}.btn-draw-border--pink:hover:before,.btn-draw-border--pink:hover:after{border-color:#ff6392}.btn-striped-shadow{overflow:visible;border:0;padding:0;display:inline-block;letter-spacing:1px;position:relative;transition:opacity .3s,z-index .3s step-end,-webkit-transform .3s;transition:opacity .3s,z-index .3s step-end,transform .3s;transition:opacity .3s,z-index .3s step-end,transform .3s,-webkit-transform .3s;z-index:1;background-color:#fafafa;cursor:pointer;width:180px;height:48px;line-height:38px}.btn-striped-shadow span{display:block;position:relative;z-index:2;border:5px solid;background:#fafafa}.btn-striped-shadow:after,.btn-striped-shadow:before{content:"";display:block;position:absolute;z-index:1;transition:max-height .3s,width .3s,-webkit-transform .3s;transition:transform .3s,max-height .3s,width .3s;transition:transform .3s,max-height .3s,width .3s,-webkit-transform .3s}.btn-striped-shadow:after{width:calc(100% - 4px);height:8px;left:-10px;bottom:-9px;background-size:15px 8px;background-repeat:repeat-x}.btn-striped-shadow:before{width:8px;max-height:calc(100% - 5px);height:100%;left:-12px;bottom:-5px;background-size:8px 15px;background-repeat:repeat-y;background-position:0 100%}.btn-striped-shadow:hover{-webkit-transform:translate(-12px,12px);-ms-transform:translate(-12px,12px);transform:translate(-12px,12px);z-index:3}.btn-striped-shadow:hover:before{max-height:calc(100% - 10px)}.btn-striped-shadow:hover:after,.btn-striped-shadow:hover:before{-webkit-transform:translate(12px,-12px);-ms-transform:translate(12px,-12px);transform:translate(12px,-12px)}.btn-striped-shadow--black:after,.btn-striped-shadow--black:before{background-image:linear-gradient(135deg,transparent 0,transparent 5px,#333 5px,#333 10px,transparent 10px)}.btn-striped-shadow--black span{border-color:#333;color:#333}.btn-striped-shadow--orange:after,.btn-striped-shadow--orange:before{background-image:linear-gradient(135deg,transparent 0,transparent 5px,#FEC54B 5px,#FEC54B 10px,transparent 10px)}.btn-striped-shadow--orange span{border-color:#fec54b;color:#fec54b}.btn-striped-shadow--red:after,.btn-striped-shadow--red:before{background-image:linear-gradient(135deg,transparent 0,transparent 5px,#F03048 5px,#F03048 10px,transparent 10px)}.btn-striped-shadow--red span{border-color:#f03048;color:#f03048}.btn-striped-shadow--blue:after,.btn-striped-shadow--blue:before{background-image:linear-gradient(135deg,transparent 0,transparent 5px,#3A86FF 5px,#3A86FF 10px,transparent 10px)}.btn-striped-shadow--blue span{border-color:#3a86ff;color:#3a86ff}.btn-striped-shadow--green:after,.btn-striped-shadow--green:before{background-image:linear-gradient(135deg,transparent 0,transparent 5px,#53BB6B 5px,#53BB6B 10px,transparent 10px)}.btn-striped-shadow--green span{border-color:#53bb6b;color:#53bb6b}.btn-striped-shadow--purple:after,.btn-striped-shadow--purple:before{background-image:linear-gradient(135deg,transparent 0,transparent 5px,#3D348B 5px,#3D348B 10px,transparent 10px)}.btn-striped-shadow--purple span{border-color:#3d348b;color:#3d348b}.btn-flip-side-cont{width:180px;height:60px;cursor:pointer;perspective:500px;-webkit-perspective:500px;margin-left:5%}.btn-flip-side{height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:.25s;-webkit-transition:.25s}.btn-flip-side-cont:hover .btn-flip-side{transform:rotateX(-90deg)}.btn-flip-side>span{width:200px;height:100%;position:absolute;box-sizing:border-box;line-height:50px;text-align:center}.btn-flip-side>span:nth-child(1){transform:translateZ(30px);-webkit-transform:translate3d(0,0,30px)}.btn-flip-side>span:nth-child(2){color:#fff;transform:rotateX(90deg) translateZ(30px);-webkit-transform:rotateX(90deg) translate3d(0,0,30px)}.btn-flip-side--black>span{border:5px solid #333}.btn-flip-side--black>span:nth-child(1){color:#333}.btn-flip-side--black>span:nth-child(2){background:#333}.btn-flip-side--orange>span{border:5px solid #FEC54B}.btn-flip-side--orange>span:nth-child(1){color:#fec54b}.btn-flip-side--orange>span:nth-child(2){background:#fec54b}.btn-flip-side--red>span{border:5px solid #F03048}.btn-flip-side--red>span:nth-child(1){color:#f03048}.btn-flip-side--red>span:nth-child(2){background:#f03048}.btn-flip-side--blue>span{border:5px solid #3A86FF}.btn-flip-side--blue>span:nth-child(1){color:#3a86ff}.btn-flip-side--blue>span:nth-child(2){background:#3a86ff}.btn-flip-side--purple>span{border:5px solid #3D348B}.btn-flip-side--purple>span:nth-child(1){color:#3d348b}.btn-flip-side--purple>span:nth-child(2){background:#3d348b}.btn-flip-side--green>span{border:5px solid #53BB6B}.btn-flip-side--green>span:nth-child(1){color:#53bb6b}.btn-flip-side--green>span:nth-child(2){background:#53bb6b}.btn-background-slide{width:180px;padding:6px;height:50px;color:#333;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:#333 2px solid;overflow:hidden;-webkit-transition:all .6s cubic-bezier(.55,0,.1,1);-moz-transition:all .6s cubic-bezier(.55,0,.1,1);-o-transition:all .6s cubic-bezier(.55,0,.1,1);transition:all .6s cubic-bezier(.55,0,.1,1);cursor:pointer;box-shadow:0 0 #333}.btn-background-slide:hover{box-shadow:8px 8px #333,-8px -8px #333}.btn-background-slide:hover .btn-background-slide-bg{opacity:1;transform:translateZ(0)}.btn-background-slide-bg{width:100%;height:100%;position:absolute;background:transparent;top:0;left:0;transform:translate3d(0,90px,0);-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);-moz-transition:all .3s cubic-bezier(.55,0,.1,1);-o-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1);z-index:-1}.btn-background-slide--orange{background-color:#fec54b}.btn-background-slide--red{background-color:#f03048}.btn-background-slide--pink{background-color:#f13c51}.btn-background-slide--blue{background-color:#3a86ff}.btn-background-slide--green{background-color:#53bb6b}.btn-background-slide--purple{background-color:#867ece}.btn-shadow{display:inline-block;margin:5px;font-weight:500;line-height:24px;color:#fff;position:relative;text-align:center;background:none;outline:none;border:none}.btn-shadow:before{content:"";display:inline-block;height:40px;position:absolute;bottom:-1px;left:10px;right:10px;z-index:0;border-radius:2em;filter:blur(14px) brightness(.9);transform-style:preserve-3d;transition:all .3s ease-out}.btn-shadow span{display:inline-block;padding:16px 60px;border-radius:50em;position:relative;z-index:2;will-change:transform,filter;transform-style:preserve-3d;transition:all .3s ease-out}.btn-shadow:hover{color:#fff}.btn-shadow:hover span{filter:brightness(.9) contrast(1.2);transform:scale(.96)}.btn-shadow:hover:before{bottom:8px;filter:blur(6px) brightness(.8);left:15px;right:15px}.btn-shadow--orange span,.btn-shadow--orange:before{background:#fec54b}.btn-shadow--black span,.btn-shadow--black:before{background:#333}.btn-shadow--red span,.btn-shadow--red:before{background:#f03048}.btn-shadow--blue span,.btn-shadow--blue:before{background:#3a86ff}.btn-shadow--green span,.btn-shadow--green:before{background:#53bb6b}.btn-shadow--purple span,.btn-shadow--purple:before{background:#3d348b}.btn-pushable{padding:15px;margin-right:5px;height:50px;width:180px;border:none;outline:none;color:#fff;font-family:inherit;border-radius:3px}.btn-pushable:hover{transition:all .1s ease-in}.btn-pushable:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:none}.btn-pushable--black{background:#333;box-shadow:0 6px #333;border-bottom:3px solid #222}.btn-pushable--black:hover{background:#222;box-shadow:0 4px 1px #222;border-bottom:3px solid #111}.btn-pushable--orange{background:#fec64d;box-shadow:0 6px #fec64d;border-bottom:3px solid hsl(41,95%,60%)}.btn-pushable--orange:hover{background:#fabd38;box-shadow:0 4px 1px #fabd38;border-bottom:3px solid hsl(41,95%,55%)}.btn-pushable--red{background:#f02d44;box-shadow:0 6px #f02d44;border-bottom:3px solid hsl(353,85%,49%)}.btn-pushable--red:hover{background:#e7132c;box-shadow:0 4px 1px #e7132c;border-bottom:3px solid hsl(353,82%,44%)}.btn-pushable--blue{background:#3d87ff;box-shadow:0 6px #3d87ff;border-bottom:3px solid hsl(217,97%,57%)}.btn-pushable--blue:hover{background:#2779fc;box-shadow:0 4px 1px #2779fc;border-bottom:3px solid hsl(217,95%,52%)}.btn-pushable--green{background:#54bb6c;box-shadow:0 6px #54bb6c;border-bottom:3px solid hsl(134,40%,48%)}.btn-pushable--green:hover{background:#49ab60;box-shadow:0 4px 1px #49ab60;border-bottom:3px solid hsl(134,37%,42%)}.btn-pushable--purple{background:#3e358d;box-shadow:0 6px #3e358d;border-bottom:3px solid hsl(246,43%,32%)}.btn-pushable--purple:hover{background:#362f75;box-shadow:0 4px 1px #362f75;border-bottom:3px solid hsl(246,40%,28%)}.btn-fill-bottom{border:none;outline:none;background:none;text-align:center;display:inline-block;width:180px;height:40px;margin:20px;position:relative;overflow:hidden;transition:color .5s}.btn-fill-bottom:before{content:"";position:absolute;z-index:-1;height:200px;width:250px;border-radius:50%;top:100%;left:100%;transition:all .7s}.btn-fill-bottom:hover{color:#fff}.btn-fill-bottom:hover:before{top:-40px;left:-40px}.btn-fill-bottom--black{color:#333;border:2px solid #333}.btn-fill-bottom--black:before{background:#333}.btn-fill-bottom--orange{color:#fec64d;border:2px solid #FEC64D}.btn-fill-bottom--orange:before{background:#fec64d}.btn-fill-bottom--red{color:#f02d44;border:2px solid #F02D44}.btn-fill-bottom--red:before{background:#f02d44}.btn-fill-bottom--blue{color:#3d87ff;border:2px solid #3D87FF}.btn-fill-bottom--blue:before{background:#3d87ff}.btn-fill-bottom--green{color:#54bb6c;border:2px solid #54BB6C}.btn-fill-bottom--green:before{background:#54bb6c}.btn-fill-bottom--purple{color:#3e358d;border:2px solid #3E358D}.btn-fill-bottom--purple:before{background:#3e358d}.btn-down{border:none;outline:none;background:none;text-align:center;display:inline-block;width:180px;height:40px;margin:20px;position:relative;overflow:hidden;transition:color .5s}.btn-down:before{content:"";position:absolute;z-index:-1;height:200px;width:250px;border-radius:50%;bottom:100%;left:-30px;transition:all .7s}.btn-down:hover{color:#fff}.btn-down:hover:before{bottom:-50px}.btn-down--black{color:#333;border:2px solid #333}.btn-down--black:before{background:#333}.btn-down--orange{color:#fec64d;border:2px solid #FEC64D}.btn-down--orange:before{background:#fec64d}.btn-down--red{color:#f02d44;border:2px solid #F02D44}.btn-down--red:before{background:#f02d44}.btn-down--blue{color:#3d87ff;border:2px solid #3D87FF}.btn-down--blue:before{background:#3d87ff}.btn-down--green{color:#54bb6c;border:2px solid #54BB6C}.btn-down--green:before{background:#54bb6c}.btn-down--purple{color:#3e358d;border:2px solid #3E358D}.btn-down--purple:before{background:#3e358d}.flash-slide{border:none;display:inline-block;color:#fff;margin:20px;width:180px;height:50px;border-radius:10px;position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;font-family:Helvetica;text-align:center}.flash-slide:before{content:"";position:absolute;top:-30px;left:-80px;height:100px;width:70px;background:#ffffff4d;transform:rotate(20deg)}.flash-slide:hover:before{left:190px;transition:all .5s}.flash-slide--black{background:#333}.flash-slide--orange{background:#fec64d}.flash-slide--red{background:#f02d44}.flash-slide--blue{background:#3d87ff}.flash-slide--green{background:#54bb6c}.flash-slide--purple{background:#3e358d}.zoom-out{display:inline-block;color:#fff;margin:20px;width:180px;height:50px;border-radius:10px;position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;font-family:Helvetica;text-align:center;transition:all .5s;border:none}.zoom-out:hover{transform:scale(1.1)}.zoom-out--black{background:#333}.zoom-out--orange{background:#fec64d}.zoom-out--red{background:#f02d44}.zoom-out--blue{background:#3d87ff}.zoom-out--green{background:#54bb6c}.zoom-out--purple{background:#3e358d}.fill-center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-decoration:none;cursor:pointer;border-radius:8px;height:50px;width:180px;padding:0;outline:none;overflow:hidden;transition:color .3s .1s ease-out;text-align:center;background:transparent}.fill-center:before{position:absolute;top:0;right:0;bottom:0;margin:auto;content:"";border-radius:50%;display:block;width:20em;height:20em;line-height:20em;left:-3em;text-align:center;transition:box-shadow .5s ease-out;z-index:-1}.fill-center:hover{color:#fff;background:transparent}.fill-center--black{border:1px solid #333;color:#333}.fill-center--black:hover:before{box-shadow:inset 0 0 0 11em #333}.fill-center--orange{border:1px solid #FEC64D;color:#fec64d}.fill-center--orange:hover:before{box-shadow:inset 0 0 0 11em #fec64d}.fill-center--red{border:1px solid #F02D44;color:#f02d44}.fill-center--red:hover:before{box-shadow:inset 0 0 0 11em #f02d44}.fill-center--blue{border:1px solid #3D87FF;color:#3d87ff}.fill-center--blue:hover:before{box-shadow:inset 0 0 0 11em #3d87ff}.fill-center--green{border:1px solid #54BB6C;color:#54bb6c}.fill-center--green:hover:before{box-shadow:inset 0 0 0 11em #54bb6c}.fill-center--purple{border:1px solid #3E358D;color:#3e358d}.fill-center--purple:hover:before{box-shadow:inset 0 0 0 11em #3e358d}.sign-post{display:inline-block;position:relative;color:#888;text-shadow:0 1px 0 rgba(255,255,255,.8);text-decoration:none;text-align:center;padding:8px 12px;width:180px;font-size:15px;font-weight:700;font-family:helvetica,arial,sans-serif;border-radius:4px;border:1px solid #bcbcbc;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:0 1px 3px #0000001f;background-image:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);background-image:linear-gradient(top,#fff,#efefef 60%,#e1dfe2)}.sign-post:hover{color:#555}.sign-post-back{border-left:none}.sign-post-back:after{content:"";position:absolute;height:50%;width:15px;border-left:1px solid #bcbcbc;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:linear-gradient(top,#fff0,#fff 1%,#f0f0f0);left:-5px;top:1px;-webkit-transform:skew(-35deg,0);-moz-transform:skew(-35deg,0);-o-transform:skew(-35deg,0);-ms-transform:skew(-35deg,0);transform:skew(-35deg)}.sign-post-back:before{content:"";position:absolute;height:48%;width:15px;border-left:1px solid #bcbcbc;bottom:1px;left:-5px;-webkit-transform:skew(35deg,0);-moz-transform:skew(35deg,0);-o-transform:skew(35deg,0);-ms-transform:skew(35deg,0);transform:skew(35deg);background-image:-webkit-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:-moz-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:-o-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:-ms-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:linear-gradient(top,#f0f0f0,#efefef 10%,#e1dfe2);-webkit-box-shadow:-2px 1px 2px rgba(100,100,100,.1);box-shadow:-2px 1px 2px #6464641a}.sign-post-forward{border-right:none}.sign-post-forward:after{content:"";position:absolute;height:48%;width:15px;border-right:1px solid #bcbcbc;background-image:-webkit-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:-moz-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:-o-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:-ms-linear-gradient(top,rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);background-image:linear-gradient(top,#f0f0f0,#efefef 10%,#e1dfe2);right:-5px;bottom:1px;-webkit-transform:skew(-35deg,0);-moz-transform:skew(-35deg,0);-o-transform:skew(-35deg,0);-ms-transform:skew(-35deg,0);transform:skew(-35deg);-webkit-box-shadow:2px 1px 2px rgba(100,100,100,.1);box-shadow:2px 1px 2px #6464641a}.sign-post-forward:before{content:"";position:absolute;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);background-image:linear-gradient(top,#fff0,#fff 1%,#f0f0f0);height:50%;width:15px;border-right:1px solid #bcbcbc;top:1px;right:-5px;-webkit-transform:skew(35deg,0);-moz-transform:skew(35deg,0);-o-transform:skew(35deg,0);-ms-transform:skew(35deg,0);transform:skew(35deg)}.btn-top-3d{display:inline-block;position:relative;text-align:center;padding:20px;width:180px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-decoration:none;transform:translateZ(0);transition:.1s background,.1s transform;border:none}.btn-top-3d:hover{transform:translate3d(0,8px,0)}.btn-top-3d:after,.btn-top-3d:before{content:"";position:absolute;top:100%;width:50%;height:8px;transition:.1s height,.1s background}.btn-top-3d:after{right:0;transform:skew(-45deg);transform-origin:0 0}.btn-top-3d:before{left:0;transform:skew(45deg);transform-origin:100% 0}.btn-top-3d:hover:after,.btn-top-3d:hover:before{height:0}.btn-top-3d--black{background:#333}.btn-top-3d--black:after,.btn-top-3d--black:before{background:#222}.btn-top-3d--black:hover{background:#222}.btn-top-3d--orange{background:#fec64d}.btn-top-3d--orange:after,.btn-top-3d--orange:before{background:#fabd38}.btn-top-3d--orange:hover{background:#fabd38}.btn-top-3d--red{background:#f02d44}.btn-top-3d--red:after,.btn-top-3d--red:before{background:#e7132c}.btn-top-3d--red:hover{background:#e7132c}.btn-top-3d--green{background:#54bb6c}.btn-top-3d--green:after,.btn-top-3d--green:before{background:#49ab60}.btn-top-3d--green:hover{background:#49ab60}.btn-top-3d--blue{background:#3d87ff}.btn-top-3d--blue:after,.btn-top-3d--blue:before{background:#236de6}.btn-top-3d--blue:hover{background:#236de6}.btn-top-3d--purple{background:#3e358d}.btn-top-3d--purple:after,.btn-top-3d--purple:before{background:#362f75}.btn-top-3d--purple:hover{background:#362f75}.border-flip{display:inline-block;padding:15px;width:180px;position:relative;text-decoration:none;text-transform:uppercase;font-weight:600;background:none;border:none}.border-flip:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;transform:perspective(350px) rotateX(0)}.border-flip:hover:before{transition:.35s ease all;transform:perspective(350px) rotateX(-180deg)}.border-flip:before{transition:.35s ease all}.border-flip--black{color:#333}.border-flip--black:before{border:solid 3px #333}.border-flip--orange{color:#fec64d}.border-flip--orange:before{border:solid 3px #FEC64D}.border-flip--red{color:#f02d44}.border-flip--red:before{border:solid 3px #F02D44}.border-flip--blue{color:#3d87ff}.border-flip--blue:before{border:solid 3px #3D87FF}.border-flip--green{color:#54bb6c}.border-flip--green:before{border:solid 3px #54BB6C}.border-flip--purple{color:#3e358d}.border-flip--purple:before{border:solid 3px #3E358D}.class-helper{background:#eee;padding:20px;position:relative;box-shadow:1px 1px 5px #333}.close-icon{font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:25px;padding:10px 20px;background:#ccc;position:absolute;top:0;right:0}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#2e3027;color:#fff;text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-75px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.code-area{width:96%;position:fixed;background:#eee;padding:50px 20px;bottom:0;height:50vh;transform:translateY(110%);transition:.5s;margin:auto;box-shadow:1px 1px 6px #0006}.close-icon{font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:25px;padding:10px 20px;background:#ccc;position:absolute;top:0;right:0;cursor:pointer}.code-container pre{height:80px;width:96%;overflow:scroll;background:#f5f2f0!important;padding:20px;border:1px solid #ccc;font-family:monospace}.css-code-container pre{height:150px}.code-container pre code{color:#3a4652;text-shadow:0 1px white;font-family:monospace;font-size:1.2em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none}.code-header{display:flex;max-width:200px;justify-content:space-between;align-items:center;margin-top:30px}.code-header h4{margin:3px 0}.code-area{width:100%;position:fixed;bottom:0;left:0;right:0;height:var(--code-area-height);background:#0a0a0a;border-top:1px solid #1a1a1a;padding:0;transform:translateY(110%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;opacity:0;z-index:1000;overflow-y:auto;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;box-shadow:0 -4px 20px #00000080;will-change:transform,opacity}.code-area.active{transform:translateY(0);opacity:1}.close-icon{position:absolute;top:16px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;color:#666;font-size:20px;font-weight:300;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:10;border:1px solid #2a2a2a;border-radius:2px}.close-icon:hover{background:#1a1a1a;color:#fff;border-color:#3a3a3a}#cliphold{position:absolute;left:-100vw;opacity:0;pointer-events:none}.code-container{margin-bottom:0;border-bottom:1px solid #1a1a1a}.code-container:last-child{border-bottom:none}.code-container pre{height:140px;width:100%;overflow:auto;background:#0f0f0f!important;color:#d4d4d4;padding:20px;border:none;margin:0;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.css-code-container pre{height:200px}.code-container pre code{color:#d4d4d4;text-shadow:none;font-family:inherit;font-size:13.5px;line-height:1.7;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:2;tab-size:2;letter-spacing:0}.code-container pre::-webkit-scrollbar{width:10px;height:10px}.code-container pre::-webkit-scrollbar-track{background:#0a0a0a}.code-container pre::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:0}.code-container pre::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.code-header h4{margin:0;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;font-family:system-ui,-apple-system,sans-serif}.code-header button{padding:6px 12px;background:transparent;color:#888;border:1px solid #2a2a2a;border-radius:2px;cursor:pointer;font-size:12px;font-weight:500;transition:all var(--transition-fast);font-family:system-ui,-apple-system,sans-serif}.code-header button:hover{background:#1a1a1a;color:#fff;border-color:#3a3a3a}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:auto;white-space:nowrap;background-color:#1a1a1a;color:#e5e5e5;text-align:center;border:1px solid #2a2a2a;padding:6px 10px;position:absolute;z-index:1000;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-fast);font-size:12px;font-weight:400;pointer-events:none}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:#1a1a1a transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media (max-width: 768px){.code-area{height:60vh}.code-header{padding:10px 16px}.code-container pre{padding:12px 16px;font-size:12px;background:#0f0f0f}.close-icon{top:12px;right:12px;width:24px;height:24px;font-size:18px}}