.button,
.wn-btn,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button.green,
button.green,
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green {
    position: relative;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 21px;
    margin-right: 10px;
    padding: 18px 26px;
    background: #437df9;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    -o-transition: all 0.21s ease;
    transition: all 0.21s ease;
}

.aligncenter .button {
    margin-right: 5px;
    margin-left: 5px;
}

.button.green,
button.green,
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green {
    background-color: #54cd38;
}

.button.theme-skin {
    background-color: #437df9;
}

.button:hover {
    background-color: #292929;
}

.button.theme-skin:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"].green:hover,
input[type="reset"].green:hover,
input[type="button"].green:hover {
    background: #292929;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset;
}

.button.theme-skin.bordered-bot {
    color: #437df9;
}

#wrap .button.theme-skin.bordered-bot:hover span,
#wrap button.theme-skin.bordered-bot:hover span,
#wrap input[type="submit"].theme-skin.bordered-bot:hover,
#wrap input[type="reset"].theme-skin.bordered-bot:hover,
#wrap input[type="button"].theme-skin.bordered-bot:hover {
    color: #fff;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.button.large,
input[type="submit"].large,
input[type="reset"].large,
input[type="button"].large {
    padding: 22px 36px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 600;
}

.button.small,
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small {
    padding: 11px 18px;
    font-size: 11px;
    text-transform: uppercase;
}

.button.blue,
button.blue,
input[type="submit"].blue,
input[type="reset"].blue,
input[type="button"].blue {
    background: #128abc;
}

.button.red,
button.red,
input[type="submit"].red,
input[type="reset"].red,
input[type="button"].red {
    background: #e53f51;
}

.button.gray,
button.gray,
input[type="submit"].gray,
input[type="reset"].gray,
input[type="button"].gray {
    color: #656f79;
    background: #f3f4f5;
}

.button.dark-gray,
button.dark-gray,
input[type="submit"].dark-gray,
input[type="reset"].dark-gray,
input[type="button"].dark-gray {
    color: #333;
    background: #eee;
}

.button.cherry,
button.cherry,
input[type="submit"].cherry,
input[type="reset"].cherry,
input[type="button"].cherry {
    background: #93516a;
}

.button.orchid,
button.orchid,
input[type="submit"].orchid,
input[type="reset"].orchid,
input[type="button"].orchid {
    background: #9661ab;
}

.button.pink,
button.pink,
input[type="submit"].pink,
input[type="reset"].pink,
input[type="button"].pink {
    background: #e64883;
}

.button.orange,
button.orange,
input[type="submit"].orange,
input[type="reset"].orange,
input[type="button"].orange {
    background: #f98805;
}

.button.teal,
button.teal,
input[type="submit"].teal,
input[type="reset"].teal,
input[type="button"].teal {
    background: #1fa79e;
}

.button.skyblue,
button.skyblue,
input[type="submit"].skyblue,
input[type="reset"].skyblue,
input[type="button"].skyblue {
    background: #03acdc;
}

.button.jade,
button.jade,
input[type="submit"].jade,
input[type="reset"].jade,
input[type="button"].jade {
    background: #0aad80;
}

.button.gold,
button.gold,
input[type="submit"].gold,
input[type="reset"].gold,
input[type="button"].gold {
    background: #d0ae5e;
}

.button.white,
button.white,
input[type="submit"].white,
input[type="reset"].white,
input[type="button"].white {
    background: #fff;
    color: #000;
}

.bordered-bot.button.gold {
    color: #d0ae5e;
}

.button.black,
button.black,
input[type="submit"].black,
input[type="reset"].black,
input[type="button"].black {
    background: #000;
    color: #fff;
}

a.button,
.button.blue,
.button.red,
.button.cherry,
.button.orchid,
.button.pink,
.button.orange,
.button.teal {
    color: #fff;
}

.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    color: #c1d7dc;
    opacity: 0.94;
}

.button.bordered-bot,
input[type="submit"].bordered-bot,
input[type="reset"].bordered-bot,
input[type="button"].bordered-bot {
    background: none;
    border: 1px solid;
    text-shadow: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 17px 25px;
}

.button.large.bordered-bot,
input[type="submit"].large.bordered-bot,
input[type="reset"].large.bordered-bot,
input[type="button"].large.bordered-bot {
    padding: 21px 35px;
}

.button.small.bordered-bot,
input[type="submit"].small.bordered-bot,
input[type="reset"].small.bordered-bot,
input[type="button"].small.bordered-bot {
    padding: 10px 17px;
}

.button.bordered-bot:hover,
button.bordered-bot:hover,
input[type="submit"].bordered-bot:hover,
input[type="reset"].bordered-bot:hover,
input[type="button"].bordered-bot:hover {
    border-color: #363f46;
    color: #363f46;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.button.blue.bordered-bot,
button.blue.bordered-bot,
input[type="submit"].blue.bordered-bot,
input[type="reset"].blue.bordered-bot,
input[type="button"].blue.bordered-bot {
    border-color: #128abc;
    color: #128abc;
}

button.blue.bordered-bot:hover,
input[type="submit"].blue.bordered-bot:hover,
input[type="reset"].blue.bordered-bot:hover,
input[type="button"].blue.bordered-bot:hover {
    border-color: #128abc;
    background-color: #128abc;
    color: #fff;
}

.button.red.bordered-bot,
button.red.bordered-bot,
input[type="submit"].red.bordered-bot,
input[type="reset"].red.bordered-bot,
input[type="button"].red.bordered-bot {
    border-color: #e53f51;
    color: #e53f51;
}

button.red.bordered-bot:hover,
input[type="submit"].red.bordered-bot:hover,
input[type="reset"].red.bordered-bot:hover,
input[type="button"].red.bordered-bot:hover {
    border-color: #e53f51;
    background-color: #e53f51;
    color: #fff;
}

.button.cherry.bordered-bot,
button.cherry.bordered-bot,
input[type="submit"].cherry.bordered-bot,
input[type="reset"].cherry.bordered-bot,
input[type="button"].cherry.bordered-bot {
    border-color: #93516a;
    color: #93516a;
}

button.cherry.bordered-bot:hover,
input[type="submit"].cherry.bordered-bot:hover,
input[type="reset"].cherry.bordered-bot:hover,
input[type="button"].cherry.bordered-bot:hover {
    border-color: #93516a;
    background-color: #93516a;
    color: #fff;
}

.button.orchid.bordered-bot,
button.orchid.bordered-bot,
input[type="submit"].orchid.bordered-bot,
input[type="reset"].orchid.bordered-bot,
input[type="button"].orchid.bordered-bot {
    border-color: #9661ab;
    color: #9661ab;
}

button.orchid.bordered-bot:hover,
input[type="submit"].orchid.bordered-bot:hover,
input[type="reset"].orchid.bordered-bot:hover,
input[type="button"].orchid.bordered-bot:hover {
    border-color: #9661ab;
    background-color: #9661ab;
    color: #fff;
}

.button.pink.bordered-bot,
button.pink.bordered-bot,
input[type="submit"].pink.bordered-bot,
input[type="reset"].pink.bordered-bot,
input[type="button"].pink.bordered-bot {
    border-color: #e64883;
    color: #e64883;
}

button.pink.bordered-bot:hover,
input[type="submit"].pink.bordered-bot:hover,
input[type="reset"].pink.bordered-bot:hover,
input[type="button"].pink.bordered-bot:hover {
    border-color: #e64883;
    background-color: #e64883;
    color: #fff;
}

.button.orange.bordered-bot,
button.orange.bordered-bot,
input[type="submit"].orange.bordered-bot,
input[type="reset"].orange.bordered-bot,
input[type="button"].orange.bordered-bot {
    border-color: #f98805;
    color: #f98805;
}

button.orange.bordered-bot:hover,
input[type="submit"].orange.bordered-bot:hover,
input[type="reset"].orange.bordered-bot:hover,
input[type="button"].orange.bordered-bot:hover {
    border-color: #f98805;
    background-color: #f98805;
    color: #fff;
}

.button.teal.bordered-bot,
button.teal.bordered-bot,
input[type="submit"].teal.bordered-bot,
input[type="reset"].teal.bordered-bot,
input[type="button"].teal.bordered-bot {
    border-color: #1fa79e;
    color: #1fa79e;
}

button.teal.bordered-bot:hover,
input[type="submit"].teal.bordered-bot:hover,
input[type="reset"].teal.bordered-bot:hover,
input[type="button"].teal.bordered-bot:hover {
    border-color: #1fa79e;
    background-color: #1fa79e;
    color: #fff;
}

.button.skyblue.bordered-bot,
button.skyblue.bordered-bot,
input[type="submit"].skyblue.bordered-bot,
input[type="reset"].skyblue.bordered-bot,
input[type="button"].skyblue.bordered-bot {
    border-color: #03acdc;
    color: #03acdc;
}

button.skyblue.bordered-bot:hover,
input[type="submit"].skyblue.bordered-bot:hover,
input[type="reset"].skyblue.bordered-bot:hover,
input[type="button"].skyblue.bordered-bot:hover {
    border-color: #03acdc;
    background-color: #03acdc;
    color: #fff;
}

.button.jade.bordered-bot,
button.jade.bordered-bot,
input[type="submit"].jade.bordered-bot,
input[type="reset"].jade.bordered-bot,
input[type="button"].jade.bordered-bot {
    border-color: #0aad80;
    color: #0aad80;
}

button.jade.bordered-bot:hover,
input[type="submit"].jade.bordered-bot:hover,
input[type="reset"].jade.bordered-bot:hover,
input[type="button"].jade.bordered-bot:hover {
    border-color: #0aad80;
    background-color: #0aad80;
    color: #fff;
}

.button.green.bordered-bot,
button.green.bordered-bot,
input[type="submit"].green.bordered-bot,
input[type="reset"].green.bordered-bot,
input[type="button"].green.bordered-bot {
    border-color: #8fbe32;
    color: #8fbe32;
}

button.green.bordered-bot:hover,
input[type="submit"].green.bordered-bot:hover,
input[type="reset"].green.bordered-bot:hover,
input[type="button"].green.bordered-bot:hover {
    border-color: #8fbe32;
    background-color: #8fbe32;
    color: #fff;
}

.button.white.bordered-bot,
button.white.bordered-bot,
input[type="submit"].white.bordered-bot,
input[type="reset"].white.bordered-bot,
input[type="button"].white.bordered-bot {
    background: none;
    border-color: #fff;
    color: #fff;
}

.button.black.bordered-bot,
button.black.bordered-bot,
input[type="submit"].black.bordered-bot,
input[type="reset"].black.bordered-bot,
input[type="button"].black.bordered-bot {
    background: none;
    border-color: #000;
    color: #000;
}

.button.black.bordered-bot:hover,
button.black.bordered-bot:hover,
input[type="submit"].black.bordered-bot:hover,
input[type="reset"].black.bordered-bot:hover,
input[type="button"].black.bordered-bot:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.button.white.bordered-bot:hover,
button.white.bordered-bot:hover,
input[type="submit"].white.bordered-bot:hover,
input[type="reset"].white.bordered-bot:hover,
input[type="button"].white.bordered-bot:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.button.thin {
    font-weight: 400;
}

.button.bold {
    font-weight: 700;
}

.button.rounded {
    border-radius: 55px;
    -webkit-transition: all .4s ease, background .36s ease .1s;
    transition: all .4s ease, background .36s ease .1s;
    letter-spacing: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.button.square {
    border-radius: 0;
}

.button i,
button i,
input[type="submit"] i,
input[type="reset"] i,
input[type="button"] i {
    color: inherit;
    font-size: 16px;
    vertical-align: baseline;
    line-height: 1;
    display: inline;
    margin-right: 7px;
}

.button i.fa-none {
    margin: 0;
    display: none;
}

.button.large i {
    font-size: 24px;
    vertical-align: text-bottom;
}

.page .button.bordered-bot:hover {
    background: #292929;
    border-color: #292929;
    color: #fff;
}

#wrap .button.gray.rounded.bordered-bot,
#wrap .button.dark-gray.rounded.bordered-bot {
    border-color: #d8d8d8;
    color: #437df9;
}

#wrap .button.gray.rounded.bordered-bot:hover,
#wrap .button.dark-gray.rounded.bordered-bot:hover {
    background: #292929;
    border-color: #292929;
    color: #fff !important;
}

#wrap .button.arrow:hover::before {
    opacity: 1;
    content: "\e068";
    font-family: "linea-arrows-10" !important;
    transform: translateY(-50%) scaleX(1) translateZ(0);
    -ms-transform: translateY(-50%) scaleX(1) translateZ(0);
    -webkit-transform: translateY(-50%) scaleX(1) translateZ(0);
    transition: opacity .5s, transform .5s;
    -webkit-transition: opacity .5s, transform .5s;
}

#wrap .button.arrow:before {
    position: absolute;
    font-weight: 100;
    content: "";
    font-size: 39px;
    right: -27px;
    z-index: 999;
    top: 50%;
    opacity: 0;
    cursor: pointer;
    display: block;
    transform: translateY(-50%) scaleX(0) translateZ(0);
    -ms-transform: translateY(-50%) scaleX(0) translateZ(0);
    -webkit-transform: translateY(-50%) scaleX(0) translateZ(0);
}