.ea-buttonWobble {
    transition: .3s
}

.ea-buttonWobble:hover {
    animation: wobble 0.5s 1;
    animation-timing-function: ease-in-out
}

@keyframes wobble {
    0% {
        transform: skewX(0deg)
    }

    25% {
        transform: skewX(10deg)
    }

    50% {
        transform: skewX(0deg)
    }

    75% {
        transform: skewX(-10deg)
    }

    100% {
        transform: skewX(0deg)
    }
}

.ea-buttonStretch {
    padding: 8px 50px;
    border-radius: 3px;
    transition: .2s
}

.ea-buttonStretch:hover {
    padding: 10px 100px
}

.ea-buttonPulseGlow {
    animation: pulseGlow 2s infinite;
    animation-timing-function: ease-in-out
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0)
    }

    25% {
        box-shadow: 0px 0px 2.5px 1px rgba(255, 255, 255, 0.25)
    }

    50% {
        box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, 0.5)
    }

    85% {
        box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0)
    }
}

.ea-buttonIconFlip {
    transition: .5s
}

.ea-buttonIconFlip .elButtonMain::before {
    display: inline-block;
    transition: .5s
}

.ea-buttonIconFlip:hover .elButtonMain::before {
    transform: rotate(360deg)
}

.ea-buttonRocking {
    animation: rocking 2s infinite;
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition: .2s
}

@keyframes rocking {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(2deg)
    }

    75% {
        transform: rotate(-2deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.ea-buttonRocking:hover {
    animation: none !important
}

.ea-buttonIconGrow {
    transition: .5s
}

.ea-buttonIconGrow .elButtonMain {
    position: relative;
    padding-left: 30px
}

.ea-buttonIconGrow .elButtonMain::before {
    display: inline-block;
    position: absolute;
    margin-left: -40px;
    transition: .5s
}

.ea-buttonIconGrow:hover .elButtonMain::before {
    font-size: 1.25em;
    transform: translateY(-4px);
    text-shadow: 0px 0px 2px rgba(25, 25, 25, 0.25)
}

.ea-buttonElevate {
    transition: .2s;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ea-buttonElevate:hover {
    transform: translateY(-10px);
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25)
}

.ea-buttonElastic:hover {
    animation: elastic 1.25s 1;
    animation-timing-function: ease-in-out
}

@keyframes elastic {
    0% {
        padding: 13px 35px
    }

    25% {
        padding: 13px 45px
    }

    30% {
        padding: 13px 70px
    }

    50% {
        padding: 13px 35px
    }

    75% {
        padding: 13px 50px
    }

    100% {
        padding: 13px 35px
    }
}

.ea-buttonBounce {
    animation: bounce 1.5s infinite;
    animation-timing-function: ease-in;
    transition: .2s
}

.ea-buttonBounce:hover {
    animation: none !important
}

@keyframes bounce {
    15% {
        transform: translateY(0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    35% {
        transform: translateY(-35%);
        box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25)
    }

    45% {
        transform: translateY(0%);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    55% {
        transform: translateY(-20%);
        box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.25)
    }

    70% {
        transform: translateY(0%);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    80% {
        transform: translateY(-10%);
        box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.25)
    }

    90% {
        transform: translateY(0%);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    95% {
        transform: translateY(-2%);
        box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.25)
    }

    99% {
        transform: translateY(0%);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    100% {
        transform: translateY(0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }
}





button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}






a:hover,
a:focus {
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.elButton {
    margin-right: auto;
    margin-left: auto;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    -ms-transform: all .2s ease-in-out;
    -webkit-transform: all .2s ease-in-out;
    transform: all .2s ease-in-out;
    text-align: center !important;
    text-decoration: none !important
}

.elButton:hover {
    text-decoration: none;
    color: inherit
}

.elButton:visited,
.elButton:active,
.elButton:hover {
    text-decoration: none !important
}

.elButton {
    padding: 13px 35px
}

.elButtonPadding2 {
    padding: 9px 25px
}

.elButtonPadding3 {
    padding: 19px 40px
}

.elButton .fa_appended {
    margin-left: 10px
}

.elButton .fa_prepended {
    margin-right: 10px
}

.elButtonSize5 {
    font-size: 13px
}

.elButtonSize6 {
    font-size: 16px
}

.elButtonSize7 {
    font-size: 24px
}

.elButtonSize1 {
    font-size: 18px
}

.elButtonSize2 {
    font-size: 21px
}

.elButtonSize3 {
    font-size: 27px
}

.elButtonSize4 {
    font-size: 37px
}

.elButtonSub,
.elButtonSub1,
.elButtonSub2 {
    display: block;
    opacity: 0.7;
    font-weight: normal
}



.elButtonFull {
    display: block;
    text-align: center;
    width: 100%
}

.elButtonInline {
    display: inline-block;
    margin-right: 25px
}

.elButtonRollover1:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.elButtonRollover2:hover {
    opacity: .7
}

.elButtonAnimate1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

.elButtonAnimate1 {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.elButtonAnimate1:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.elButtonAnimate2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulse2 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.elButtonAnimate2 {
    -webkit-animation-name: pulse2;
    animation-name: pulse2
}

.elButtonAnimate2:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}