@charset "UTF-8";
/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Helpers > Root
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --primary: #D10310;
  --secondary: #CA7B1E;
  --tertiary: #E64980;
  --success: #28a745;
  --danger: #e63946;
  --warning: #ff9f1c;
  --info: #1E87F0;
  --r-primary: #0CA678;
  --r-secondary: #F783AC;
  --teal: #44E2E2;
  --sky: #29a9e0;
  --inverse: #293462;
  --dark: #212529;
  --grey: #6B6D70;
  --lightgrey: #B5B6B7;
  --light: #E5E5E5;
  --black: #111111;
  --white: #fff;
  --default: #F0F0F0;
  --watergrey: #e6e9e9;
  --smoke: #F3F3F4;
  --snow: #fafafa;
  --azure: #f2f4f4;
  --bluegrey: #f5f6fa;
  --solitude: #f4f5f7;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Base > Resst
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 1rem;
}

@media (max-width: 992px) {
  html {
    font-size: 0.938rem;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 0.875rem;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 0.813rem;
  }
}

body {
  line-height: 1.5;
  position: relative;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Base > Typography
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  font-size: 1rem;
}

span {
  font-size: 0.875rem;
}

label {
  font-size: 0.9375rem;
}

em {
  font-style: italic;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Breadcrumbs
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.re-breadcrumbs {
  font-size: 0;
  padding: .75rem .75rem;
}

.re-breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5rem;
}

.re-breadcrumbs li:not(:last-child):after {
  content: '>';
  color: rgba(255, 255, 255, 0.88);
  font-size: 1rem;
  padding-left: 1.5rem;
}

.re-breadcrumbs li font,.re-breadcrumbs li wfont {
  color: rgba(255, 255, 255, 0.88);
  font-size: 1rem;
}

.re-breadcrumbs li a {
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.re-breadcrumbs li a i {
  margin-right: .5rem;
}

.re-breadcrumbs li a:hover {
  color: #29efb4;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Displays
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.none {
  display: none !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.table {
  display: table !important;
}

.table-row {
  display: table-row !important;
}

.table-cell {
  display: table-cell !important;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Utilities
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.push-left {
  float: left !important;
}

.push-right {
  float: right !important;
}

.no-float {
  float: none !important;
}

.center {
  text-align: center;
}

.left {
  text-align: center;
}

.right {
  text-align: center;
}

.hide,
.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

.show {
  display: block !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media all and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media all and (max-width: 576px) {
  .hidden-xs {
    display: none !important;
  }
}

@media all and (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media all and (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media all and (min-width: 576px) {
  .hidden-xs-up {
    display: none !important;
  }
}

.pointer {
  cursor: pointer;
}

.pointer-none {
  cursor: none;
}

.none-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.center-block {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.table-fixed {
  display: table !important;
  table-layout: fixed !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.no-border {
  border: none !important;
}

.text-ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.in-bk-mid {
  display: inline-block;
  vertical-align: middle;
}

.tb-cell-mid {
  display: table-cell;
  vertical-align: middle;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Margin
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.no-margin {
  margin: 0 !important;
}

.margin-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.margin-4 {
  margin: 0.25rem !important;
}

.mt-4 {
  margin-top: 0.25rem !important;
}

.mr-4 {
  margin-right: 0.25rem !important;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}

.ml-4 {
  margin-left: 0.25rem !important;
}

.margin-8 {
  margin: 0.5rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mr-8 {
  margin-right: 0.5rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}

.ml-8 {
  margin-left: 0.5rem !important;
}

.margin-12 {
  margin: 0.75rem !important;
}

.mt-12 {
  margin-top: 0.75rem !important;
}

.mr-12 {
  margin-right: 0.75rem !important;
}

.mb-12 {
  margin-bottom: 0.75rem !important;
}

.ml-12 {
  margin-left: 0.75rem !important;
}

.margin-16 {
  margin: 1rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mr-16 {
  margin-right: 1rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.ml-16 {
  margin-left: 1rem !important;
}

.margin-20 {
  margin: 1.25rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mr-20 {
  margin-right: 1.25rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.ml-20 {
  margin-left: 1.25rem !important;
}

.margin-24 {
  margin: 1.5rem !important;
}

.mt-24 {
  margin-top: 1.5rem !important;
}

.mr-24 {
  margin-right: 1.5rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem !important;
}

.ml-24 {
  margin-left: 1.5rem !important;
}

.margin-28 {
  margin: 1.75rem !important;
}

.mt-28 {
  margin-top: 1.75rem !important;
}

.mr-28 {
  margin-right: 1.75rem !important;
}

.mb-28 {
  margin-bottom: 1.75rem !important;
}

.ml-28 {
  margin-left: 1.75rem !important;
}

.margin-32 {
  margin: 2rem !important;
}

.mt-32 {
  margin-top: 2rem !important;
}

.mr-32 {
  margin-right: 2rem !important;
}

.mb-32 {
  margin-bottom: 2rem !important;
}

.ml-32 {
  margin-left: 2rem !important;
}

.margin-36 {
  margin: 2.25rem !important;
}

.mt-36 {
  margin-top: 2.25rem !important;
}

.mr-36 {
  margin-right: 2.25rem !important;
}

.mb-36 {
  margin-bottom: 2.25rem !important;
}

.ml-36 {
  margin-left: 2.25rem !important;
}

.margin-40 {
  margin: 2.5rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mr-40 {
  margin-right: 2.5rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}

.ml-40 {
  margin-left: 2.5rem !important;
}

.margin-44 {
  margin: 2.75rem !important;
}

.mt-44 {
  margin-top: 2.75rem !important;
}

.mr-44 {
  margin-right: 2.75rem !important;
}

.mb-44 {
  margin-bottom: 2.75rem !important;
}

.ml-44 {
  margin-left: 2.75rem !important;
}

.margin-48 {
  margin: 3rem !important;
}

.mt-48 {
  margin-top: 3rem !important;
}

.mr-48 {
  margin-right: 3rem !important;
}

.mb-48 {
  margin-bottom: 3rem !important;
}

.ml-48 {
  margin-left: 3rem !important;
}

.margin-52 {
  margin: 3.25rem !important;
}

.mt-52 {
  margin-top: 3.25rem !important;
}

.mr-52 {
  margin-right: 3.25rem !important;
}

.mb-52 {
  margin-bottom: 3.25rem !important;
}

.ml-52 {
  margin-left: 3.25rem !important;
}

.margin-56 {
  margin: 3.5rem !important;
}

.mt-56 {
  margin-top: 3.5rem !important;
}

.mr-56 {
  margin-right: 3.5rem !important;
}

.mb-56 {
  margin-bottom: 3.5rem !important;
}

.ml-56 {
  margin-left: 3.5rem !important;
}

.margin-60 {
  margin: 3.75rem !important;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

.mr-60 {
  margin-right: 3.75rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}

.ml-60 {
  margin-left: 3.75rem !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > Padding
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.no-padding {
  padding: 0 !important;
}

.padding-0 {
  padding: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.padding-4 {
  padding: 0.25rem !important;
}

.pt-4 {
  padding-top: 0.25rem !important;
}

.pr-4 {
  padding-right: 0.25rem !important;
}

.pb-4 {
  padding-bottom: 0.25rem !important;
}

.pl-4 {
  padding-left: 0.25rem !important;
}

.padding-8 {
  padding: 0.5rem !important;
}

.pt-8 {
  padding-top: 0.5rem !important;
}

.pr-8 {
  padding-right: 0.5rem !important;
}

.pb-8 {
  padding-bottom: 0.5rem !important;
}

.pl-8 {
  padding-left: 0.5rem !important;
}

.padding-12 {
  padding: 0.75rem !important;
}

.pt-12 {
  padding-top: 0.75rem !important;
}

.pr-12 {
  padding-right: 0.75rem !important;
}

.pb-12 {
  padding-bottom: 0.75rem !important;
}

.pl-12 {
  padding-left: 0.75rem !important;
}

.padding-16 {
  padding: 1rem !important;
}

.pt-16 {
  padding-top: 1rem !important;
}

.pr-16 {
  padding-right: 1rem !important;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

.pl-16 {
  padding-left: 1rem !important;
}

.padding-20 {
  padding: 1.25rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pr-20 {
  padding-right: 1.25rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.pl-20 {
  padding-left: 1.25rem !important;
}

.padding-24 {
  padding: 1.5rem !important;
}

.pt-24 {
  padding-top: 1.5rem !important;
}

.pr-24 {
  padding-right: 1.5rem !important;
}

.pb-24 {
  padding-bottom: 1.5rem !important;
}

.pl-24 {
  padding-left: 1.5rem !important;
}

.padding-28 {
  padding: 1.75rem !important;
}

.pt-28 {
  padding-top: 1.75rem !important;
}

.pr-28 {
  padding-right: 1.75rem !important;
}

.pb-28 {
  padding-bottom: 1.75rem !important;
}

.pl-28 {
  padding-left: 1.75rem !important;
}

.padding-32 {
  padding: 2rem !important;
}

.pt-32 {
  padding-top: 2rem !important;
}

.pr-32 {
  padding-right: 2rem !important;
}

.pb-32 {
  padding-bottom: 2rem !important;
}

.pl-32 {
  padding-left: 2rem !important;
}

.padding-36 {
  padding: 2.25rem !important;
}

.pt-36 {
  padding-top: 2.25rem !important;
}

.pr-36 {
  padding-right: 2.25rem !important;
}

.pb-36 {
  padding-bottom: 2.25rem !important;
}

.pl-36 {
  padding-left: 2.25rem !important;
}

.padding-40 {
  padding: 2.5rem !important;
}

.pt-40 {
  padding-top: 2.5rem !important;
}

.pr-40 {
  padding-right: 2.5rem !important;
}

.pb-40 {
  padding-bottom: 2.5rem !important;
}

.pl-40 {
  padding-left: 2.5rem !important;
}

.padding-44 {
  padding: 2.75rem !important;
}

.pt-44 {
  padding-top: 2.75rem !important;
}

.pr-44 {
  padding-right: 2.75rem !important;
}

.pb-44 {
  padding-bottom: 2.75rem !important;
}

.pl-44 {
  padding-left: 2.75rem !important;
}

.padding-48 {
  padding: 3rem !important;
}

.pt-48 {
  padding-top: 3rem !important;
}

.pr-48 {
  padding-right: 3rem !important;
}

.pb-48 {
  padding-bottom: 3rem !important;
}

.pl-48 {
  padding-left: 3rem !important;
}

.padding-52 {
  padding: 3.25rem !important;
}

.pt-52 {
  padding-top: 3.25rem !important;
}

.pr-52 {
  padding-right: 3.25rem !important;
}

.pb-52 {
  padding-bottom: 3.25rem !important;
}

.pl-52 {
  padding-left: 3.25rem !important;
}

.padding-56 {
  padding: 3.5rem !important;
}

.pt-56 {
  padding-top: 3.5rem !important;
}

.pr-56 {
  padding-right: 3.5rem !important;
}

.pb-56 {
  padding-bottom: 3.5rem !important;
}

.pl-56 {
  padding-left: 3.5rem !important;
}

.padding-60 {
  padding: 3.75rem !important;
}

.pt-60 {
  padding-top: 3.75rem !important;
}

.pr-60 {
  padding-right: 3.75rem !important;
}

.pb-60 {
  padding-bottom: 3.75rem !important;
}

.pl-60 {
  padding-left: 3.75rem !important;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > chkeckbox
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.chk-inp {
  display: none;
}

.chk-inp ~ .chk-lab {
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chk-inp ~ .chk-lab .box, .chk-inp ~ .chk-lab a, .chk-inp ~ .chk-lab font, .chk-inp ~ .chk-lab wfont, .chk-inp ~ .chk-lab span {
  display: inline-block;
  vertical-align: middle;
}

.chk-inp ~ .chk-lab .box {
  height: 1.125rem;
  width: 1.125rem;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 2px;
  margin-right: .5rem;
  -webkit-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

.chk-inp ~ .chk-lab .box:hover {
  border-color: #fc3e4a;
}

.chk-inp ~ .chk-lab .box:hover:before {
  -webkit-transform: scale(1.75);
      -ms-transform: scale(1.75);
          transform: scale(1.75);
}

.chk-inp ~ .chk-lab .box:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background-color: #D10310;
  border-radius: 12%;
  opacity: 0.08;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.chk-inp ~ .chk-lab .box:after {
  content: '';
  opacity: 0;
  width: .375rem;
  height: .75rem;
  border: solid #fff;
  border-width: 0 0.1875rem 0.1875rem 0;
  position: absolute;
  top: 42.5%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.chk-inp ~ .chk-lab .box.box--md {
  width: 1.25rem;
  height: 1.25rem;
}

.chk-inp ~ .chk-lab .box.box--md:after {
  width: .5rem;
  height: .875rem;
  top: 36.5%;
  border-width: 0 0.175rem 0.175rem 0;
}

.chk-inp ~ .chk-lab .box.box--lg {
  width: 1.375rem;
  height: 1.375rem;
}

.chk-inp ~ .chk-lab .box.box--lg:after {
  width: .575rem;
  height: .9375rem;
  top: 40%;
  border-width: 0 0.225rem 0.225rem 0;
}

.chk-inp:checked ~ .chk-lab .box {
  background: #D10310;
  border-color: #D10310;
}

.chk-inp:checked ~ .chk-lab .box:before {
  opacity: 0;
  -webkit-transform: scale(1.75);
      -ms-transform: scale(1.75);
          transform: scale(1.75);
}

.chk-inp:checked ~ .chk-lab .box:after {
  opacity: 1;
}

.chk-inp:disabled ~ .chk-lab .box {
  border-color: #E8E9E9;
  background: #E5E5E5;
  cursor: not-allowed;
}

.chk-inp:disabled ~ .chk-lab a, .chk-inp:disabled ~ .chk-lab font, .chk-inp:disabled ~ .chk-lab wfont, .chk-inp:disabled ~ .chk-lab span {
  cursor: not-allowed;
}

.chk-inp:disabled ~ .chk-lab .box:hover:before {
  display: none;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Layout > radio
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.rad-inp {
  display: none;
}

.rad-inp ~ .rad-lab {
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rad-inp ~ .rad-lab .rad, .rad-inp ~ .rad-lab a, .rad-inp ~ .rad-lab font, .rad-inp ~ .rad-lab span {
  display: inline-block;
  vertical-align: middle;
}

.rad-inp ~ .rad-lab .rad {
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 100%;
  margin-right: .25rem;
  height: 1.125rem;
  width: 1.125rem;
}

.rad-inp ~ .rad-lab .rad:hover {
  border-color: #fc3e4a;
}

.rad-inp ~ .rad-lab .rad:hover:after {
  -webkit-transform: translate(-50%, -50%) scale(2.5);
      -ms-transform: translate(-50%, -50%) scale(2.5);
          transform: translate(-50%, -50%) scale(2.5);
}

.rad-inp ~ .rad-lab .rad:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  height: .625rem;
  width: .625rem;
  background-color: #D10310;
  border-radius: 100%;
  opacity: 0.08;
  pointer-events: none;
  -webkit-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

.rad-inp ~ .rad-lab .rad.rad--md {
  height: 1.25rem;
  width: 1.25rem;
}

.rad-inp ~ .rad-lab .rad.rad--md:after {
  height: .75rem;
  width: .75rem;
}

.rad-inp ~ .rad-lab .rad.rad--lg {
  height: 1.375rem;
  width: 1.375rem;
}

.rad-inp ~ .rad-lab .rad.rad--lg:after {
  height: .875rem;
  width: .875rem;
}

.rad-inp:checked + .rad-lab .rad {
  border-color: #ea0312;
}

.rad-inp:checked + .rad-lab .rad:after {
  -webkit-transform: scale(1) translate(-50%, -50%);
      -ms-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}

.rad-inp:disabled + .rad-lab .rad {
  border-color: #E8E9E9;
  background: #E5E5E5;
  cursor: not-allowed;
}

.rad-inp:disabled + .rad-lab a, .rad-inp:disabled + .rad-lab font, .rad-inp:disabled + .rad-lab span {
  cursor: not-allowed;
}

.rad-inp:disabled + .rad-lab:after {
  display: none;
}

.rad-inp:checked:disabled + .rad-lab .rad:after {
  background-color: #A6A7A9;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Buttons
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn {
  padding: 0.625rem 1.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.btn.btn--lg {
  padding: 1rem 3rem;
  font-size: 1.25rem;
  line-height: 1.75;
  border-radius: 4px;
}

.btn.btn--md {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75;
  border-radius: 4px;
}

.btn.btn--sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25;
  border-radius: 4px;
}

.btn.btn--xs {
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  border-radius: 4px;
}

.btn.btn--xxs {
  padding: 0.25rem 0.375rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 4px;
}

.btn.btn--block {
  display: block;
  width: 100%;
}

.btn.btn--block + .btn.btn-block {
  margin-top: 0.5rem;
}

.btn.btn--icon > span {
  font-size: unset;
  vertical-align: middle;
}

.btn.btn--icon i {
  vertical-align: middle;
  font-size: 125%;
  margin-right: .75rem;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.show > .btn.btn--border.dropdown-toggle {
  color: #111111;
  background-color: #dddddd;
  border-color: #d0d0d0;
}

.btn.btn--primary {
  border-color: #D10310;
  color: #fff;
  background-color: #D10310;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--primary:hover:not(.btn--disabled) {
  border-color: #fc1826;
  color: #fff;
  background-color: #f70413;
}

.btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(216, 41, 52, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(216, 41, 52, 0.5);
}

.btn.btn--primary.btn--disabled, .btn.btn--primary.disabled, .btn.btn--primary:disabled {
  color: #fff;
  background-color: #D10310;
  border-color: #fff;
}

.btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #fc1826;
  border-color: #fc2532;
}

.btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(216, 41, 52, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(216, 41, 52, 0.5);
}

.btn.btn--secondary {
  border-color: #CA7B1E;
  color: #fff;
  background-color: #CA7B1E;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--secondary:hover:not(.btn--disabled) {
  border-color: #e39a44;
  color: #fff;
  background-color: #e08e2e;
}

.btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(210, 143, 64, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(210, 143, 64, 0.5);
}

.btn.btn--secondary.btn--disabled, .btn.btn--secondary.disabled, .btn.btn--secondary:disabled {
  color: #fff;
  background-color: #CA7B1E;
  border-color: #fff;
}

.btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #e39a44;
  border-color: #e5a050;
}

.btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(210, 143, 64, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(210, 143, 64, 0.5);
}

.btn.btn--tertiary {
  border-color: #E64980;
  color: #fff;
  background-color: #E64980;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--tertiary:hover:not(.btn--disabled) {
  border-color: #ee81a7;
  color: #fff;
  background-color: #eb6b97;
}

.btn.btn--tertiary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--tertiary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(234, 100, 147, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(234, 100, 147, 0.5);
}

.btn.btn--tertiary.btn--disabled, .btn.btn--tertiary.disabled, .btn.btn--tertiary:disabled {
  color: #fff;
  background-color: #E64980;
  border-color: #fff;
}

.btn.btn--tertiary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--tertiary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ee81a7;
  border-color: #ef8caf;
}

.btn.btn--tertiary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--tertiary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(234, 100, 147, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(234, 100, 147, 0.5);
}

.btn.btn--success {
  border-color: #28a745;
  color: #fff;
  background-color: #28a745;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--success:hover:not(.btn--disabled) {
  border-color: #3ed160;
  color: #fff;
  background-color: #2fc652;
}

.btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(72, 180, 97, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(72, 180, 97, 0.5);
}

.btn.btn--success.btn--disabled, .btn.btn--success.disabled, .btn.btn--success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #fff;
}

.btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #3ed160;
  border-color: #48d368;
}

.btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--success:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(72, 180, 97, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(72, 180, 97, 0.5);
}

.btn.btn--danger {
  border-color: #e63946;
  color: #fff;
  background-color: #e63946;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--danger:hover:not(.btn--disabled) {
  border-color: #ed727b;
  color: #fff;
  background-color: #ea5b66;
}

.btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(234, 87, 98, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(234, 87, 98, 0.5);
}

.btn.btn--danger.btn--disabled, .btn.btn--danger.disabled, .btn.btn--danger:disabled {
  color: #fff;
  background-color: #e63946;
  border-color: #fff;
}

.btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ed727b;
  border-color: #ef7d85;
}

.btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--danger:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(234, 87, 98, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(234, 87, 98, 0.5);
}

.btn.btn--warning {
  border-color: #ff9f1c;
  color: #fff;
  background-color: #ff9f1c;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--warning:hover:not(.btn--disabled) {
  border-color: #ffba5c;
  color: #fff;
  background-color: #ffaf42;
}

.btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(255, 173, 62, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(255, 173, 62, 0.5);
}

.btn.btn--warning.btn--disabled, .btn.btn--warning.disabled, .btn.btn--warning:disabled {
  color: #fff;
  background-color: #ff9f1c;
  border-color: #fff;
}

.btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #ffba5c;
  border-color: #ffbf69;
}

.btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--warning:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(255, 173, 62, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(255, 173, 62, 0.5);
}

.btn.btn--info {
  border-color: #1E87F0;
  color: #fff;
  background-color: #1E87F0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--info:hover:not(.btn--disabled) {
  border-color: #5aa7f4;
  color: #fff;
  background-color: #429af2;
}

.btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(64, 153, 242, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(64, 153, 242, 0.5);
}

.btn.btn--info.btn--disabled, .btn.btn--info.disabled, .btn.btn--info:disabled {
  color: #fff;
  background-color: #1E87F0;
  border-color: #fff;
}

.btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #5aa7f4;
  border-color: #66adf5;
}

.btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--info:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(64, 153, 242, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(64, 153, 242, 0.5);
}

.btn.btn--r-primary {
  border-color: #0CA678;
  color: #fff;
  background-color: #0CA678;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--r-primary:hover:not(.btn--disabled) {
  border-color: #10e1a3;
  color: #fff;
  background-color: #0fca92;
}

.btn.btn--r-primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--r-primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(48, 179, 140, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(48, 179, 140, 0.5);
}

.btn.btn--r-primary.btn--disabled, .btn.btn--r-primary.disabled, .btn.btn--r-primary:disabled {
  color: #fff;
  background-color: #0CA678;
  border-color: #fff;
}

.btn.btn--r-primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--r-primary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #10e1a3;
  border-color: #11edac;
}

.btn.btn--r-primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--r-primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(48, 179, 140, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(48, 179, 140, 0.5);
}

.btn.btn--r-secondary {
  border-color: #F783AC;
  color: #fff;
  background-color: #F783AC;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--r-secondary:hover:not(.btn--disabled) {
  border-color: #fbbfd4;
  color: #fff;
  background-color: #f9a7c4;
}

.btn.btn--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(248, 150, 184, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(248, 150, 184, 0.5);
}

.btn.btn--r-secondary.btn--disabled, .btn.btn--r-secondary.disabled, .btn.btn--r-secondary:disabled {
  color: #fff;
  background-color: #F783AC;
  border-color: #fff;
}

.btn.btn--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #212529;
  background-color: #fbbfd4;
  border-color: #fccbdc;
}

.btn.btn--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(248, 150, 184, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(248, 150, 184, 0.5);
}

.btn.btn--sky {
  border-color: #29a9e0;
  color: #fff;
  background-color: #29a9e0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--sky:hover:not(.btn--disabled) {
  border-color: #61bfe8;
  color: #fff;
  background-color: #4ab6e5;
}

.btn.btn--sky:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--sky:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(73, 182, 229, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(73, 182, 229, 0.5);
}

.btn.btn--sky.btn--disabled, .btn.btn--sky.disabled, .btn.btn--sky:disabled {
  color: #fff;
  background-color: #29a9e0;
  border-color: #fff;
}

.btn.btn--sky:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--sky:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #61bfe8;
  border-color: #6cc4ea;
}

.btn.btn--sky:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--sky:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(73, 182, 229, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(73, 182, 229, 0.5);
}

.btn.btn--inverse {
  border-color: #293462;
  color: #fff;
  background-color: #293462;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--inverse:hover:not(.btn--disabled) {
  border-color: #3c4c8f;
  color: #fff;
  background-color: #34427d;
}

.btn.btn--inverse:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(73, 82, 122, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(73, 82, 122, 0.5);
}

.btn.btn--inverse.btn--disabled, .btn.btn--inverse.disabled, .btn.btn--inverse:disabled {
  color: #fff;
  background-color: #293462;
  border-color: #fff;
}

.btn.btn--inverse:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--inverse:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #3c4c8f;
  border-color: #405198;
}

.btn.btn--inverse:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--inverse:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(73, 82, 122, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(73, 82, 122, 0.5);
}

.btn.btn--teal {
  border-color: #44E2E2;
  color: #fff;
  background-color: #44E2E2;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--teal:hover:not(.btn--disabled) {
  border-color: #7bebeb;
  color: #fff;
  background-color: #65e7e7;
}

.btn.btn--teal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--teal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(96, 230, 230, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(96, 230, 230, 0.5);
}

.btn.btn--teal.btn--disabled, .btn.btn--teal.disabled, .btn.btn--teal:disabled {
  color: #fff;
  background-color: #44E2E2;
  border-color: #fff;
}

.btn.btn--teal:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--teal:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #212529;
  background-color: #7bebeb;
  border-color: #86ecec;
}

.btn.btn--teal:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--teal:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(96, 230, 230, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(96, 230, 230, 0.5);
}

.btn.btn--dark {
  border-color: #212529;
  color: #fff;
  background-color: #212529;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--dark:hover:not(.btn--disabled) {
  border-color: #3d454c;
  color: #fff;
  background-color: #32383e;
}

.btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(66, 70, 73, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(66, 70, 73, 0.5);
}

.btn.btn--dark.btn--disabled, .btn.btn--dark.disabled, .btn.btn--dark:disabled {
  color: #fff;
  background-color: #212529;
  border-color: #fff;
}

.btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #3d454c;
  border-color: #434b53;
}

.btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--dark:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(66, 70, 73, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(66, 70, 73, 0.5);
}

.btn.btn--grey {
  border-color: #6B6D70;
  color: #fff;
  background-color: #6B6D70;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--grey:hover:not(.btn--disabled) {
  border-color: #8b8d90;
  color: #fff;
  background-color: #7e8084;
}

.btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(129, 131, 133, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(129, 131, 133, 0.5);
}

.btn.btn--grey.btn--disabled, .btn.btn--grey.disabled, .btn.btn--grey:disabled {
  color: #fff;
  background-color: #6B6D70;
  border-color: #fff;
}

.btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #fff;
  background-color: #8b8d90;
  border-color: #919396;
}

.btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--grey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(129, 131, 133, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(129, 131, 133, 0.5);
}

.btn.btn--lightgrey {
  border-color: #B5B6B7;
  color: #fff;
  background-color: #B5B6B7;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--lightgrey:hover:not(.btn--disabled) {
  border-color: #d5d6d6;
  color: #212529;
  background-color: #c8c9ca;
}

.btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(192, 193, 194, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(192, 193, 194, 0.5);
}

.btn.btn--lightgrey.btn--disabled, .btn.btn--lightgrey.disabled, .btn.btn--lightgrey:disabled {
  color: #fff;
  background-color: #B5B6B7;
  border-color: #fff;
}

.btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #212529;
  background-color: #d5d6d6;
  border-color: #dcdcdd;
}

.btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(192, 193, 194, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(192, 193, 194, 0.5);
}

.btn.btn--light {
  border-color: #E5E5E5;
  color: #212529;
  background-color: #E5E5E5;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075);
}

.btn.btn--light:hover:not(.btn--disabled) {
  border-color: white;
  color: #212529;
  background-color: #f8f8f8;
}

.btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(200, 200, 201, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 17, 17, 0.075), 0 0 0 1px rgba(200, 200, 201, 0.5);
}

.btn.btn--light.btn--disabled, .btn.btn--light.disabled, .btn.btn--light:disabled {
  color: #212529;
  background-color: #E5E5E5;
  border-color: #fff;
}

.btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled).active {
  color: #212529;
  background-color: white;
  border-color: white;
}

.btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--light:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(200, 200, 201, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(200, 200, 201, 0.5);
}

.btn.btn--border--primary {
  background-color: transparent;
  border-color: #ea0312;
  color: #b8030e;
}

.btn.btn--border--primary:hover:not(.btn--disabled) {
  background-color: #D10310;
  border-color: #D10310;
  color: #fff;
}

.btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(209, 3, 16, 0.5);
          box-shadow: 0 0 0 1px rgba(209, 3, 16, 0.5);
}

.btn.btn--border--primary.btn--disabled, .btn.btn--border--primary.disabled, .btn.btn--border--primary:disabled {
  background-color: transparent;
  color: #D10310;
}

.btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--primary.dropdown-toggle {
  background-color: #D10310;
  border-color: #D10310;
  color: #fff;
}

.btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--primary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(209, 3, 16, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(209, 3, 16, 0.5);
}

.btn.btn--border--secondary {
  background-color: transparent;
  border-color: #de8823;
  color: #b46d1b;
}

.btn.btn--border--secondary:hover:not(.btn--disabled) {
  background-color: #CA7B1E;
  border-color: #CA7B1E;
  color: #fff;
}

.btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(202, 123, 30, 0.5);
          box-shadow: 0 0 0 1px rgba(202, 123, 30, 0.5);
}

.btn.btn--border--secondary.btn--disabled, .btn.btn--border--secondary.disabled, .btn.btn--border--secondary:disabled {
  background-color: transparent;
  color: #CA7B1E;
}

.btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--secondary.dropdown-toggle {
  background-color: #CA7B1E;
  border-color: #CA7B1E;
  color: #fff;
}

.btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--secondary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(202, 123, 30, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(202, 123, 30, 0.5);
}

.btn.btn--border--tertiary {
  background-color: transparent;
  border-color: #e95f90;
  color: #e33370;
}

.btn.btn--border--tertiary:hover:not(.btn--disabled) {
  background-color: #E64980;
  border-color: #E64980;
  color: #fff;
}

.btn.btn--border--tertiary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--tertiary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(230, 73, 128, 0.5);
          box-shadow: 0 0 0 1px rgba(230, 73, 128, 0.5);
}

.btn.btn--border--tertiary.btn--disabled, .btn.btn--border--tertiary.disabled, .btn.btn--border--tertiary:disabled {
  background-color: transparent;
  color: #E64980;
}

.btn.btn--border--tertiary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--tertiary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--tertiary.dropdown-toggle {
  background-color: #E64980;
  border-color: #E64980;
  color: #fff;
}

.btn.btn--border--tertiary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--tertiary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--tertiary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(230, 73, 128, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(230, 73, 128, 0.5);
}

.btn.btn--border--success {
  background-color: transparent;
  border-color: #2dbc4e;
  color: #23923d;
}

.btn.btn--border--success:hover:not(.btn--disabled) {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 1px rgba(40, 167, 69, 0.5);
}

.btn.btn--border--success.btn--disabled, .btn.btn--border--success.disabled, .btn.btn--border--success:disabled {
  background-color: transparent;
  color: #28a745;
}

.btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--success.dropdown-toggle {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--success:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--success.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(40, 167, 69, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(40, 167, 69, 0.5);
}

.btn.btn--border--danger {
  background-color: transparent;
  border-color: #e9505b;
  color: #e32231;
}

.btn.btn--border--danger:hover:not(.btn--disabled) {
  background-color: #e63946;
  border-color: #e63946;
  color: #fff;
}

.btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(230, 57, 70, 0.5);
          box-shadow: 0 0 0 1px rgba(230, 57, 70, 0.5);
}

.btn.btn--border--danger.btn--disabled, .btn.btn--border--danger.disabled, .btn.btn--border--danger:disabled {
  background-color: transparent;
  color: #e63946;
}

.btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--danger.dropdown-toggle {
  background-color: #e63946;
  border-color: #e63946;
  color: #fff;
}

.btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--danger:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--danger.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(230, 57, 70, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(230, 57, 70, 0.5);
}

.btn.btn--border--warning {
  background-color: transparent;
  border-color: #ffaa36;
  color: #ff9403;
}

.btn.btn--border--warning:hover:not(.btn--disabled) {
  background-color: #ff9f1c;
  border-color: #ff9f1c;
  color: #fff;
}

.btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 159, 28, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 159, 28, 0.5);
}

.btn.btn--border--warning.btn--disabled, .btn.btn--border--warning.disabled, .btn.btn--border--warning:disabled {
  background-color: transparent;
  color: #ff9f1c;
}

.btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--warning.dropdown-toggle {
  background-color: #ff9f1c;
  border-color: #ff9f1c;
  color: #fff;
}

.btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--warning:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--warning.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(255, 159, 28, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(255, 159, 28, 0.5);
}

.btn.btn--border--info {
  background-color: transparent;
  border-color: #3694f2;
  color: #0f7ae5;
}

.btn.btn--border--info:hover:not(.btn--disabled) {
  background-color: #1E87F0;
  border-color: #1E87F0;
  color: #fff;
}

.btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(30, 135, 240, 0.5);
          box-shadow: 0 0 0 1px rgba(30, 135, 240, 0.5);
}

.btn.btn--border--info.btn--disabled, .btn.btn--border--info.disabled, .btn.btn--border--info:disabled {
  background-color: transparent;
  color: #1E87F0;
}

.btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--info.dropdown-toggle {
  background-color: #1E87F0;
  border-color: #1E87F0;
  color: #fff;
}

.btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--info:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--info.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(30, 135, 240, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(30, 135, 240, 0.5);
}

.btn.btn--border--r-primary {
  background-color: transparent;
  border-color: #0ebe89;
  color: #0a8e67;
}

.btn.btn--border--r-primary:hover:not(.btn--disabled) {
  background-color: #0CA678;
  border-color: #0CA678;
  color: #fff;
}

.btn.btn--border--r-primary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--r-primary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(12, 166, 120, 0.5);
          box-shadow: 0 0 0 1px rgba(12, 166, 120, 0.5);
}

.btn.btn--border--r-primary.btn--disabled, .btn.btn--border--r-primary.disabled, .btn.btn--border--r-primary:disabled {
  background-color: transparent;
  color: #0CA678;
}

.btn.btn--border--r-primary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--r-primary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--r-primary.dropdown-toggle {
  background-color: #0CA678;
  border-color: #0CA678;
  color: #fff;
}

.btn.btn--border--r-primary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--r-primary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--r-primary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(12, 166, 120, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(12, 166, 120, 0.5);
}

.btn.btn--border--r-secondary {
  background-color: transparent;
  border-color: #f99bbc;
  color: #f56b9c;
}

.btn.btn--border--r-secondary:hover:not(.btn--disabled) {
  background-color: #F783AC;
  border-color: #F783AC;
  color: #fff;
}

.btn.btn--border--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
          box-shadow: 0 0 0 1px rgba(247, 131, 172, 0.5);
}

.btn.btn--border--r-secondary.btn--disabled, .btn.btn--border--r-secondary.disabled, .btn.btn--border--r-secondary:disabled {
  background-color: transparent;
  color: #F783AC;
}

.btn.btn--border--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--r-secondary.dropdown-toggle {
  background-color: #F783AC;
  border-color: #F783AC;
  color: #fff;
}

.btn.btn--border--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--r-secondary:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--r-secondary.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(247, 131, 172, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(247, 131, 172, 0.5);
}

.btn.btn--border--sky {
  background-color: transparent;
  border-color: #3fb2e3;
  color: #1e9bd1;
}

.btn.btn--border--sky:hover:not(.btn--disabled) {
  background-color: #29a9e0;
  border-color: #29a9e0;
  color: #fff;
}

.btn.btn--border--sky:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--sky:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(41, 169, 224, 0.5);
          box-shadow: 0 0 0 1px rgba(41, 169, 224, 0.5);
}

.btn.btn--border--sky.btn--disabled, .btn.btn--border--sky.disabled, .btn.btn--border--sky:disabled {
  background-color: transparent;
  color: #29a9e0;
}

.btn.btn--border--sky:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--sky:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--sky.dropdown-toggle {
  background-color: #29a9e0;
  border-color: #29a9e0;
  color: #fff;
}

.btn.btn--border--sky:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--sky:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--sky.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(41, 169, 224, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(41, 169, 224, 0.5);
}

.btn.btn--border--inverse {
  background-color: transparent;
  border-color: #313e74;
  color: #212a50;
}

.btn.btn--border--inverse:hover:not(.btn--disabled) {
  background-color: #293462;
  border-color: #293462;
  color: #fff;
}

.btn.btn--border--inverse:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--inverse:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(41, 52, 98, 0.5);
          box-shadow: 0 0 0 1px rgba(41, 52, 98, 0.5);
}

.btn.btn--border--inverse.btn--disabled, .btn.btn--border--inverse.disabled, .btn.btn--border--inverse:disabled {
  background-color: transparent;
  color: #293462;
}

.btn.btn--border--inverse:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--inverse:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--inverse.dropdown-toggle {
  background-color: #293462;
  border-color: #293462;
  color: #fff;
}

.btn.btn--border--inverse:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--inverse:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--inverse.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(41, 52, 98, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(41, 52, 98, 0.5);
}

.btn.btn--border--teal {
  background-color: transparent;
  border-color: #5ae5e5;
  color: #2edfdf;
}

.btn.btn--border--teal:hover:not(.btn--disabled) {
  background-color: #44E2E2;
  border-color: #44E2E2;
  color: #fff;
}

.btn.btn--border--teal:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--teal:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(68, 226, 226, 0.5);
          box-shadow: 0 0 0 1px rgba(68, 226, 226, 0.5);
}

.btn.btn--border--teal.btn--disabled, .btn.btn--border--teal.disabled, .btn.btn--border--teal:disabled {
  background-color: transparent;
  color: #44E2E2;
}

.btn.btn--border--teal:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--teal:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--teal.dropdown-toggle {
  background-color: #44E2E2;
  border-color: #44E2E2;
  color: #fff;
}

.btn.btn--border--teal:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--teal:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--teal.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(68, 226, 226, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(68, 226, 226, 0.5);
}

.btn.btn--border--dark {
  background-color: transparent;
  border-color: #2c3237;
  color: #16181b;
}

.btn.btn--border--dark:hover:not(.btn--disabled) {
  background-color: #212529;
  border-color: #212529;
  color: #fff;
}

.btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(33, 37, 41, 0.5);
          box-shadow: 0 0 0 1px rgba(33, 37, 41, 0.5);
}

.btn.btn--border--dark.btn--disabled, .btn.btn--border--dark.disabled, .btn.btn--border--dark:disabled {
  background-color: transparent;
  color: #212529;
}

.btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--dark.dropdown-toggle {
  background-color: #212529;
  border-color: #212529;
  color: #fff;
}

.btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--dark:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--dark.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(33, 37, 41, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(33, 37, 41, 0.5);
}

.btn.btn--border--grey {
  background-color: transparent;
  border-color: #777a7d;
  color: #5f6063;
}

.btn.btn--border--grey:hover:not(.btn--disabled) {
  background-color: #6B6D70;
  border-color: #6B6D70;
  color: #fff;
}

.btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(107, 109, 112, 0.5);
          box-shadow: 0 0 0 1px rgba(107, 109, 112, 0.5);
}

.btn.btn--border--grey.btn--disabled, .btn.btn--border--grey.disabled, .btn.btn--border--grey:disabled {
  background-color: transparent;
  color: #6B6D70;
}

.btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--grey.dropdown-toggle {
  background-color: #6B6D70;
  border-color: #6B6D70;
  color: #fff;
}

.btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--grey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--grey.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(107, 109, 112, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(107, 109, 112, 0.5);
}

.btn.btn--border--lightgrey {
  background-color: transparent;
  border-color: #c2c3c4;
  color: #a8a9aa;
}

.btn.btn--border--lightgrey:hover:not(.btn--disabled) {
  background-color: #B5B6B7;
  border-color: #B5B6B7;
  color: #fff;
}

.btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(181, 182, 183, 0.5);
          box-shadow: 0 0 0 1px rgba(181, 182, 183, 0.5);
}

.btn.btn--border--lightgrey.btn--disabled, .btn.btn--border--lightgrey.disabled, .btn.btn--border--lightgrey:disabled {
  background-color: transparent;
  color: #B5B6B7;
}

.btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--lightgrey.dropdown-toggle {
  background-color: #B5B6B7;
  border-color: #B5B6B7;
  color: #fff;
}

.btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--lightgrey:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--lightgrey.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(181, 182, 183, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(181, 182, 183, 0.5);
}

.btn.btn--border--light {
  background-color: transparent;
  border-color: #f2f2f2;
  color: #d8d8d8;
}

.btn.btn--border--light:hover:not(.btn--disabled) {
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  color: #212529;
}

.btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled).focus {
  -webkit-box-shadow: 0 0 0 1px rgba(229, 229, 229, 0.5);
          box-shadow: 0 0 0 1px rgba(229, 229, 229, 0.5);
}

.btn.btn--border--light.btn--disabled, .btn.btn--border--light.disabled, .btn.btn--border--light:disabled {
  background-color: transparent;
  color: #E5E5E5;
}

.btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled):active, .btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled).active,
.show > .btn.btn--border--light.dropdown-toggle {
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  color: #212529;
}

.btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled):active:not(:disabled):not(.disabled):not(.btn--disabled):focus, .btn.btn--border--light:not(:disabled):not(.disabled):not(.btn--disabled).active:not(:disabled):not(.disabled):not(.btn--disabled):focus,
.show > .btn.btn--border--light.dropdown-toggle:not(:disabled):not(.disabled):not(.btn--disabled):focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(229, 229, 229, 0.5);
          box-shadow: inset 0 3px 5px rgba(17, 17, 17, 0.125), 0 0 0 1px rgba(229, 229, 229, 0.5);
}

input[type="submit"].btn--block,
input[type="reset"].btn--block,
input[type="button"].btn--block {
  width: 100%;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Components > Mask
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mask.mask_white--4 {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

.mask.mask_white--8 {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.mask.mask_white--12 {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.mask.mask_white--16 {
  background-color: rgba(255, 255, 255, 0.16) !important;
}

.mask.mask_white--20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.mask.mask_white--24 {
  background-color: rgba(255, 255, 255, 0.24) !important;
}

.mask.mask_white--28 {
  background-color: rgba(255, 255, 255, 0.28) !important;
}

.mask.mask_white--32 {
  background-color: rgba(255, 255, 255, 0.32) !important;
}

.mask.mask_white--36 {
  background-color: rgba(255, 255, 255, 0.36) !important;
}

.mask.mask_white--40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mask.mask_white--44 {
  background-color: rgba(255, 255, 255, 0.44) !important;
}

.mask.mask_white--48 {
  background-color: rgba(255, 255, 255, 0.48) !important;
}

.mask.mask_white--52 {
  background-color: rgba(255, 255, 255, 0.52) !important;
}

.mask.mask_white--56 {
  background-color: rgba(255, 255, 255, 0.56) !important;
}

.mask.mask_white--60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.mask.mask_white--64 {
  background-color: rgba(255, 255, 255, 0.64) !important;
}

.mask.mask_white--68 {
  background-color: rgba(255, 255, 255, 0.68) !important;
}

.mask.mask_white--72 {
  background-color: rgba(255, 255, 255, 0.72) !important;
}

.mask.mask_white--76 {
  background-color: rgba(255, 255, 255, 0.76) !important;
}

.mask.mask_white--80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.mask.mask_white--84 {
  background-color: rgba(255, 255, 255, 0.84) !important;
}

.mask.mask_white--88 {
  background-color: rgba(255, 255, 255, 0.88) !important;
}

.mask.mask_white--92 {
  background-color: rgba(255, 255, 255, 0.92) !important;
}

.mask.mask_white--96 {
  background-color: rgba(255, 255, 255, 0.96) !important;
}

.mask.mask_white--100 {
  background-color: white !important;
}

.mask.mask_dark--4 {
  background-color: rgba(17, 17, 17, 0.04) !important;
}

.mask.mask_dark--8 {
  background-color: rgba(17, 17, 17, 0.08) !important;
}

.mask.mask_dark--12 {
  background-color: rgba(17, 17, 17, 0.12) !important;
}

.mask.mask_dark--16 {
  background-color: rgba(17, 17, 17, 0.16) !important;
}

.mask.mask_dark--20 {
  background-color: rgba(17, 17, 17, 0.2) !important;
}

.mask.mask_dark--24 {
  background-color: rgba(17, 17, 17, 0.24) !important;
}

.mask.mask_dark--28 {
  background-color: rgba(17, 17, 17, 0.28) !important;
}

.mask.mask_dark--32 {
  background-color: rgba(17, 17, 17, 0.32) !important;
}

.mask.mask_dark--36 {
  background-color: rgba(17, 17, 17, 0.36) !important;
}

.mask.mask_dark--40 {
  background-color: rgba(17, 17, 17, 0.4) !important;
}

.mask.mask_dark--44 {
  background-color: rgba(17, 17, 17, 0.44) !important;
}

.mask.mask_dark--48 {
  background-color: rgba(17, 17, 17, 0.48) !important;
}

.mask.mask_dark--52 {
  background-color: rgba(17, 17, 17, 0.52) !important;
}

.mask.mask_dark--56 {
  background-color: rgba(17, 17, 17, 0.56) !important;
}

.mask.mask_dark--60 {
  background-color: rgba(17, 17, 17, 0.6) !important;
}

.mask.mask_dark--64 {
  background-color: rgba(17, 17, 17, 0.64) !important;
}

.mask.mask_dark--68 {
  background-color: rgba(17, 17, 17, 0.68) !important;
}

.mask.mask_dark--72 {
  background-color: rgba(17, 17, 17, 0.72) !important;
}

.mask.mask_dark--76 {
  background-color: rgba(17, 17, 17, 0.76) !important;
}

.mask.mask_dark--80 {
  background-color: rgba(17, 17, 17, 0.8) !important;
}

.mask.mask_dark--84 {
  background-color: rgba(17, 17, 17, 0.84) !important;
}

.mask.mask_dark--88 {
  background-color: rgba(17, 17, 17, 0.88) !important;
}

.mask.mask_dark--92 {
  background-color: rgba(17, 17, 17, 0.92) !important;
}

.mask.mask_dark--96 {
  background-color: rgba(17, 17, 17, 0.96) !important;
}

.mask.mask_dark--100 {
  background-color: #111111 !important;
}

.mask.mask_primary--4 {
  background-color: rgba(209, 3, 16, 0.04) !important;
}

.mask.mask_primary--8 {
  background-color: rgba(209, 3, 16, 0.08) !important;
}

.mask.mask_primary--12 {
  background-color: rgba(209, 3, 16, 0.12) !important;
}

.mask.mask_primary--16 {
  background-color: rgba(209, 3, 16, 0.16) !important;
}

.mask.mask_primary--20 {
  background-color: rgba(209, 3, 16, 0.2) !important;
}

.mask.mask_primary--24 {
  background-color: rgba(209, 3, 16, 0.24) !important;
}

.mask.mask_primary--28 {
  background-color: rgba(209, 3, 16, 0.28) !important;
}

.mask.mask_primary--32 {
  background-color: rgba(209, 3, 16, 0.32) !important;
}

.mask.mask_primary--36 {
  background-color: rgba(209, 3, 16, 0.36) !important;
}

.mask.mask_primary--40 {
  background-color: rgba(209, 3, 16, 0.4) !important;
}

.mask.mask_primary--44 {
  background-color: rgba(209, 3, 16, 0.44) !important;
}

.mask.mask_primary--48 {
  background-color: rgba(209, 3, 16, 0.48) !important;
}

.mask.mask_primary--52 {
  background-color: rgba(209, 3, 16, 0.52) !important;
}

.mask.mask_primary--56 {
  background-color: rgba(209, 3, 16, 0.56) !important;
}

.mask.mask_primary--60 {
  background-color: rgba(209, 3, 16, 0.6) !important;
}

.mask.mask_primary--64 {
  background-color: rgba(209, 3, 16, 0.64) !important;
}

.mask.mask_primary--68 {
  background-color: rgba(209, 3, 16, 0.68) !important;
}

.mask.mask_primary--72 {
  background-color: rgba(209, 3, 16, 0.72) !important;
}

.mask.mask_primary--76 {
  background-color: rgba(209, 3, 16, 0.76) !important;
}

.mask.mask_primary--80 {
  background-color: rgba(209, 3, 16, 0.8) !important;
}

.mask.mask_primary--84 {
  background-color: rgba(209, 3, 16, 0.84) !important;
}

.mask.mask_primary--88 {
  background-color: rgba(209, 3, 16, 0.88) !important;
}

.mask.mask_primary--92 {
  background-color: rgba(209, 3, 16, 0.92) !important;
}

.mask.mask_primary--96 {
  background-color: rgba(209, 3, 16, 0.96) !important;
}

.mask.mask_primary--100 {
  background-color: #d10310 !important;
}

.mask.mask_square {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZyBpZD0iR3JvdXBfODI4MjQiIGRhdGEtbmFtZT0iR3JvdXAgODI4MjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjEgLTE1OCkiPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDExNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMTYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMiAxNTkpIiBmaWxsPSIjOWI5YjliIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTE3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDExNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIxIDE1OCkiIGZpbGw9IiM5YjliOWIiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjYiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTI2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjIgMTU4KSIgZmlsbD0iI2ZiZmJmYiIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDEyNyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3MCAxNTgpIiBmaWxsPSIjZmJmYmZiIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTI1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDEyNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIxIDE1OSkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjgiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjEgMjA3KSIgZmlsbD0iI2ZmZiIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDExOSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMTkiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMiAyMDcpIiBmaWxsPSIjOWI5YjliIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTIxIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDEyMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcwIDIwNykiIGZpbGw9IiM5YjliOWIiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzAgMTU5KSIgZmlsbD0iIzliOWI5YiIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDExOCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMTgiIHdpZHRoPSIxIiBoZWlnaHQ9IjQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjEgMTYwKSIgZmlsbD0iI2U5ZTllOCIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yNDEyMiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjQxMjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzAgMTU4KSByb3RhdGUoOTApIiBmaWxsPSIjZTllOWU4Ii8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI0MTI0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyNDEyNCIgd2lkdGg9IjEiIGhlaWdodD0iNDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3MCAyMDcpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjQxMjAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI0MTIwIiB3aWR0aD0iMSIgaGVpZ2h0PSI0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcwIDE2MCkiIGZpbGw9IiNlOWU5ZTgiLz4KICA8L2c+Cjwvc3ZnPgo=");
  background-size: 2rem 2rem;
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: 0;
  filter: alpha(opacity=72);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=72);
  opacity: 0.72;
}

.mask.mask_lattice {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Rectangle_116328' data-name='Rectangle 116328' fill='%23fff' stroke='%23eae7f5' stroke-width='0.25'%3E%3Crect width='24' height='24' stroke='none'/%3E%3Crect x='0.125' y='0.125' width='23.75' height='23.75' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 2rem 2rem;
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: 0;
  filter: alpha(opacity=72);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=72);
  opacity: 0.72;
}

.mask.mask_wave {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAP0lEQVQoU42Q0QoAIAgDz///aMPAKKeQb26HTg0tB6zKVUhI4Bus5tMn2K4Djh7gBGXM7Uvo5riQ/BfUNwwTWfn+Cgg4zkoRAAAAAElFTkSuQmCC) repeat;
  filter: alpha(opacity=16);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=16);
  opacity: 0.16;
}

.mask.mask_slash {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAN0lEQVQoU2NkIAIwEqHmPyFF/xkYGBgJKQJbhEsR2ASYU7ApQlGAzyQU/yCbhGECunU4FYAUAgBp4wYJ31jKswAAAABJRU5ErkJggg==) repeat;
  filter: alpha(opacity=16);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=16);
  opacity: 0.16;
}



.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Pages > Recruirment
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.datepicker.datepicker-dropdown {
  width: auto;
}

/*  Recruitment Jumbotron
----------------------------------------  */
.recruitment-jumbotron {
  background: #0e6e4a;
  background: -o-linear-gradient(315deg, #0e6e4a 0%, #42a882 100%);
  background: linear-gradient(135deg, #0e6e4a 0%, #42a882 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e6e4a",endColorstr="#42a882",GradientType=1);
  position: relative;
  padding-top: 2.25rem;
  z-index: 1;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron {
    padding-bottom: 5.25rem;
  }
}

.recruitment-jumbotron .total {
  display: none;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .total {
    display: block;
    background-color: #021711;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: .5rem 0;
    filter: alpha(opacity=88);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
    opacity: 0.88;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .recruitment-jumbotron .total strong {
    color: #58f3c5;
    font-size: 150%;
  }
}

.recruitment-jumbotron .mask_grey {
  background-color: #F0F0F0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  z-index: -1;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .mask_grey {
    display: none;
  }
}

.recruitment-jumbotron h2 {
  color: #fff;
  font-weight: bolder;
  text-shadow: 0 2px 8px rgba(33, 37, 41, 0.16);
}

.recruitment-jumbotron .hint {
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .hint {
    width: 80%;
  }
}

.recruitment-jumbotron .bg-peoples {
  background-image: url("../../img/img-recruit-peoples.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -2rem;
  right: 10rem;
  width: 16.75rem;
  height: 13.75rem;
  z-index: -1;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .bg-peoples {
    display: none;
  }
}

.recruitment-jumbotron .bg-people {
  background-image: url("../../img/img-recruit-people.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -2rem;
  right: 1rem;
  width: 12.125rem;
  height: 13.75rem;
  z-index: -1;
}

.recruitment-jumbotron .search-box {
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 2px 4px 12px rgba(33, 37, 41, 0.12);
          box-shadow: 2px 4px 12px rgba(33, 37, 41, 0.12);
  font-size: 0;
  padding: 1.25rem 0.625rem 1.25rem 1.25rem;
  z-index: 1;
  display: flex;
}
@media (max-width: 767px) {
    .recruitment-jumbotron .search-box  {
        flex-wrap: wrap;
    }
}

.recruitment-jumbotron .search-box input {
  background-color: #fff;
  border: 2px #D9D9D9 solid;
  border-radius: 4px;
  color: #212529;
  font-size: 1rem;
  padding: 1rem 1.25rem;
  -webkit-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

.recruitment-jumbotron .search-box input:focus {
  border-color: #0ca678;
  outline: none;
}

.recruitment-jumbotron .search-box input:hover {
  border-color: #0fd69a;
  background-color: #e7fdf7;
}

.recruitment-jumbotron .search-box input::-webkit-input-placeholder {
  color: #A6A7A9;
}

.recruitment-jumbotron .search-box input::-moz-placeholder {
  color: #A6A7A9;
}

.recruitment-jumbotron .search-box input:-ms-input-placeholder {
  color: #A6A7A9;
}

.recruitment-jumbotron .search-box input::-ms-input-placeholder {
  color: #A6A7A9;
}

.recruitment-jumbotron .search-box input::placeholder {
  color: #A6A7A9;
}

.recruitment-jumbotron .search-box .input-daterange {
  display: inline-block;
  vertical-align: middle;
  width: 64.5%;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .search-box .input-daterange {
    width: 100%;
    max-height: 0;
    visibility: hidden;
    -webkit-transition: max-height ease-in-out .125s;
    -o-transition: max-height ease-in-out .125s;
    transition: max-height ease-in-out .125s;
  }
  .recruitment-jumbotron .search-box .input-daterange.open {
    max-height: 100px;
    visibility: visible;
  }
}

.recruitment-jumbotron .search-box .range-btn {
  display: none;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .search-box .range-btn {
    display: inline-block;
    vertical-align: middle;
    margin-top: .5rem;
    padding: 0 .5rem 0 0;
    width: 25%;
  }
}

.recruitment-jumbotron .search-box .range-btn .btn-dict {
  font-size: 1.125rem;
  margin: .5rem 0 0 0;
  padding: 1rem 0;
  width: 100%;
}

@media all and (min-width: 992px) {
  .recruitment-jumbotron .search-box .range-btn .btn-dict {
    display: none;
  }
}

.recruitment-jumbotron .search-box .search-box-col {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  padding-right: 0.625rem;
}

.recruitment-jumbotron .search-box .search-box-col:not(.range-box) {
  width: 25%;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .search-box .search-box-col:not(.range-box) {
    width: 100%;
  }
  .recruitment-jumbotron .search-box .search-box-col:not(.range-box):not(:first-of-type) {
    margin-top: .5rem;
  }
}

.recruitment-jumbotron .search-box .search-box-col.range-box {
  width: 49.615%;
}

@media all and (max-width: 992px) {
  .recruitment-jumbotron .search-box .search-box-col.search-btn {
    width: 74.9%;
  }
}

.recruitment-jumbotron .search-box .search-box-col input {
  width: 100%;
  cursor: pointer;
}

@media all and (max-width: 768px) {
  .recruitment-jumbotron .search-box .search-box-col input {
    font-size: 1.1875rem;
  }
}

.recruitment-jumbotron .search-box .search-box-col .bootstrap-datetimepicker-widget a {
  display: block;
}

.recruitment-jumbotron .search-box .search-box-col .date.date-group {
  color: #212529;
  padding: 0;
  margin: .5rem 0 0 0;
  position: relative;
  width: 100%;
}

@media all and (max-width: 576px) {
  .recruitment-jumbotron .search-box .search-box-col .date.date-group input {
    padding-right: 3rem;
  }
}

.recruitment-jumbotron .search-box .search-box-col .date.date-group > a {
  color: #0CA678;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.75rem;
  height: 3.75rem;
}

.recruitment-jumbotron .search-box .search-box-col .date.date-group > a i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.recruitment-jumbotron .search-box .search-box-col .btn {
  font-size: 1.125rem;
  margin: 0;
  padding: 1rem;
  width: 100%;
}

@media all and (max-width: 768px) {
  .recruitment-jumbotron .search-box .search-box-col .btn {
    font-size: 1.25rem;
  }
}

.recruitment-jumbotron .search-box .search-box-col .btn i {
  margin-right: .5rem;
  vertical-align: middle;
}

/*  Recruitment Tab
----------------------------------------  */
.recruitment-maincnt {
  background-color: #F0F0F0;
  padding: 2.25rem 0 3rem 0;
}

/*  Tab Styles 
----------------------------------------  */
.recruit-tab {
  position: relative;
  font-size: 0;
}

.recruit-tab .recruit-tab-navs {
  position: relative;
  background-color: #fff;
  border-radius: 5rem;
  padding: .375rem 1.25rem;
  text-align: center;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruit-tab-navs {
    display: none;
  }
}

.recruit-tab .recruit-tab-navs.nav-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.recruit-tab .recruit-tab-navs.nav-grab .recruit-tab-nav {
  cursor: -webkit-grab;
  cursor: grab;
}

.recruit-tab .recruit-tab-navs label:not(:last-child) {
  margin-right: .25rem;
}

.recruit-tab .recruit-tab-navs .recruit-tab-nav {
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  color: #B5B6B7;
  font-size: 1rem;
  margin-bottom: 0;
  padding: .75rem 1rem .5rem;
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.recruit-tab .recruit-tab-navs .recruit-tab-nav:hover {
  color: #212529;
}

.recruit-tab #recruit1:checked ~ .recruit-tab-navs #recruit_1_lab,
.recruit-tab #recruit2:checked ~ .recruit-tab-navs #recruit_2_lab,
.recruit-tab #recruit3:checked ~ .recruit-tab-navs #recruit_3_lab,
.recruit-tab #recruit4:checked ~ .recruit-tab-navs #recruit_4_lab,
.recruit-tab #recruit5:checked ~ .recruit-tab-navs #recruit_5_lab {
  color: #212529;
  font-size: 1.125rem;
}

.recruit-tab #recruit1:checked ~ .recruit-tab-navs #recruit_1_lab .num,
.recruit-tab #recruit2:checked ~ .recruit-tab-navs #recruit_2_lab .num,
.recruit-tab #recruit3:checked ~ .recruit-tab-navs #recruit_3_lab .num,
.recruit-tab #recruit4:checked ~ .recruit-tab-navs #recruit_4_lab .num,
.recruit-tab #recruit5:checked ~ .recruit-tab-navs #recruit_5_lab .num {
  color: #0a8661;
}

.recruit-tab .recruit-tab-tools-bar {
  position: relative;
  margin-top: 2.25rem;
  padding-left: .75rem;
  padding-right: .75rem;
  text-align: right;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruit-tab-tools-bar {
    margin-top: 0;
    margin-bottom: 1.125rem;
    text-align: center;
  }
}

@media all and (max-width: 576px) {
  .recruit-tab .recruit-tab-tools-bar {
    padding-left: 0;
    padding-right: 0;
  }
}

.recruit-tab .recruit-tab-tools-bar .total {
  font-size: 1rem;
  position: absolute;
  left: .75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 700;
}

.recruit-tab .recruit-tab-tools-bar .total strong {
  color: #0b9b70;
  font-size: 1.25rem;
}

@media all and (max-width: 1200px) {
  .recruit-tab .recruit-tab-tools-bar .total {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 992px) {
  .recruit-tab .recruit-tab-tools-bar .total {
    display: none;
  }
}

.recruit-tab .recruit-tab-tools-bar :not(:last-child) {
  margin-right: .5rem;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruit-tab-tools-bar .filter-group .chk-lab {
    font-size: 1.25rem;
  }
}

@media all and (max-width: 576px) {
  .recruit-tab .recruit-tab-tools-bar .filter-group .chk-lab {
    font-size: 1rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content {
  position: relative;
  display: none;
  font-size: initial;
  padding: 1rem;
  -webkit-animation: fadeIn .75s ease-in-out;
          animation: fadeIn .75s ease-in-out;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item {
  background-color: #fff;
  border-radius: 8px;
  font-size: 0;
  margin-bottom: 1rem;
  padding: .375rem;
  overflow: hidden;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item {
    padding: 1rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt {
  background-color: rgba(12, 166, 120, 0.16);
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt {
    background-color: #fff;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt .recruit-tags {
  background-color: #0CA678;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt .lt-img-box {
  position: absolute;
  top: calc(50% - 20.5px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt .lt-img-box {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    padding: 0;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt .lt-date {
  color: #097656;
  position: absolute;
  top: calc(50% - 20.5px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .lt-cnt .lt-date.interval .date-group:first-of-type:after {
  background-color: #097656;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .ct-cnt .ct-title {
  background-image: -o-linear-gradient(left, rgba(12, 166, 120, 0.66) 0%, rgba(12, 166, 120, 0.48) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(12, 166, 120, 0.66)), to(rgba(12, 166, 120, 0.48)));
  background-image: linear-gradient(90deg, rgba(12, 166, 120, 0.66) 0%, rgba(12, 166, 120, 0.48) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0CA678", endColorstr="#0CA678", GradientType=1);
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.online .ct-cnt .ct-txt dl dd big {
  color: #0CA678;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .lt-cnt {
  background-color: rgba(247, 131, 172, 0.16);
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .lt-cnt .recruit-tags {
  background-color: #F783AC;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .lt-cnt .lt-img-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .lt-cnt .lt-img-box {
    display: none;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .lt-cnt .lt-date {
  color: #a30b41;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .lt-cnt .lt-date.interval .date-group:first-of-type:after {
  background-color: #a30b41;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .ct-cnt .ct-title {
  background-image: -o-linear-gradient(left, rgba(247, 131, 172, 0.66) 0%, rgba(247, 131, 172, 0.48) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(247, 131, 172, 0.66)), to(rgba(247, 131, 172, 0.48)));
  background-image: linear-gradient(90deg, rgba(247, 131, 172, 0.66) 0%, rgba(247, 131, 172, 0.48) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F783AC", endColorstr="#F783AC", GradientType=1);
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item.onsite .ct-cnt .ct-txt dl dd big {
  color: #F783AC;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt,
.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt,
.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt {
  font-size: 1rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px 0 0 6px;
  width: 10rem;
  height: 10rem;
  text-align: center;
}

@media all and (max-width: 1200px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt {
    width: 10rem;
  }
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt {
    display: block;
    text-align: left;
    width: 100%;
    height: auto;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-img-box {
  padding: .5rem;
  width: 100%;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-img-box img {
  border-radius: 4px;
  max-width: 100%;
  width: 100%;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date {
    display: none;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group {
  position: relative;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group:first-of-type {
  padding-left: 1.5rem;
  text-align: left;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group:first-of-type:after {
  /*content: '';*/
  width: 1.875rem;
  /*height: 1px;*/
  background-color: #097656;
  position: absolute;
  left: 50%;
  bottom: 0;
  /*-webkit-transform: translateX(-50%) rotate(-45deg);
      -ms-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);*/

  content: '~';
  width: 1.875rem;
  height: 0px;
  -webkit-transform: translateX(-150%) rotate(-90deg);
      -ms-transform: translateX(-150%) rotate(-90deg);
          transform: translateX(-150%) rotate(-90deg);
  font-size: xx-large;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group:last-of-type {
  padding-left: 1.5rem;
  text-align: left;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group .date-cnt {
  display: inline-block;
  /*vertical-align: middle;*/
  vertical-align: bottom;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group .date-cnt .month {
  font-family: 'futura-pt';
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group .date-cnt .week {
  font-family: 'futura-pt';
  font-weight: 400;
  font-style: normal;
  font-size: .75rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.interval .date-group .day {
  display: inline-block;
  vertical-align: middle;
  font-family: 'futura-pt';
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  letter-spacing: -2px;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.single .date-group .date-cnt {
  display: inline-block;
  /*vertical-align: middle;*/
  vertical-align: bottom;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.single .date-group .date-cnt .month {
  font-family: 'futura-pt';
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.single .date-group .date-cnt .week {
  font-family: 'futura-pt';
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .lt-date.single .date-group .day {
  display: inline-block;
  vertical-align: middle;
  font-family: 'futura-pt';
  font-weight: 700;
  font-style: normal;
  font-size: 4rem;
  letter-spacing: -10px;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .recruit-tags {
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-size: .875rem;
  padding: .375rem 0;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  width: 90%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .lt-cnt .recruit-tags {
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    width: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    margin-top: .75rem;
    margin-left: .75rem;
    margin-bottom: 1rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt {
  border-right: #e5e5e5 1px solid;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: calc(100% - 26rem);
}

@media all and (max-width: 1200px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt {
    width: calc(100% - 22rem);
  }
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt {
    border-right: transparent 1px solid;
    display: block;
    text-align: left;
    width: 100%;
    padding-bottom: 1rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-title {
  display: inline;
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 100%;
  font-size: 1.25rem;
  font-weight: bolder;
  line-height: 1.75;
  padding-bottom: .25rem;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-title {
    font-size: 1.375rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt {
  font-size: 0;
  padding-top: .5rem;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt {
    padding-top: 1rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt .txt-col {
  display: inline-block;
  vertical-align: top;
  width: 49.95%;
  padding: 0 1rem 0 0;
  clear: both;
}

@media all and (max-width: 768px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt .txt-col {
    display: block;
    width: 100%;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl {
  font-size: 0;
  margin-top: .5rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dt {
  display: inline-block;
  vertical-align: top;
  width: 38%;
  color: #444444;
  font-size: .875rem;
  line-height: 1.75;
  background-color: rgba(245,245,245, 0.8);
   padding: 0.25rem;
   border-radius: 4px;
   float: left;
   margin-bottom:0.25rem;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dt {
    font-size: 1rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dd {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  font-size: .875rem;
  padding: 0.25rem;
  line-height: 1.75;
  white-space: pre-line;
  margin-bottom:0.25rem;
  margin-left:2%;
  float: left;
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dd {
    font-size: 1rem;
  }
}

@media all and (max-width: 768px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dd {
    white-space: inherit;
  }
}

@media screen and (max-width: 576px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dt {
    width: 30%;
  }
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dd {
    width: 65%;
    
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .ct-cnt .ct-txt dl dd big {
  font-weight: bolder;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 15.95rem;
}

@media all and (max-width: 1200px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt {
    width: 12rem;
  }
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt {
    margin-top: 1rem;
    display: block;
    width: 100%;
  }
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt .btn {
    border-width: 2px;
    font-size: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
  }
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt .btn span {
    font-size: 1.25rem;
  }
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt .btn i {
  margin-right: .5rem;
}

.recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt .location {
  font-size: .875rem;
  padding-top: .5rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media all and (max-width: 992px) {
  .recruit-tab .recruittabs-contents .recruittabs-content .recruit-list .recruit-list-item .rt-cnt .location {
    font-size: 1rem;
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.recruit-tab #recruit1:checked ~ .recruittabs-contents #recruittabs_content_1,
.recruit-tab #recruit2:checked ~ .recruittabs-contents #recruittabs_content_2,
.recruit-tab #recruit3:checked ~ .recruittabs-contents #recruittabs_content_3,
.recruit-tab #recruit4:checked ~ .recruittabs-contents #recruittabs_content_4,
.recruit-tab #recruit5:checked ~ .recruittabs-contents #recruittabs_content_5 {
  display: block;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*  Filter Group
----------------------------------------  */
.filter-group {
  position: relative;
  background-color: #fff;
  border: solid #E5E5E5 1px;
  border-radius: 3rem;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  z-index: 2;
}

.filter-group .chk-inp ~ .chk-lab {
  display: block;
  border-radius: 3rem;
  padding: .5rem 1.25rem;
}

.filter-group .chk-inp ~ .chk-lab .box {
  position: relative;
  border-radius: 4px;
  height: 1.375rem;
  width: 1.375rem;
}

.filter-group .chk-inp ~ .chk-lab .box:after {
  width: .5rem;
  height: .875rem;
}

.filter-group .chk-inp ~ .chk-lab:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

.filter-group .chk-inp:checked ~ .chk-lab {
  color: #fff;
}

.filter-group .chk-inp:checked ~ .chk-lab:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}

.filter-group .chk-inp:checked ~ .chk-lab .box {
  background-color: #fff;
}

.online .filter-group:hover {
  background-color: #e7fdf7;
  color: #075f44;
}

.online .filter-group .chk-inp ~ .chk-lab .box {
  border: 2px solid #11edac;
}

.online .filter-group .chk-inp ~ .chk-lab .box:hover {
  border-color: #29efb4;
}

.online .filter-group .chk-inp ~ .chk-lab .box:before {
  background-color: #0CA678;
}

.online .filter-group .chk-inp ~ .chk-lab:before {
  background-color: #0CA678;
}

.online .filter-group .chk-inp:checked ~ .chk-lab .box {
  border-color: #fff;
}

.online .filter-group .chk-inp:checked ~ .chk-lab .box:after {
  border: solid #0CA678;
  border-width: 0 0.1875rem 0.1875rem 0;
}

.onsite .filter-group:hover {
  background-color: #feecf3;
  color: #f23b7c;
}

.onsite .filter-group .chk-inp ~ .chk-lab .box {
  border: 2px solid #fab3cc;
}

.onsite .filter-group .chk-inp ~ .chk-lab .box:hover {
  border-color: #fde3ec;
}

.onsite .filter-group .chk-inp ~ .chk-lab .box:before {
  background-color: #F783AC;
}

.onsite .filter-group .chk-inp ~ .chk-lab:before {
  background-color: #F783AC;
}

.onsite .filter-group .chk-inp:checked ~ .chk-lab .box {
  border-color: #fff;
}

.onsite .filter-group .chk-inp:checked ~ .chk-lab .box:after {
  border: solid #F783AC;
  border-width: 0 0.1875rem 0.1875rem 0;
}

.filter-group.online:hover {
  background-color: #e7fdf7;
  color: #075f44;
}

.filter-group.online .chk-inp ~ .chk-lab .box {
  border: 2px solid #11edac;
}

.filter-group.online .chk-inp ~ .chk-lab .box:hover {
  border-color: #29efb4;
}

.filter-group.online .chk-inp ~ .chk-lab .box:before {
  background-color: #0CA678;
}

.filter-group.online .chk-inp ~ .chk-lab:before {
  background-color: #0CA678;
}

.filter-group.online .chk-inp:checked ~ .chk-lab .box {
  border-color: #fff;
}

.filter-group.online .chk-inp:checked ~ .chk-lab .box:after {
  border: solid #0CA678;
  border-width: 0 0.1875rem 0.1875rem 0;
}

.filter-group.onsite:hover {
  background-color: #feecf3;
  color: #f23b7c;
}

.filter-group.onsite .chk-inp ~ .chk-lab .box {
  border: 2px solid #fab3cc;
}

.filter-group.onsite .chk-inp ~ .chk-lab .box:hover {
  border-color: #fde3ec;
}

.filter-group.onsite .chk-inp ~ .chk-lab .box:before {
  background-color: #F783AC;
}

.filter-group.onsite .chk-inp ~ .chk-lab:before {
  background-color: #F783AC;
}

.filter-group.onsite .chk-inp:checked ~ .chk-lab .box {
  border-color: #fff;
}

.filter-group.onsite .chk-inp:checked ~ .chk-lab .box:after {
  border: solid #F783AC;
  border-width: 0 0.1875rem 0.1875rem 0;
}

.filter-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.2' height='9.6' viewBox='0 0 19.2 9.6'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23212529;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M22.633,9.548a1.3,1.3,0,0,0,.149-2.032l-.127-.12a1.492,1.492,0,0,0-1.842-.144l-7.258,5.936L6.387,7.252A1.492,1.492,0,0,0,4.546,7.4l-.127.12a1.3,1.3,0,0,0,.149,2.032l8.126,6.779a1.5,1.5,0,0,0,1.724,0Z' transform='translate(-4 -7)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem top 50%;
  background-size: .875rem auto;
  border: 1px #E5E5E5 solid;
  border-radius: 3rem;
  cursor: pointer;
  color: #212529;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  padding: .55rem 2.5rem .55rem 1.625rem;
}

.filter-select::-ms-expand {
  display: none;
}

.filter-select:focus {
  border-color: #b7fae6;
}

.filter-select:hover {
  border-color: #b7fae6;
}

.filter-select:focus-visible {
  outline: none;
}

/*  re-pagination
----------------------------------------  */
.re-pagination {
  background-color: #fff;
  border-radius: 4rem;
  margin-top: 2rem;
  padding: 1rem 0;
  text-align: center;
}

.re-pagination * {
  position: relative;
}

.re-pagination ul {
  font-size: 0;
}

.re-pagination ul li {
  display: inline-block;
}

.re-pagination ul li.disabled a {
  color: #E5E5E5;
  cursor: not-allowed;
}

.re-pagination ul li.disabled a:hover {
  cursor: not-allowed;
  text-decoration: none;
  color: #E5E5E5;
}

.re-pagination ul li.disabled a:focus {
  outline: none;
}

.re-pagination ul li.disabled .arrow-icon .arrow {
  background-color: #E5E5E5;
}

.re-pagination ul li.disabled .arrow-icon .arrow.lt-long-arrow:before {
  border-right-color: #E5E5E5;
}

.re-pagination ul li.disabled .arrow-icon .arrow.rt-long-arrow:before {
  border-left-color: #E5E5E5;
}

.re-pagination ul li.disabled .arrow-icon:hover .arrow {
  background-color: #E5E5E5;
}

.re-pagination ul li.disabled .arrow-icon:hover .arrow.lt-long-arrow:before {
  border-right-color: #E5E5E5;
}

.re-pagination ul li.disabled .arrow-icon:hover .arrow.rt-long-arrow:before {
  border-left-color: #E5E5E5;
}

.re-pagination ul li.disabled .arrow-icon:focus {
  outline: none;
}

.re-pagination ul li:first-child {
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.re-pagination ul li:last-child {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.re-pagination ul li a {
  font-size: 1rem;
  display: block;
  width: 100%;
  height: 100%;
  padding: .5rem;
  color: #B5B6B7;
}

.re-pagination ul li a:hover {
  color: #0CA678;
  text-decoration: none;
}

.re-pagination .arrow-icon:hover .arrow {
  background-color: #0CA678;
}

.re-pagination .arrow-icon:hover .arrow.lt-long-arrow:before {
  border-right-color: #0CA678;
}

.re-pagination .arrow-icon:hover .arrow.rt-long-arrow:before {
  border-left-color: #0CA678;
}

.re-pagination .arrow-icon .arrow {
  background-color: #B5B6B7;
  width: 2rem;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}

.re-pagination .arrow-icon .arrow.lt-long-arrow:before,
.re-pagination .arrow-icon .arrow.rt-long-arrow:before {
  content: '';
  position: absolute;
  top: -4px;
  border-width: 5px;
  border-style: dashed;
  border-color: transparent;
}

.re-pagination .arrow-icon .arrow.lt-long-arrow:before {
  left: -6px;
  border-right-style: solid;
  border-right-color: #B5B6B7;
}

.re-pagination .arrow-icon .arrow.rt-long-arrow:before {
  right: -6px;
  border-left-style: solid;
  border-left-color: #B5B6B7;
}

/** –––––––––––––––––––––––––––––––––––––––––––––––––––––––––
//  Pages > Recruirment
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*  Recruitment Jumbotron
----------------------------------------  */
.recruitment-header {
  position: relative;
  z-index: 1;
}

.recruitment-header .mask_grey {
  background-color: #F0F0F0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  z-index: -1;
}

.online .recruitment-header {
  background: #0e6e4a;
  background: -o-linear-gradient(315deg, #0e6e4a 0%, #42a882 100%);
  background: linear-gradient(135deg, #0e6e4a 0%, #42a882 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e6e4a",endColorstr="#42a882",GradientType=1);
}

.online .recruitment-header .recruitment-header-cnt {
  -webkit-box-shadow: 0 2px 24px rgba(18, 184, 134, 0.12);
          box-shadow: 0 2px 24px rgba(18, 184, 134, 0.12);
}

.online .recruitment-header .recruitment-header-cnt .recruit-tags {
  background-color: #0CA678;
}

.online .recruitment-header .recruitment-header-cnt .heading-wrapper .heading {
  background-image: -o-linear-gradient(left, rgba(12, 166, 120, 0.24) 0%, rgba(12, 166, 120, 0.2) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(12, 166, 120, 0.24)), to(rgba(12, 166, 120, 0.2)));
  background-image: linear-gradient(90deg, rgba(12, 166, 120, 0.24) 0%, rgba(12, 166, 120, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ca6783d", endColorstr="#0ca67833", GradientType=1);
}

.onsite .recruitment-header {
  background: #f06595;
  background: -o-linear-gradient(315deg, #f06595 0%, #faa2c1 100%);
  background: linear-gradient(135deg, #f06595 0%, #faa2c1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f06595",endColorstr="#faa2c1",GradientType=1);
}

.onsite .recruitment-header .recruitment-header-cnt {
  -webkit-box-shadow: 0 2px 24px rgba(247, 131, 172, 0.12);
          box-shadow: 0 2px 24px rgba(247, 131, 172, 0.12);
}

.onsite .recruitment-header .recruitment-header-cnt .recruit-tags {
  background-color: #F783AC;
}

.onsite .recruitment-header .recruitment-header-cnt .heading-wrapper .heading {
  background-image: -o-linear-gradient(left, rgba(247, 131, 172, 0.24) 0%, rgba(247, 131, 172, 0.2) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(247, 131, 172, 0.24)), to(rgba(247, 131, 172, 0.2)));
  background-image: linear-gradient(90deg, rgba(247, 131, 172, 0.24) 0%, rgba(247, 131, 172, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F783AC", endColorstr="#F783AC", GradientType=1);
}

.recruitment-header .recruitment-header-cnt {
  background-color: #fff;
  border-radius: 4px;
  padding: 1rem;
  position: relative;
}

.recruitment-header .recruitment-header-cnt .recruit-tags {
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-size: .875rem;
  padding: .375rem .75rem;
}

.recruitment-header .recruitment-header-cnt .heading-wrapper {
  margin-top: .5rem;
}

.recruitment-header .recruitment-header-cnt .heading-wrapper .heading {
  display: inline;
  background-size: 100% 10px;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 100%;
  font-size: 1.875rem;
  font-weight: bolder;
  line-height: 1.75;
  padding-bottom: .25rem;
}

.recruitment-header .recruitment-header-cnt .heading-detail {
  background-color: #F0F0F0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 0;
  margin-top: 1rem;
  padding: .75rem 1.25rem 0;
}

.recruitment-header .recruitment-header-cnt .heading-detail .detail-col {
  display: inline-block;
  vertical-align: top;
  width: 49.95%;
  padding: 0 1rem 0 0;
}

@media all and (max-width: 768px) {
  .recruitment-header .recruitment-header-cnt .heading-detail .detail-col {
    width: 100%;
  }
}

.recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl {
  font-size: 0;
  margin-bottom: .75rem;
}

.recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dt {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  color: #A6A7A9;
  font-size: 1rem;
  line-height: 1.75;
}

@media all and (max-width: 992px) {
  .recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dt {
    width: 25%;
  }
}

@media all and (max-width: 768px) {
  .recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dt {
    font-size: 1.125rem;
  }
}

.recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dd {
  display: inline-block;
  vertical-align: top;
  width: 79.9%;
  font-size: 1rem;
  padding-left: .5rem;
  line-height: 1.75;
  white-space: pre-line;
}

@media all and (max-width: 992px) {
  .recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dd {
    width: 75%;
  }
}

@media all and (max-width: 768px) {
  .recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dd {
    font-size: 1.125rem;
    white-space: inherit;
  }
}

.recruitment-header .recruitment-header-cnt .heading-detail .detail-col dl dd big {
  font-weight: bolder;
}

/*  Badge Corp 
----------------------------------------  */
.badge-corp {
  background-color: #fff;
  border: #e5e5e5 1px solid;
  border-radius: 4px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 4rem;
  position: absolute;
  right: .5rem;
  top: .5rem;
}

.badge-corp dt {
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 1rem;
  font-weight: bolder;
  padding: .25rem;
  text-shadow: 0 3px 6px rgba(33, 37, 41, 0.16);
  width: 100%;
}

.online .badge-corp dt {
  background-color: #0fd69a;
}

.onsite .badge-corp dt {
  background-color: #f99bbc;
}

.badge-corp dd {
  font-size: 1rem;
  width: 100%;
  text-shadow: 0 3px 6px rgba(33, 37, 41, 0.16);
}

.badge-corp dd big,.badge-corp dd wbig {
  font-size: 125%;
  font-weight: bolder;
  padding: .25rem;
}

/*  Recruitment Detail
----------------------------------------  */
.recruitment-detail {
  background-color: #F0F0F0;
  padding-bottom: 2rem;
}

.recruitment-detail .recruitment-detail-cnt {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  padding: 1.5rem 1.875rem;
}

.recruitment-detail .recruitment-detail-cnt .detail-title {
  margin-bottom: 1.25rem;
  position: relative;
  z-index: 1;
}

.recruitment-detail .recruitment-detail-cnt .detail-title span {
  display: inline-block;
  background-color: #fff;
  font-size: 1.25rem;
  font-weight: bolder;
  padding-left: 1.75rem;
  padding-right: .5rem;
}

.recruitment-detail .recruitment-detail-cnt .detail-title:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.online .recruitment-detail .recruitment-detail-cnt .detail-title:before {
  background-color: #b7fae6;
}

.onsite .recruitment-detail .recruitment-detail-cnt .detail-title:before {
  background-color: #fde3ec;
}

.recruitment-detail .recruitment-detail-cnt .detail-title:after {
  content: '';
  background-color: #e5e5e5;
  width: 100%;
  height: 1px;
  border-radius: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

.recruitment-detail .recruitment-detail-cnt img {
  margin-bottom: 1.25rem;
  max-width: 100%;
}

.recruitment-detail .recruitment-detail-cnt .detail-txt-cnt {
  line-height: 1.75;
  word-break: break-word;
}

@media all and (max-width: 768px) {
  .mask_search {
    opacity: .36;
  }
}

.online .mask_search {
  background-image: url("../../img/img_search.png");
  background-size: 28rem;
  background-position: right bottom;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  .online .mask_search {
    background-image: url("../../img/img_search@2x.png");
  }
}

.onsite .mask_search {
  background-image: url("../../img/img_search_onsite.png");
  background-size: 28rem;
  background-position: right bottom;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  .onsite .mask_search {
    background-image: url("../../img/img_search_onsite@2x.png");
  }
}

/*  Recruitment Search
----------------------------------------  */
.recruitment-search {
  position: relative;
}

.online .recruitment-search {
  background-color: #cffcee;
}

.onsite .recruitment-search {
  background-color: #fde3ec;
}

.recruitment-search .search-row {
  padding: 0 0 3.5rem 0;
  margin: 2rem 0 0 0;
}

.recruitment-search .search-row .search-col {
  position: relative;
  width: 66.666666%;
}

@media all and (max-width: 768px) {
  .recruitment-search .search-row .search-col {
    width: 80%;
    margin: 0 auto;
  }
}

@media all and (max-width: 576px) {
  .recruitment-search .search-row .search-col {
    width: 100%;
  }
}

.online .recruitment-search .search-row .search-col {
  -webkit-box-shadow: 0 2px 12px rgba(12, 166, 120, 0.24);
          box-shadow: 0 2px 12px rgba(12, 166, 120, 0.24);
}

.onsite .recruitment-search .search-row .search-col {
  -webkit-box-shadow: 0 2px 12px rgba(247, 131, 172, 0.24);
          box-shadow: 0 2px 12px rgba(247, 131, 172, 0.24);
}

.recruitment-search .search-row .search-col .search-col-input {
  border: 2px solid transparent;
  border-radius: 6px;
  padding: 0 1.25rem;
  height: 60px;
  -webkit-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  width: 100%;
  margin:0px;
}

.recruitment-search .search-row .search-col .search-col-input:focus {
  outline: none;
}

.online .recruitment-search .search-row .search-col .search-col-input:focus {
  border-color: #0CA678;
}

.onsite .recruitment-search .search-row .search-col .search-col-input:focus {
  border-color: #F783AC;
}

@media all and (max-width: 768px) {
  .recruitment-search .search-row .search-col .search-col-input {
    font-size: 1.125rem;
  }
}

.recruitment-search .search-row .search-col .search-col-btn {
  border-radius: 0 6px 6px 0;
  font-size: 1rem;
  padding: 0 1.25rem;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  margin-bottom:0px;
}

@media all and (max-width: 768px) {
  .recruitment-search .search-row .search-col .search-col-btn {
    font-size: 1.125rem;
  }
}

.recruitment-search .title {
  position: relative;
  top: -3rem;
  left: -2px;
  display: inline-block;
  z-index: 1;
}

@media all and (max-width: 768px) {
  .recruitment-search .title {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.recruitment-search .title:before {
  content: '';
  position: absolute;
  left: -.5rem;
  top: -.5rem;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  z-index: -1;
}

.online .recruitment-search .title:before {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='308' height='63' viewBox='0 0 308 63'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_116289' data-name='Rectangle 116289' width='308' height='63' rx='4' transform='translate(-2161 -726)' fill='%23fff' stroke='%2320c997' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='slash_green_1_' data-name='slash_green (1)' transform='translate(2161 726)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_242377' data-name='Path 242377' d='M-2263.82-763.534l248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96' fill='none' stroke='%2320c997' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E%0A");
  border: 1px solid #0fd69a;
}

.onsite .recruitment-search .title:before {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='308' height='63' viewBox='0 0 308 63'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_116289' data-name='Rectangle 116289' width='308' height='63' rx='4' transform='translate(-2161 -726)' fill='%23fff' stroke='%23F783AC' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='slash_green_1_' data-name='slash_green (1)' transform='translate(2161 726)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_242377' data-name='Path 242377' d='M-2263.82-763.534l248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96m-496,102,248-96m0,95,248-96' fill='none' stroke='%23F783AC' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E%0A");
  border: 1px solid #fab3cc;
}

.recruitment-search .txt {
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  color: #212529;
  font-size: 1.75rem;
  font-weight: bolder;
  padding: 1rem 1.75rem;
}

.online .recruitment-search .txt {
  border: 1px solid #0fd69a;
}

.onsite .recruitment-search .txt {
  border: 1px solid #fab3cc;
}

/*  Recruitment Wrap
----------------------------------------  */
.recruitment-wrap {
  background-color: #F0F0F0;
  padding: 2rem 0 3rem;
}

.recruitment-wrap .recruitment-wrap-header {
  position: relative;
}

.recruitment-wrap .recruitment-wrap-header .recruitment-wrap-title {
  display: inline-block;
  border-radius: 6px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bolder;
  min-width: 12.5rem;
  padding: 1rem 2rem;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

.online .recruitment-wrap .recruitment-wrap-header .recruitment-wrap-title {
  background-color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-header .recruitment-wrap-title {
  background-color: #F783AC;
}

.recruitment-wrap .recruitment-wrap-header .recruitment-wrap-title:before {
  content: '';
  border-radius: 4px;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 50%;
  bottom: -.375rem;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}

.online .recruitment-wrap .recruitment-wrap-header .recruitment-wrap-title:before {
  background-color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-header .recruitment-wrap-title:before {
  background-color: #F783AC;
}

.recruitment-wrap .recruitment-wrap-header .recruitment-wrap-filter {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.recruitment-wrap .recruitment-wrap-list {
  padding: 1.25rem 0;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card {
  position: relative;
  background-color: #fff;
  border: #e5e5e5 1px solid;
  border-radius: 4px;
  font-size: 0;
  padding: 1.25rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card:not(:first-of-type) {
  margin-top: 1rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-img-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-radius: 4px;
  border: rgba(33, 37, 41, 0.12) 1px solid;
  width: 5.5rem;
  height: 5.5rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-img-container img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 5.6rem);
  padding: 0 4rem 0 1rem;
  background-color:inherit;
  border-bottom:0px;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .corp-name {
  color: #212529;
  font-size: 1.25rem;
  font-weight: bolder;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .corp-name:hover {
  color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .corp-name:hover {
  color: #F783AC;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .industry-name {
  color: #797C7E;
  font-size: .875rem;
  padding-top: .25rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list {
  font-size: 0;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li {
  display: inline-block;
  vertical-align: middle;
  margin-top: .375rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li:not(:last-child) {
  margin-right: .5rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a {
  border-radius: 3rem;
  font-size: .875rem;
  padding: .125rem 1rem;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a {
  border: #0fd69a 1px solid;
  color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a {
  border: #fab3cc 1px solid;
  color: #F783AC;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a:hover {
  text-decoration: none;
  color: #fff;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a:hover {
  background-color: #0fd69a;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a:hover {
  background-color: #fab3cc;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-header .benefits-list li a:focus {
  text-decoration: none;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content {
  border-top: 1px solid #e5e5e5;
  margin-top: 1.25rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list {
  padding: 1rem 0 0;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list #job_item_more {
  display: none;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item {
  border-radius: 4px;
  padding: .75rem 1rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item:not(:last-of-type) {
  margin-bottom: .5rem;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item {
  background-color: #e7fdf7;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item {
  background-color: #fef6f9;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .tu-briefcase {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
  margin-right: .5rem;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .tu-briefcase {
  color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .tu-briefcase {
  color: #F783AC;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-name {
  font-size: 0;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-name a {
  display: inline-block;
  vertical-align: middle;
  color: #212529;
  font-size: 1rem;
  font-weight: bolder;
  width: calc(100% - 1.75rem);
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-name a:hover {
  text-decoration: none;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-name a:hover {
  color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-name a:hover {
  color: #F783AC;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-info {
  font-size: 0;
  margin-top: .5rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-info li {
  display: inline-block;
  vertical-align: middle;
  color: #6B6D70;
  font-size: .875rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-list-item .job-info li:not(:last-child):after {
  content: '｜';
  color: #B5B6B7;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more {
  padding-top: .5rem;
  text-align: right;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn {
  background-color: #fff;
  border-radius: 3rem;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn {
  border: 1px solid #0CA678;
  color: #0CA678;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn:hover {
  background-color: #e7fdf7;
  border-color: #0fd69a;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn .arrow-icon:before {
  border-color: #0CA678;
}

.online .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn .arrow-icon:after {
  border-color: #0CA678;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn {
  border: 1px solid #F783AC;
  color: #F783AC;
}

.onsite .recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn:hover {
  background-color: #fef6f9;
  border-color: #f9a0bf;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn font ,
.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn wfont
{
  vertical-align: middle;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn .arrow-icon {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .5rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn .arrow-icon:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 27.5%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
      -ms-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
  border-width: 1px 1px 0 0;
  border-style: solid;
  width: 0.625rem;
  height: 0.625rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn .arrow-icon:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
      -ms-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
  border-width: 1px 1px 0 0;
  border-style: solid;
  width: 0.625rem;
  height: 0.625rem;
}

.recruitment-wrap .recruitment-wrap-list .recruitment-wrap-list-card .card-content .job-list .job-more .btn.close-job .arrow-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

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

#contentPH{
    padding: 0px !important; 
    margin: 0px !important;
    max-width: inherit;
}