/*---Button Reset---*/
.btn:focus {
  box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.25); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*---Buttons sizes---*/
.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; }

/*---Buttons Helpers---*/
.btn.btn-3d {
  border-radius: 3px;
  border-bottom: 3px solid rgba(0, 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;
  font-weight: 600;
  text-shadow: none; }

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

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

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

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

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

.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, 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; }

/*---Fill Buttons---*/
.btn-fill {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .btn-fill:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: 0.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; }

/*---Social Buttons---*/
.btn-facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff; }
  .btn-facebook:hover {
    background-color: #204592; }

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

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

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

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

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

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

/*# sourceMappingURL=button.css.map */