.btn {
  text-decoration: none;
  position: relative;
  -ms-transition: transform 0s, border-color 0.3s, background-color 0.3s, fill 0.3s, background 0.3s;
  -o-transition: transform 0s, border-color 0.3s, background-color 0.3s, fill 0.3s, background 0.3s;
  transition: transform 0s, border-color 0.3s, background-color 0.3s, fill 0.3s, background 0.3s;
  padding: 6px 8px 6px 18px;
  margin-left: 6px;
  border: 1px solid;
  text-transform: uppercase;
  border-radius: 0;
  -ms-transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  display: inline-block;
  border-right-width: 0;
  outline: none !important;
  cursor: pointer;
}
.btn span {
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  display: inline-block;
  position: relative;
  z-index: 9;
  line-height: 24px;
  font-weight: 500;
  font-family: "Oswald Bold", sans-serif;
}
.btn:after {
  position: absolute;
  content: "";
  right: -12px;
  top: -1px;
  height: calc(100%);
  width: 24px;
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  border: 1px solid;
  border-left: 0;
  -ms-transition: transform 0s, border-color 0.3s, background-color 0.3s, fill 0.3s, background 0.3s;
  -o-transition: transform 0s, border-color 0.3s, background-color 0.3s, fill 0.3s, background 0.3s;
  transition: transform 0s, border-color 0.3s, background-color 0.3s, fill 0.3s, background 0.3s;
}

.bg-green .btn {
  background-color: #009470;
}
.bg-green .btn:after {
  background-color: #009470;
}

.btn.btn-green {
  color: #009470;
  border-color: #009470;
}
.btn.btn-green:after {
  border-color: #009470;
}
.btn.btn-green:hover, .btn.btn-green.active {
  background-color: #009470;
}
.btn.btn-green:hover span, .btn.btn-green.active span {
  color: #fff;
}
.btn.btn-green:hover:after, .btn.btn-green.active:after {
  background-color: #009470;
}

.bg-red .btn {
  background-color: #FC3226;
}
.bg-red .btn:after {
  background-color: #FC3226;
}

.btn.btn-red {
  color: #FC3226;
  border-color: #FC3226;
}
.btn.btn-red:after {
  border-color: #FC3226;
}
.btn.btn-red:hover, .btn.btn-red.active {
  background-color: #FC3226;
}
.btn.btn-red:hover span, .btn.btn-red.active span {
  color: #fff;
}
.btn.btn-red:hover:after, .btn.btn-red.active:after {
  background-color: #FC3226;
}

.bg-blue .btn {
  background-color: #137CC6;
}
.bg-blue .btn:after {
  background-color: #137CC6;
}

.btn.btn-blue {
  color: #137CC6;
  border-color: #137CC6;
}
.btn.btn-blue:after {
  border-color: #137CC6;
}
.btn.btn-blue:hover, .btn.btn-blue.active {
  background-color: #137CC6;
}
.btn.btn-blue:hover span, .btn.btn-blue.active span {
  color: #fff;
}
.btn.btn-blue:hover:after, .btn.btn-blue.active:after {
  background-color: #137CC6;
}

.bg-light .btn {
  background-color: #E8E8E8;
}
.bg-light .btn:after {
  background-color: #E8E8E8;
}

.btn.btn-light {
  color: #E8E8E8;
  border-color: #E8E8E8;
}
.btn.btn-light:after {
  border-color: #E8E8E8;
}
.btn.btn-light:hover, .btn.btn-light.active {
  background-color: #E8E8E8;
}
.btn.btn-light:hover span, .btn.btn-light.active span {
  color: #333;
}
.btn.btn-light:hover:after, .btn.btn-light.active:after {
  background-color: #E8E8E8;
}

.bg-medium .btn {
  background-color: #9D9D9D;
}
.bg-medium .btn:after {
  background-color: #9D9D9D;
}

.btn.btn-medium {
  color: #9D9D9D;
  border-color: #9D9D9D;
}
.btn.btn-medium:after {
  border-color: #9D9D9D;
}
.btn.btn-medium:hover, .btn.btn-medium.active {
  background-color: #9D9D9D;
}
.btn.btn-medium:hover span, .btn.btn-medium.active span {
  color: #fff;
}
.btn.btn-medium:hover:after, .btn.btn-medium.active:after {
  background-color: #9D9D9D;
}

.bg-dark .btn {
  background-color: #575757;
}
.bg-dark .btn:after {
  background-color: #575757;
}

.btn.btn-dark {
  color: #575757;
  border-color: #575757;
}
.btn.btn-dark:after {
  border-color: #575757;
}
.btn.btn-dark:hover, .btn.btn-dark.active {
  background-color: #575757;
}
.btn.btn-dark:hover span, .btn.btn-dark.active span {
  color: #fff;
}
.btn.btn-dark:hover:after, .btn.btn-dark.active:after {
  background-color: #575757;
}

.bg-pink .btn {
  background-color: #FAB1B4;
}
.bg-pink .btn:after {
  background-color: #FAB1B4;
}

.btn.btn-pink {
  color: #FAB1B4;
  border-color: #FAB1B4;
}
.btn.btn-pink:after {
  border-color: #FAB1B4;
}
.btn.btn-pink:hover, .btn.btn-pink.active {
  background-color: #FAB1B4;
}
.btn.btn-pink:hover span, .btn.btn-pink.active span {
  color: #fff;
}
.btn.btn-pink:hover:after, .btn.btn-pink.active:after {
  background-color: #FAB1B4;
}

.bg-white .btn {
  background-color: #fff;
}
.bg-white .btn:after {
  background-color: #fff;
}

.btn.btn-white {
  color: #fff;
  border-color: #fff;
}
.btn.btn-white:after {
  border-color: #fff;
}
.btn.btn-white:hover, .btn.btn-white.active {
  background-color: #fff;
}
.btn.btn-white:hover span, .btn.btn-white.active span {
  color: #333;
}
.btn.btn-white:hover:after, .btn.btn-white.active:after {
  background-color: #fff;
}

.bg-transparent .btn {
  background-color: transparent;
}
.bg-transparent .btn:after {
  background-color: transparent;
}

.btn.btn-transparent {
  color: transparent;
  border-color: transparent;
}
.btn.btn-transparent:after {
  border-color: transparent;
}
.btn.btn-transparent:hover, .btn.btn-transparent.active {
  background-color: transparent;
}
.btn.btn-transparent:hover span, .btn.btn-transparent.active span {
  color: #000;
}
.btn.btn-transparent:hover:after, .btn.btn-transparent.active:after {
  background-color: transparent;
}

.bg-grey-light .btn {
  background-color: #E8E8E8;
}
.bg-grey-light .btn:after {
  background-color: #E8E8E8;
}

.btn.btn-grey-light {
  color: #E8E8E8;
  border-color: #E8E8E8;
}
.btn.btn-grey-light:after {
  border-color: #E8E8E8;
}
.btn.btn-grey-light:hover, .btn.btn-grey-light.active {
  background-color: #E8E8E8;
}
.btn.btn-grey-light:hover span, .btn.btn-grey-light.active span {
  color: #333;
}
.btn.btn-grey-light:hover:after, .btn.btn-grey-light.active:after {
  background-color: #E8E8E8;
}

.bg-grey-medium .btn {
  background-color: #9D9D9D;
}
.bg-grey-medium .btn:after {
  background-color: #9D9D9D;
}

.btn.btn-grey-medium {
  color: #9D9D9D;
  border-color: #9D9D9D;
}
.btn.btn-grey-medium:after {
  border-color: #9D9D9D;
}
.btn.btn-grey-medium:hover, .btn.btn-grey-medium.active {
  background-color: #9D9D9D;
}
.btn.btn-grey-medium:hover span, .btn.btn-grey-medium.active span {
  color: #fff;
}
.btn.btn-grey-medium:hover:after, .btn.btn-grey-medium.active:after {
  background-color: #9D9D9D;
}

.bg-grey-dark .btn {
  background-color: #9D9D9D;
}
.bg-grey-dark .btn:after {
  background-color: #9D9D9D;
}

.btn.btn-grey-dark {
  color: #9D9D9D;
  border-color: #9D9D9D;
}
.btn.btn-grey-dark:after {
  border-color: #9D9D9D;
}
.btn.btn-grey-dark:hover, .btn.btn-grey-dark.active {
  background-color: #9D9D9D;
}
.btn.btn-grey-dark:hover span, .btn.btn-grey-dark.active span {
  color: #fff;
}
.btn.btn-grey-dark:hover:after, .btn.btn-grey-dark.active:after {
  background-color: #9D9D9D;
}

.bg-black .btn {
  background-color: #000;
}
.bg-black .btn:after {
  background-color: #000;
}

.btn.btn-black {
  color: #000;
  border-color: #000;
}
.btn.btn-black:after {
  border-color: #000;
}
.btn.btn-black:hover, .btn.btn-black.active {
  background-color: #000;
}
.btn.btn-black:hover span, .btn.btn-black.active span {
  color: #fff;
}
.btn.btn-black:hover:after, .btn.btn-black.active:after {
  background-color: #000;
}

.btn.btn-cat-dark {
  color: #fff;
  border-color: #5a5a5a;
  background-color: #5a5a5a;
}
.btn.btn-cat-dark:after {
  border-color: #5a5a5a;
}
.btn.btn-cat-dark:hover, .btn.btn-cat-dark.active {
  border-color: #3F3F3F;
  background-color: #3F3F3F;
}
.btn.btn-cat-dark:hover:after, .btn.btn-cat-dark.active:after {
  border-color: #3F3F3F;
}

.btn.btn-cat-light {
  color: #fff;
  border-color: #bec2c5;
  background-color: #bec2c5;
}
.btn.btn-cat-light:after {
  border-color: #bec2c5;
}
.btn.btn-cat-light:hover, .btn.btn-cat-light.active {
  border-color: #9ba1a5;
  background-color: #9ba1a5;
}
.btn.btn-cat-light:hover:after, .btn.btn-cat-light.active:after {
  border-color: #9ba1a5;
}

.btn.btn-cat-dark-blue {
  color: #fff;
  border-color: #6d82a9;
  background-color: #6d82a9;
}
.btn.btn-cat-dark-blue:after {
  border-color: #6d82a9;
}
.btn.btn-cat-dark-blue:hover, .btn.btn-cat-dark-blue.active {
  border-color: #003b7c;
  background-color: #003b7c;
}
.btn.btn-cat-dark-blue:hover:after, .btn.btn-cat-dark-blue.active:after {
  border-color: #003b7c;
}

.btn.btn-cat-teal {
  color: #fff;
  border-color: #5a94a0;
  background-color: #5a94a0;
}
.btn.btn-cat-teal:after {
  border-color: #5a94a0;
}
.btn.btn-cat-teal:hover, .btn.btn-cat-teal.active {
  border-color: #00566d;
  background-color: #00566d;
}
.btn.btn-cat-teal:hover:after, .btn.btn-cat-teal.active:after {
  border-color: #00566d;
}

.btn.btn-cat-purple {
  color: #fff;
  border-color: #87688e;
  background-color: #87688e;
}
.btn.btn-cat-purple:after {
  border-color: #87688e;
}
.btn.btn-cat-purple:hover, .btn.btn-cat-purple.active {
  border-color: #4c044f;
  background-color: #4c044f;
}
.btn.btn-cat-purple:hover:after, .btn.btn-cat-purple.active:after {
  border-color: #4c044f;
}

.btn.btn-cat-light-blue {
  color: #fff;
  border-color: #67d0e2;
  background-color: #67d0e2;
}
.btn.btn-cat-light-blue:after {
  border-color: #67d0e2;
}
.btn.btn-cat-light-blue:hover, .btn.btn-cat-light-blue.active {
  border-color: #01b0cf;
  background-color: #01b0cf;
}
.btn.btn-cat-light-blue:hover:after, .btn.btn-cat-light-blue.active:after {
  border-color: #01b0cf;
}

.btn.btn-cat-blue {
  color: #fff;
  border-color: #75b2bf;
  background-color: #75b2bf;
}
.btn.btn-cat-blue:after {
  border-color: #75b2bf;
}
.btn.btn-cat-blue:hover, .btn.btn-cat-blue.active {
  border-color: #197f95;
  background-color: #197f95;
}
.btn.btn-cat-blue:hover:after, .btn.btn-cat-blue.active:after {
  border-color: #197f95;
}

.btn.btn-cat-green {
  color: #fff;
  border-color: #74a18f;
  background-color: #74a18f;
}
.btn.btn-cat-green:after {
  border-color: #74a18f;
}
.btn.btn-cat-green:hover, .btn.btn-cat-green.active {
  border-color: #186345;
  background-color: #186345;
}
.btn.btn-cat-green:hover:after, .btn.btn-cat-green.active:after {
  border-color: #186345;
}

.btn.btn-cat-light-green {
  color: #fff;
  border-color: #66beb8;
  background-color: #66beb8;
}
.btn.btn-cat-light-green:after {
  border-color: #66beb8;
}
.btn.btn-cat-light-green:hover, .btn.btn-cat-light-green.active {
  border-color: #009288;
  background-color: #009288;
}
.btn.btn-cat-light-green:hover:after, .btn.btn-cat-light-green.active:after {
  border-color: #009288;
}

.button-group {
  margin-top: 16px;
  margin-bottom: 32px;
}
.button-group .btn {
  margin: 0;
  border-right-width: 1px !important;
  padding: 6px 20px 6px 18px;
  margin-right: -6px;
}
.button-group .btn:after {
  display: none;
}

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