.btn.btn-border-1,
.btn.btn-border-2,
.btn.btn-border-dashed-1 {
    font-weight: 600;
    text-shadow: none
}

.btn:focus {
    box-shadow: 0 0 0 1px rgba(0, 123, 255, .25)
}

.btn-aqua.btn-fill:hover,
.btn-black.btn-fill:hover,
.btn-blue.btn-fill:hover,
.btn-danger.btn-fill:hover,
.btn-dark.btn-fill:hover,
.btn-dirty-green.btn-fill:hover,
.btn-green.btn-fill:hover,
.btn-info.btn-fill:hover,
.btn-orange.btn-fill:hover,
.btn-primary.btn-fill:hover,
.btn-purple.btn-fill:hover,
.btn-red.btn-fill:hover,
.btn-secondary.btn-fill:hover,
.btn-success.btn-fill:hover,
.color-and-background {
    color: #fff;
    background-color: transparent
}

.btn-red {
    background-color: #d31433;
    color: #fff
}

.btn-red:hover {
    color: #fff;
    background-color: #C02942
}

.btn-red-flip {
    background-color: #d31433;
    color: #fff
}

.btn-red-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #d31433;
    border-color: #d31433
}

.btn-yellow {
    background-color: #f9d154
}

.btn-yellow:hover {
    color: #fff;
    background-color: #dcb743
}

.btn-yellow-flip {
    background-color: #f9d154;
    color: #000
}

.btn-yellow-flip:hover {
    color: #fff;
    background-color: #000;
    color: #f9d154;
    border-color: #f9d154
}

.btn-green {
    background-color: #34c70f;
    color: #fff
}

.btn-green:hover {
    color: #fff;
    background-color: #30b110
}

.btn-green-flip {
    background-color: #34c70f;
    color: #fff
}

.btn-green-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #34c70f;
    border-color: #34c70f
}

.btn-dirty-green {
    background-color: #147684;
    color: #fff
}

.btn-dirty-green:hover {
    color: #fff;
    background-color: #0a95a9
}

.btn-dirty-green-flip {
    background-color: #147684;
    color: #fff
}

.btn-dirty-green-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #147684;
    border-color: #147684
}

.btn-blue {
    background-color: #1265A8;
    color: #fff
}

.btn-blue:hover {
    color: #fff;
    background-color: #1975bf
}

.btn-blue-flip {
    background-color: #1265A8;
    color: #fff
}

.btn-blue-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #1265A8;
    border-color: #1265A8
}

.btn-black {
    background-color: #222;
    color: #fff
}

.btn-black:hover {
    color: #fff;
    background-color: #111
}

.btn-black-flip {
    background-color: #222;
    color: #fff
}

.btn-black-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #222;
    border-color: #222
}

.btn-purple {
    background-color: #b53399;
    color: #fff
}

.btn-purple:hover {
    color: #fff;
    background-color: #8c1573
}

.btn-purple-flip {
    background-color: #b53399;
    color: #fff
}

.btn-purple-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #b53399;
    border-color: #b53399
}

.btn-orange {
    background-color: #F57C02;
    color: #fff
}

.btn-orange:hover {
    color: #fff;
    background-color: #d87a1c
}

.btn-orange-flip {
    background-color: #F57C02;
    color: #fff
}

.btn-orange-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #F57C02;
    border-color: #F57C02
}

.btn-aqua {
    background-color: #30b3be;
    color: #fff
}

.btn-aqua:hover {
    color: #fff;
    background-color: #0a6b74
}

.btn-aqua-flip {
    background-color: #30b3be;
    color: #fff
}

.btn-aqua-flip:hover {
    color: #fff;
    background-color: #fff;
    color: #30b3be;
    border-color: #30b3be
}

.btn-grey {
    background-color: #eee;
    border-color: #eee;
    color: #666
}

.btn-grey:hover {
    color: #fff;
    background-color: #d0d0d0
}

.btn.btn-mini {
    padding: 0 10px;
    font-size: 12px;
    height: 29px;
    line-height: 25px
}

.btn.btn-xlg {
    padding: 0 34px;
    font-size: 18px;
    height: 52px;
    line-height: 52px
}

.btn.btn-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0, 0, 0, .15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.btn-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-no-radius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-circle {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.btn.btn-border-1 {
    border-width: 1px
}

.btn.btn-border-2 {
    border-width: 2px
}

.btn.btn-border-dashed-1 {
    border-width: 1px;
    border-style: dashed
}

.btn.btn-border-dashed-2 {
    border-width: 2px;
    border-style: dashed;
    font-weight: 600;
    text-shadow: none
}

.btn.btn-border-dotted-1,
.btn.btn-border-dotted-2 {
    border-style: dotted;
    font-weight: 600;
    text-shadow: none
}

.btn.btn-border-dotted-1 {
    border-width: 1px
}

.btn.btn-border-dotted-2 {
    border-width: 2px
}

.btn-icon-overlay {
    position: relative
}

.btn-icon-overlay i {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -1px;
    padding: 0;
    background-color: rgba(0, 0, 0, .2);
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.btn-xlg.btn-icon-overlay {
    padding-right: 55px
}

.btn-xlg.btn-icon-overlay i {
    width: 37px;
    height: 51px;
    line-height: 52px
}

.btn-lg.btn-icon-overlay {
    padding-right: 35px
}

.btn-lg.btn-icon-overlay i {
    width: 28px;
    height: 46px;
    line-height: 45px
}

.btn-sm.btn-icon-overlay {
    padding-right: 25px
}

.btn-sm.btn-icon-overlay i {
    width: 20px;
    height: 30px;
    line-height: 30px
}

.btn-mini.btn-icon-overlay {
    padding-right: 22px
}

.btn-mini.btn-icon-overlay i {
    width: 18px;
    height: 28px;
    line-height: 25px
}

.btn-icon-overlay:not([class~=btn-xlg]):not([class~=btn-sm]):not([class~=btn-lg]):not([class~=btn-mini]) {
    padding-right: 25px
}

.btn-icon-overlay:not([class~=btn-xlg]):not([class~=btn-sm]):not([class~=btn-lg]):not([class~=btn-mini]) i {
    width: 20px;
    height: 36px;
    line-height: 36px
}

.btn-fill {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.btn-fill:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: .4s ease-in-out
}

.fill-top:before {
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%)
}

.fill-top:hover:before {
    transform: translateY(0)
}

.fill-bottom:before {
    -webkit-transform: translateY(105%);
    transform: translateY(105%)
}

.fill-bottom:hover:before {
    transform: translateY(0)
}

.fill-left:before {
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%)
}

.fill-left:hover:before {
    transform: translateY(0)
}

.fill-right:before {
    -webkit-transform: translateX(105%);
    transform: translateX(105%)
}

.fill-right:hover:before {
    transform: translateY(0)
}

.btn-red.btn-fill {
    color: #d31433;
    border-color: #d31433
}

.btn-red.btn-fill:hover:before {
    background-color: #d31433 !important
}

.btn-yellow.btn-fill {
    color: #f9d154;
    border-color: #f9d154
}

.btn-yellow.btn-fill:hover {
    color: #000;
    background-color: transparent
}

.btn-yellow.btn-fill:hover:before {
    background-color: #f9d154 !important
}

.btn-green.btn-fill {
    color: #34c70f;
    border-color: #34c70f
}

.btn-green.btn-fill:hover:before {
    background-color: #34c70f !important
}

.btn-dirty-green.btn-fill {
    color: #147684;
    border-color: #147684
}

.btn-dirty-green.btn-fill:hover:before {
    background-color: #147684 !important
}

.btn-blue.btn-fill {
    color: #1265A8;
    border-color: #1265A8
}

.btn-blue.btn-fill:hover:before {
    background-color: #1265A8 !important
}

.btn-black.btn-fill {
    color: #222;
    border-color: #222
}

.btn-black.btn-fill:hover:before {
    background-color: #222 !important
}

.btn-purple.btn-fill {
    color: #b53399;
    border-color: #b53399
}

.btn-purple.btn-fill:hover:before {
    background-color: #b53399 !important
}

.btn-orange.btn-fill {
    color: #F57C02;
    border-color: #F57C02
}

.btn-orange.btn-fill:hover:before {
    background-color: #F57C02 !important
}

.btn-aqua.btn-fill {
    color: #30b3be;
    border-color: #30b3be
}

.btn-aqua.btn-fill:hover:before {
    background-color: #30b3be !important
}

.btn-primary.btn-fill {
    color: #007bff;
    border-color: #007bff
}

.btn-primary.btn-fill:hover:before {
    background-color: #007bff !important
}

.btn-secondary.btn-fill {
    color: #868e96;
    border-color: #868e96
}

.btn-secondary.btn-fill:hover:before {
    background-color: #868e96 !important
}

.btn-success.btn-fill {
    color: #28a745;
    border-color: #28a745
}

.btn-success.btn-fill:hover:before {
    background-color: #28a745 !important
}

.btn-danger.btn-fill {
    color: #dc3545;
    border-color: #dc3545
}

.btn-danger.btn-fill:hover:before {
    background-color: #dc3545 !important
}

.btn-warning.btn-fill {
    color: #ffc107;
    border-color: #ffc107
}

.btn-warning.btn-fill:hover {
    color: #000;
    background-color: transparent
}

.btn-warning.btn-fill:hover:before {
    background-color: #ffc107 !important
}

.btn-info.btn-fill {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-info.btn-fill:hover:before {
    background-color: #17a2b8 !important
}

.btn-light.btn-fill {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light.btn-fill:hover {
    color: #000;
    background-color: transparent
}

.btn-light.btn-fill:hover:before {
    background-color: #f8f9fa !important
}

.btn-dark.btn-fill {
    color: #1d2124;
    border-color: #1d2124
}

.btn-dark.btn-fill:hover:before {
    background-color: #1d2124 !important
}

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.btn-facebook:hover {
    color: #fff;
    background-color: #204592
}

.btn-twitter {
    background-color: #00aced;
    border-color: #00aced;
    color: #fff
}

.btn-twitter:hover {
    color: #fff;
    background-color: #039dd7
}

.btn-pinterest {
    background-color: #cb2027;
    border-color: #cb2027;
    color: #fff
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #b9171e
}

.btn-dribble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.btn-dribble:hover {
    color: #fff;
    background-color: #d1316f
}

.btn-youtube {
    background-color: #c51e24;
    border-color: #c51e24;
    color: #fff
}

.btn-youtube:hover {
    color: #fff;
    background-color: #a7191e
}

.btn-linkedin {
    background-color: #0084bf;
    border-color: #0084bf;
    color: #fff
}

.btn-linkedin:hover {
    color: #fff;
    background-color: #0475a8
}

.btn-google-plus {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}

.btn-google-plus:hover {
    color: #fff;
    background-color: #c13e2e
}

.btn-whatsapp {
    color: #fff;
    border-color: #25d366;
    background-color: #25d366
}

.btn-whatsapp:hover {
    color: #fff;
    background-color: #24c760
}