@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700,800,600i&display=swap');
/*@site-width: 1366;
@narrow-site-width: 1024;*/
/**** convert px values to rem values, declare both simultaneously ******/
/* Setup */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
html,
body {
  font-size: 62.5%;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #575757;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
}
body {
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}
body.is-loaded {
  opacity: 1;
}
body.no-scroll {
  overflow: hidden;
  padding-right: 15px;
  padding-right: 1.5rem;
}
body.no-scroll:after {
  content: '';
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 15px;
  width: 1.5rem;
}
body.has-noscroll {
  overflow: hidden;
}
.o-wrapper {
  flex: 1 0 auto;
  min-height: auto;
  position: relative;
}
.o-wrapper--admin {
  transition: width 0.5s ease-in-out;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.o-wrapper.has-help {
  width: calc(75%);
  height: 100%;
  overflow: auto;
  transition: width 0.5s ease-in-out;
}
.o-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 70px 30px 70px 30px;
  padding: 7rem 3rem 7rem 3rem;
}
@media screen and (max-width: 1024px) {
  .o-content {
    padding: 70px 50px 70px 50px;
    padding: 7rem 5rem 7rem 5rem;
  }
}
.o-content--nopad {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 481px) {
  .o-content {
    padding: 70px 30px 70px 30px;
    padding: 7rem 3rem 7rem 3rem;
  }
}
.o-grid {
  width: 100%;
  position: relative;
  z-index: 2;
  max-width: 1024px;
  max-width: 102.4rem;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1024px) {
  .o-grid {
    width: 100%;
  }
}
@media screen and (max-width: 641px) {
  .o-grid {
    flex-direction: column;
  }
}
.o-grid--wrap {
  flex-wrap: wrap;
}
.o-grid--column {
  flex-direction: column;
}
.o-grid--centeredcolumn {
  flex-direction: column;
  justify-content: center;
}
.o-grid--centered {
  align-items: center;
  justify-content: center;
}
.o-grid--footer {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .o-grid--footer {
    flex-direction: column;
    align-items: center;
  }
}
.o-grid--narrow {
  max-width: 800px;
  max-width: 80rem;
}
@media screen and (max-width: 1024px) {
  .o-grid--reverse-mobile {
    flex-direction: column-reverse;
  }
}
.o-grid--spaced {
  justify-content: space-between !important;
}
.o-grid--gap {
  gap: 2.0rem;
}
.o-grid-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  grid-gap: 2%;
}
@media screen and (max-width: 1024px) {
  .o-grid-layout {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
}
@media screen and (max-width: 641px) {
  .o-grid-layout {
    grid-template-columns: repeat(1, minmax(250px, 1fr));
  }
}
.o-col-100 {
  max-width: calc(100%);
  flex: 1 1 calc(100%);
}
@media screen and (max-width: 641px) {
  .o-col-100 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-99 {
  max-width: calc(99%);
  flex: 1 1 calc(99%);
}
@media screen and (max-width: 641px) {
  .o-col-99 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-98 {
  max-width: calc(98%);
  flex: 1 1 calc(98%);
}
@media screen and (max-width: 641px) {
  .o-col-98 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-97 {
  max-width: calc(97%);
  flex: 1 1 calc(97%);
}
@media screen and (max-width: 641px) {
  .o-col-97 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-96 {
  max-width: calc(96%);
  flex: 1 1 calc(96%);
}
@media screen and (max-width: 641px) {
  .o-col-96 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-95 {
  max-width: calc(95%);
  flex: 1 1 calc(95%);
}
@media screen and (max-width: 641px) {
  .o-col-95 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-94 {
  max-width: calc(94%);
  flex: 1 1 calc(94%);
}
@media screen and (max-width: 641px) {
  .o-col-94 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-93 {
  max-width: calc(93%);
  flex: 1 1 calc(93%);
}
@media screen and (max-width: 641px) {
  .o-col-93 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-92 {
  max-width: calc(92%);
  flex: 1 1 calc(92%);
}
@media screen and (max-width: 641px) {
  .o-col-92 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-91 {
  max-width: calc(91%);
  flex: 1 1 calc(91%);
}
@media screen and (max-width: 641px) {
  .o-col-91 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-90 {
  max-width: calc(90%);
  flex: 1 1 calc(90%);
}
@media screen and (max-width: 641px) {
  .o-col-90 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-89 {
  max-width: calc(89%);
  flex: 1 1 calc(89%);
}
@media screen and (max-width: 641px) {
  .o-col-89 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-88 {
  max-width: calc(88%);
  flex: 1 1 calc(88%);
}
@media screen and (max-width: 641px) {
  .o-col-88 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-87 {
  max-width: calc(87%);
  flex: 1 1 calc(87%);
}
@media screen and (max-width: 641px) {
  .o-col-87 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-86 {
  max-width: calc(86%);
  flex: 1 1 calc(86%);
}
@media screen and (max-width: 641px) {
  .o-col-86 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-85 {
  max-width: calc(85%);
  flex: 1 1 calc(85%);
}
@media screen and (max-width: 641px) {
  .o-col-85 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-84 {
  max-width: calc(84%);
  flex: 1 1 calc(84%);
}
@media screen and (max-width: 641px) {
  .o-col-84 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-83 {
  max-width: calc(83%);
  flex: 1 1 calc(83%);
}
@media screen and (max-width: 641px) {
  .o-col-83 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-82 {
  max-width: calc(82%);
  flex: 1 1 calc(82%);
}
@media screen and (max-width: 641px) {
  .o-col-82 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-81 {
  max-width: calc(81%);
  flex: 1 1 calc(81%);
}
@media screen and (max-width: 641px) {
  .o-col-81 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-80 {
  max-width: calc(80%);
  flex: 1 1 calc(80%);
}
@media screen and (max-width: 641px) {
  .o-col-80 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-79 {
  max-width: calc(79%);
  flex: 1 1 calc(79%);
}
@media screen and (max-width: 641px) {
  .o-col-79 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-78 {
  max-width: calc(78%);
  flex: 1 1 calc(78%);
}
@media screen and (max-width: 641px) {
  .o-col-78 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-77 {
  max-width: calc(77%);
  flex: 1 1 calc(77%);
}
@media screen and (max-width: 641px) {
  .o-col-77 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-76 {
  max-width: calc(76%);
  flex: 1 1 calc(76%);
}
@media screen and (max-width: 641px) {
  .o-col-76 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-75 {
  max-width: calc(75%);
  flex: 1 1 calc(75%);
}
@media screen and (max-width: 641px) {
  .o-col-75 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-74 {
  max-width: calc(74%);
  flex: 1 1 calc(74%);
}
@media screen and (max-width: 641px) {
  .o-col-74 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-73 {
  max-width: calc(73%);
  flex: 1 1 calc(73%);
}
@media screen and (max-width: 641px) {
  .o-col-73 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-72 {
  max-width: calc(72%);
  flex: 1 1 calc(72%);
}
@media screen and (max-width: 641px) {
  .o-col-72 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-71 {
  max-width: calc(71%);
  flex: 1 1 calc(71%);
}
@media screen and (max-width: 641px) {
  .o-col-71 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-70 {
  max-width: calc(70%);
  flex: 1 1 calc(70%);
}
@media screen and (max-width: 641px) {
  .o-col-70 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-69 {
  max-width: calc(69%);
  flex: 1 1 calc(69%);
}
@media screen and (max-width: 641px) {
  .o-col-69 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-68 {
  max-width: calc(68%);
  flex: 1 1 calc(68%);
}
@media screen and (max-width: 641px) {
  .o-col-68 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-67 {
  max-width: calc(67%);
  flex: 1 1 calc(67%);
}
@media screen and (max-width: 641px) {
  .o-col-67 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-66 {
  max-width: calc(66%);
  flex: 1 1 calc(66%);
}
@media screen and (max-width: 641px) {
  .o-col-66 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-65 {
  max-width: calc(65%);
  flex: 1 1 calc(65%);
}
@media screen and (max-width: 641px) {
  .o-col-65 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-64 {
  max-width: calc(64%);
  flex: 1 1 calc(64%);
}
@media screen and (max-width: 641px) {
  .o-col-64 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-63 {
  max-width: calc(63%);
  flex: 1 1 calc(63%);
}
@media screen and (max-width: 641px) {
  .o-col-63 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-62 {
  max-width: calc(62%);
  flex: 1 1 calc(62%);
}
@media screen and (max-width: 641px) {
  .o-col-62 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-61 {
  max-width: calc(61%);
  flex: 1 1 calc(61%);
}
@media screen and (max-width: 641px) {
  .o-col-61 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-60 {
  max-width: calc(60%);
  flex: 1 1 calc(60%);
}
@media screen and (max-width: 641px) {
  .o-col-60 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-59 {
  max-width: calc(59%);
  flex: 1 1 calc(59%);
}
@media screen and (max-width: 641px) {
  .o-col-59 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-58 {
  max-width: calc(58%);
  flex: 1 1 calc(58%);
}
@media screen and (max-width: 641px) {
  .o-col-58 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-57 {
  max-width: calc(57%);
  flex: 1 1 calc(57%);
}
@media screen and (max-width: 641px) {
  .o-col-57 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-56 {
  max-width: calc(56%);
  flex: 1 1 calc(56%);
}
@media screen and (max-width: 641px) {
  .o-col-56 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-55 {
  max-width: calc(55%);
  flex: 1 1 calc(55%);
}
@media screen and (max-width: 641px) {
  .o-col-55 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-54 {
  max-width: calc(54%);
  flex: 1 1 calc(54%);
}
@media screen and (max-width: 641px) {
  .o-col-54 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-53 {
  max-width: calc(53%);
  flex: 1 1 calc(53%);
}
@media screen and (max-width: 641px) {
  .o-col-53 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-52 {
  max-width: calc(52%);
  flex: 1 1 calc(52%);
}
@media screen and (max-width: 641px) {
  .o-col-52 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-51 {
  max-width: calc(51%);
  flex: 1 1 calc(51%);
}
@media screen and (max-width: 641px) {
  .o-col-51 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-50 {
  max-width: calc(50%);
  flex: 1 1 calc(50%);
}
@media screen and (max-width: 641px) {
  .o-col-50 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-49 {
  max-width: calc(49%);
  flex: 1 1 calc(49%);
}
@media screen and (max-width: 641px) {
  .o-col-49 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-48 {
  max-width: calc(48%);
  flex: 1 1 calc(48%);
}
@media screen and (max-width: 641px) {
  .o-col-48 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-47 {
  max-width: calc(47%);
  flex: 1 1 calc(47%);
}
@media screen and (max-width: 641px) {
  .o-col-47 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-46 {
  max-width: calc(46%);
  flex: 1 1 calc(46%);
}
@media screen and (max-width: 641px) {
  .o-col-46 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-45 {
  max-width: calc(45%);
  flex: 1 1 calc(45%);
}
@media screen and (max-width: 641px) {
  .o-col-45 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-44 {
  max-width: calc(44%);
  flex: 1 1 calc(44%);
}
@media screen and (max-width: 641px) {
  .o-col-44 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-43 {
  max-width: calc(43%);
  flex: 1 1 calc(43%);
}
@media screen and (max-width: 641px) {
  .o-col-43 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-42 {
  max-width: calc(42%);
  flex: 1 1 calc(42%);
}
@media screen and (max-width: 641px) {
  .o-col-42 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-41 {
  max-width: calc(41%);
  flex: 1 1 calc(41%);
}
@media screen and (max-width: 641px) {
  .o-col-41 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-40 {
  max-width: calc(40%);
  flex: 1 1 calc(40%);
}
@media screen and (max-width: 641px) {
  .o-col-40 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-39 {
  max-width: calc(39%);
  flex: 1 1 calc(39%);
}
@media screen and (max-width: 641px) {
  .o-col-39 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-38 {
  max-width: calc(38%);
  flex: 1 1 calc(38%);
}
@media screen and (max-width: 641px) {
  .o-col-38 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-37 {
  max-width: calc(37%);
  flex: 1 1 calc(37%);
}
@media screen and (max-width: 641px) {
  .o-col-37 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-36 {
  max-width: calc(36%);
  flex: 1 1 calc(36%);
}
@media screen and (max-width: 641px) {
  .o-col-36 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-35 {
  max-width: calc(35%);
  flex: 1 1 calc(35%);
}
@media screen and (max-width: 641px) {
  .o-col-35 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-34 {
  max-width: calc(34%);
  flex: 1 1 calc(34%);
}
@media screen and (max-width: 641px) {
  .o-col-34 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-33 {
  max-width: calc(33%);
  flex: 1 1 calc(33%);
}
@media screen and (max-width: 641px) {
  .o-col-33 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-32 {
  max-width: calc(32%);
  flex: 1 1 calc(32%);
}
@media screen and (max-width: 641px) {
  .o-col-32 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-31 {
  max-width: calc(31%);
  flex: 1 1 calc(31%);
}
@media screen and (max-width: 641px) {
  .o-col-31 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-30 {
  max-width: calc(30%);
  flex: 1 1 calc(30%);
}
@media screen and (max-width: 641px) {
  .o-col-30 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-29 {
  max-width: calc(29%);
  flex: 1 1 calc(29%);
}
@media screen and (max-width: 641px) {
  .o-col-29 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-28 {
  max-width: calc(28%);
  flex: 1 1 calc(28%);
}
@media screen and (max-width: 641px) {
  .o-col-28 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-27 {
  max-width: calc(27%);
  flex: 1 1 calc(27%);
}
@media screen and (max-width: 641px) {
  .o-col-27 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-26 {
  max-width: calc(26%);
  flex: 1 1 calc(26%);
}
@media screen and (max-width: 641px) {
  .o-col-26 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-25 {
  max-width: calc(25%);
  flex: 1 1 calc(25%);
}
@media screen and (max-width: 641px) {
  .o-col-25 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-24 {
  max-width: calc(24%);
  flex: 1 1 calc(24%);
}
@media screen and (max-width: 641px) {
  .o-col-24 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-23 {
  max-width: calc(23%);
  flex: 1 1 calc(23%);
}
@media screen and (max-width: 641px) {
  .o-col-23 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-22 {
  max-width: calc(22%);
  flex: 1 1 calc(22%);
}
@media screen and (max-width: 641px) {
  .o-col-22 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-21 {
  max-width: calc(21%);
  flex: 1 1 calc(21%);
}
@media screen and (max-width: 641px) {
  .o-col-21 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-20 {
  max-width: calc(20%);
  flex: 1 1 calc(20%);
}
@media screen and (max-width: 641px) {
  .o-col-20 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-19 {
  max-width: calc(19%);
  flex: 1 1 calc(19%);
}
@media screen and (max-width: 641px) {
  .o-col-19 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-18 {
  max-width: calc(18%);
  flex: 1 1 calc(18%);
}
@media screen and (max-width: 641px) {
  .o-col-18 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-17 {
  max-width: calc(17%);
  flex: 1 1 calc(17%);
}
@media screen and (max-width: 641px) {
  .o-col-17 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-16 {
  max-width: calc(16%);
  flex: 1 1 calc(16%);
}
@media screen and (max-width: 641px) {
  .o-col-16 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-15 {
  max-width: calc(15%);
  flex: 1 1 calc(15%);
}
@media screen and (max-width: 641px) {
  .o-col-15 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-14 {
  max-width: calc(14%);
  flex: 1 1 calc(14%);
}
@media screen and (max-width: 641px) {
  .o-col-14 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-13 {
  max-width: calc(13%);
  flex: 1 1 calc(13%);
}
@media screen and (max-width: 641px) {
  .o-col-13 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-12 {
  max-width: calc(12%);
  flex: 1 1 calc(12%);
}
@media screen and (max-width: 641px) {
  .o-col-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-11 {
  max-width: calc(11%);
  flex: 1 1 calc(11%);
}
@media screen and (max-width: 641px) {
  .o-col-11 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-10 {
  max-width: calc(10%);
  flex: 1 1 calc(10%);
}
@media screen and (max-width: 641px) {
  .o-col-10 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-9 {
  max-width: calc(9%);
  flex: 1 1 calc(9%);
}
@media screen and (max-width: 641px) {
  .o-col-9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-8 {
  max-width: calc(8%);
  flex: 1 1 calc(8%);
}
@media screen and (max-width: 641px) {
  .o-col-8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-7 {
  max-width: calc(7%);
  flex: 1 1 calc(7%);
}
@media screen and (max-width: 641px) {
  .o-col-7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-6 {
  max-width: calc(6%);
  flex: 1 1 calc(6%);
}
@media screen and (max-width: 641px) {
  .o-col-6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-5 {
  max-width: calc(5%);
  flex: 1 1 calc(5%);
}
@media screen and (max-width: 641px) {
  .o-col-5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-4 {
  max-width: calc(4%);
  flex: 1 1 calc(4%);
}
@media screen and (max-width: 641px) {
  .o-col-4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-3 {
  max-width: calc(3%);
  flex: 1 1 calc(3%);
}
@media screen and (max-width: 641px) {
  .o-col-3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-2 {
  max-width: calc(2%);
  flex: 1 1 calc(2%);
}
@media screen and (max-width: 641px) {
  .o-col-2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.o-col-1 {
  max-width: calc(1%);
  flex: 1 1 calc(1%);
}
@media screen and (max-width: 641px) {
  .o-col-1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.l-admincontent {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 50px 50px 50px;
  padding: 5rem 5rem 5rem 5rem;
  flex: 1 0 auto;
}
@media screen and (max-width: 641px) {
  .l-admincontent {
    padding: 50px 20px 50px 20px;
    padding: 5rem 2rem 5rem 2rem;
  }
}
.l-admingrid {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-width: 1024px;
  max-width: 102.4rem;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
}
.l-admingrid:last-child {
  margin-bottom: 0;
}
.l-admingrid h1 span {
  display: inline-block;
}
.l-admingrid--wide {
  max-width: 1200px;
  max-width: 120rem;
}
.l-admingrid--narrow {
  max-width: 800px;
  max-width: 80rem;
}
.l-admingrid--row {
  flex-direction: row;
}
.l-admingrid--wrappedrow {
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: stretch;
}
@media screen and (max-width: 641px) {
  .l-admingrid--wrappedrow {
    flex-flow: column nowrap;
  }
}
.l-admingrid--altmargins {
  margin: 30px 0px 10px 0px;
  margin: 3rem 0rem 1rem 0rem;
}
.l-admingrid--spacebetween {
  justify-content: space-between;
}
.l-admingrid--alignstart {
  align-items: flex-start;
}
.l-col_100 {
  flex: 1 0 100%;
}
.l-col_75 {
  flex: 0 1 75%;
}
@media screen and (max-width: 769px) {
  .l-col_75 {
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 641px) {
  .l-col_75 {
    width: 100%;
    flex-basis: 100%;
  }
}
.l-col_60 {
  flex: 0 1 60%;
}
.l-col_50 {
  flex: 0 1 50%;
}
.c-mobilenav-open {
  width: 30px;
  width: 3rem;
  display: none;
  margin: 0px 50px 0px 0px;
  margin: 0rem 5rem 0rem 0rem;
  background: none;
  border: none;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .c-mobilenav-open {
    display: inline-block;
  }
}
@media screen and (max-width: 641px) {
  .c-mobilenav-open {
    margin: 0px 20px 0px 0px;
    margin: 0rem 2rem 0rem 0rem;
  }
}
@media screen and (max-width: 1600px) {
  .c-mobilenav-open.has-help {
    display: inline-block;
  }
}
.c-mobilenav-close {
  display: none;
  position: absolute;
  background: none;
  border: none;
  width: 50px;
  width: 5rem;
  right: 67px;
  right: 6.7rem;
  top: 42px;
  top: 4.2rem;
  z-index: 3;
  color: white;
}
@media screen and (max-width: 1024px) {
  .c-mobilenav-close {
    display: inline-block;
  }
}
@media screen and (max-width: 1600px) {
  .c-mobilenav-close.has-help {
    display: inline-block;
  }
}
@media screen and (max-width: 641px) {
  .c-mobilenav-close {
    top: 32px;
    top: 3.2rem;
    right: 20px;
    right: 2rem;
  }
}
.c-header {
  position: relative;
  width: 100%;
  height: 90px;
  height: 9rem;
  background: #343434;
  display: flex;
  justify-content: space-between;
  z-index: 3;
  flex-shrink: 0;
}
@media screen and (max-width: 641px) {
  .c-header {
    height: 80px;
    height: 8rem;
  }
}
.c-header__logo {
  height: 100%;
  background: var(--keycolor);
  display: flex;
  justify-content: flex-start;
  margin-right: 35px;
  padding: 0 2.2rem;
  text-align: center;
  width: 300px;
  width: 30rem;
  flex-shrink: 1;
}
@media screen and (min-width: 481px) {
  .c-header__logo {
    margin-right: calc(35px  +  15  * ((100vw -  481px ) / 1019 ));
  }
}
@media screen and (min-width: 1500px) {
  .c-header__logo {
    margin-right: 50px;
  }
}
.c-header__logo--admin {
  justify-content: center;
  padding: 0 5.0rem;
  position: relative;
  overflow: hidden;
  /*
		&:before{
			display: block;
		    content: url(../../images/logo_anchor.svg);
		    height: 100% !important;
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: 22%;
		}
*/
}
.c-header__logo__training {
  font-family: 'Open Sans', sans-serif;
  width: 37%;
  align-self: center;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 0px;
  line-height: 0rem;
  color: white;
  text-decoration: none;
}
@media screen and (min-width: 481px) {
  .c-header__logo__training {
    font-size: calc(16px  +  4  * ((100vw -  481px ) / 1019 ));
  }
}
@media screen and (min-width: 1500px) {
  .c-header__logo__training {
    font-size: 20px;
  }
}
.c-header__logo__client {
  width: 53%;
  border-right: 1px solid white;
  padding-right: 5%;
  margin-right: 5%;
  align-self: center;
  padding: 2% 5% 2% 0;
  height: auto;
}
.c-header__logo__admin {
  width: 100%;
}
.c-header__logo a {
  text-decoration: none;
}
.c-main-navigation {
  position: relative;
  z-index: 3;
  display: flex;
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .c-main-navigation {
    position: fixed;
    background: var(--keycolor);
    top: 0;
    left: 100%;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    overflow: auto;
    padding: 90px 0 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    transition: left 0.5s, opacity 0.5s;
  }
}
@media screen and (max-width: 1024px) {
  .c-main-navigation.is-active {
    left: 0;
    opacity: 1;
  }
}
@media screen and (max-width: 1600px) {
  .c-main-navigation.has-help.is-active {
    left: 0;
    opacity: 1;
  }
}
@media screen and (max-width: 1600px) {
  .c-main-navigation.has-help {
    position: fixed;
    background: var(--keycolor);
    top: 0;
    left: 100%;
    opacity: 0;
    width: calc(75%);
    height: 100%;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    transition: left 0.5s, opacity 0.5s;
  }
}
.c-nav,
.c-subnav {
  display: flex;
  align-items: center;
  height: 90px;
  height: 9rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-nav li,
.c-subnav li {
  position: relative;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .c-nav,
  .c-subnav {
    justify-content: flex-start;
    height: auto;
  }
}
@media screen and (max-width: 1600px) {
  .c-nav.has-help,
  .c-subnav.has-help {
    justify-content: center;
  }
}
@media screen and (max-width: 1024px) {
  .c-nav {
    padding: 0 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .c-nav:not(.c-nav-footer),
  .c-subnav {
    flex-direction: column;
  }
}
@media screen and (max-width: 1600px) {
  .c-nav:not(.c-nav-footer).has-help,
  .c-subnav.has-help {
    flex-direction: column;
  }
}
.c-nav--footer {
  height: auto;
}
.c-nav--sub {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .c-nav--sub {
    margin: 0;
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media screen and (max-width: 1600px) {
  .c-nav--sub.has-help {
    margin: 0;
    padding: 0;
    flex-grow: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.c-nav--sub .c-nav--sub {
  border: none;
  padding: 0;
}
.c-nav__item,
.c-subnav__item {
  position: relative;
  display: block;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: 600;
}
@media screen and (min-width: 481px) {
  .c-nav__item,
  .c-subnav__item {
    margin-right: calc(20px  +  30  * ((100vw -  481px ) / 1019 ));
  }
}
@media screen and (min-width: 1500px) {
  .c-nav__item,
  .c-subnav__item {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .c-nav__item:not(.c-nav__item--footer),
  .c-subnav__item:not(.c-nav__item--footer) {
    color: white;
    margin: 10px 0px 10px 0px;
    margin: 1rem 0rem 1rem 0rem;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem;
  }
}
@media screen and (max-width: 1600px) {
  .c-nav__item.has-help:not(.c-nav__item--footer),
  .c-subnav__item.has-help:not(.c-nav__item--footer) {
    color: white;
    margin: 10px 0px 10px 0px;
    margin: 1rem 0rem 1rem 0rem;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem;
  }
}
.has-dropdown .c-nav__item {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
@media screen and (max-width: 1024px) {
  .has-dropdown .c-nav__item {
    justify-content: center;
  }
}
@media screen and (max-width: 1024px) {
  .c-nav__item--footer {
    margin: 0;
  }
}
.c-nav__item--admin {
  margin-right: 10px;
}
@media screen and (min-width: 481px) {
  .c-nav__item--admin {
    margin-right: calc(10px  +  10  * ((100vw -  481px ) / 1019 ));
  }
}
@media screen and (min-width: 1500px) {
  .c-nav__item--admin {
    margin-right: 20px;
  }
}
.c-subnav__item {
  color: #B4B4B4;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 0;
  padding-right: 2.0rem;
}
@media screen and (max-width: 1024px) {
  .c-subnav__item {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .c-subnav__item.has-help {
    display: none;
  }
}
.c-dropdown {
  position: absolute;
  width: auto;
  padding: 1.0rem 0 0 0;
  margin: 1.5rem 0 0 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: right 0s 0.5s, opacity 0.5s, margin 0.5s;
  right: 100000px;
  z-index: 1;
}
.c-dropdown--admin {
  width: 250px;
}
@media screen and (max-width: 1024px) {
  .c-dropdown--admin {
    width: auto;
  }
}
.c-dropdown--left {
  left: -100000px;
  transition: left 0s 0.5s, opacity 0.5s, margin 0.5s;
}
@media screen and (max-width: 1024px) {
  .c-dropdown {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    margin: 0 0 10px;
    padding: 0;
    right: auto;
    left: auto;
  }
}
.c-dropdown-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  width: auto;
  background: white;
  padding: 10px 10px 10px 10px;
  padding: 1rem 1rem 1rem 1rem;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1024px) {
  .c-dropdown-list {
    background: none;
    color: white;
    box-shadow: none;
    padding: 0;
    align-items: center;
  }
  .c-dropdown-list li {
    display: inline-block;
  }
}
.c-dropdown-list--admin {
  background: #343434;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .c-dropdown-list--admin {
    background: none;
    color: white;
    box-shadow: none;
    padding: 0;
  }
}
.c-dropdown-list__item {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  line-height: 22px;
  line-height: 2.2rem;
  color: #949494;
  padding: 5px 10px 5px 10px;
  padding: 0.5rem 1rem 0.5rem 1rem;
  cursor: pointer;
  text-decoration: none;
}
.c-dropdown-list__item:hover {
  background: var(--keycolor);
  color: white;
}
@media screen and (max-width: 1024px) {
  .c-dropdown-list__item {
    color: white;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
  }
}
.c-dropdown-list__item--admin {
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 10px 10px 10px;
  padding: 1rem 1rem 1rem 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  color: white;
}
.c-dropdown-list__item--admin:hover {
  background: #4e4e4e;
  color: white;
}
.has-dropdown:hover > .c-dropdown,
.has-dropdown:focus > .c-dropdown,
.has-dropdown:focus-within > .c-dropdown {
  visibility: visible;
  pointer-events: auto;
  right: 1.0rem;
  opacity: 1;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  transition: right 0s, opacity 0.5s, margin 0.5s;
}
@media screen and (max-width: 1024px) {
  .has-dropdown:hover > .c-dropdown,
  .has-dropdown:focus > .c-dropdown,
  .has-dropdown:focus-within > .c-dropdown {
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem;
  }
}
.has-dropdown:hover > .c-dropdown--left,
.has-dropdown:focus > .c-dropdown--left,
.has-dropdown:focus-within > .c-dropdown--left {
  left: 0;
  right: auto;
  transition: left 0s, opacity 0.5s, margin 0.5s;
}
@media screen and (max-width: 1024px) {
  .has-dropdown {
    text-align: center;
  }
}
.c-subnav--login .has-dropdown:hover > .c-dropdown,
.c-subnav--login .has-dropdown:focus > .c-dropdown {
  left: auto;
  right: 1.0rem;
  padding: 0;
}
.c-footer {
  background-color: #343434;
  flex-shrink: 0;
  width: 100%;
}
.c-footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .c-footer__nav {
    align-items: center;
  }
}
.c-footer__logo {
  display: flex;
  flex-direction: row;
  width: 300px;
  width: 30rem;
}
@media screen and (max-width: 1024px) {
  .c-footer__logo {
    margin-bottom: 30px;
    margin-bottom: 3.0rem;
    justify-content: center;
  }
}
.c-footer__logo img {
  width: 50%;
  border-right: 1px solid white;
  padding-right: 15px;
  padding-right: 1.5rem;
  margin-right: 15px;
  margin-right: 1.5rem;
  align-self: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.c-footer__logo__training {
  align-self: center;
  color: white;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
}
@media screen and (min-width: 481px) {
  .c-footer__logo__training {
    font-size: calc(16px  +  4  * ((100vw -  481px ) / 1019 ));
  }
}
@media screen and (min-width: 1500px) {
  .c-footer__logo__training {
    font-size: 20px;
  }
}
.c-card {
  background: white;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-basis: 29%;
  text-decoration: none;
  color: #575757;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.5s;
}
.c-card:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1024px) {
  .c-card {
    flex-basis: 48%;
  }
}
@media screen and (max-width: 641px) {
  .c-card {
    flex-basis: 100%;
    margin: 0 0 15% 0;
  }
}
.c-card--muted {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.c-card--muted:after {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 800;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100px;
  font-size: 10rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.85);
  z-index: 1;
}
.c-card--muted:before {
  content: '';
  background: url(../../images/not-available.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.c-card--success:before {
  position: absolute;
  display: flex;
  width: 50px;
  width: 5rem;
  height: 50px;
  height: 5rem;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 50%;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 20px;
  font-size: 2rem;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -48%);
  background: #009944;
  content: '\f00c';
  z-index: 2;
}
.c-card__image {
  display: block;
  width: 100%;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
.c-card__text {
  padding: 30px 30px 30px 30px;
  padding: 3rem 3rem 3rem 3rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.c-card__title {
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 40px;
  line-height: 4rem;
  letter-spacing: -0.5px;
  font-weight: bold;
}
.c-card__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 30px 0px 0px 0px;
  padding: 3rem 0rem 0rem 0rem;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  justify-content: flex-end;
  margin-top: auto;
  margin-bottom: 1.0rem;
}
.c-card__info p {
  font-weight: bold;
}
.c-card__status {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
.c-card__status--success {
  color: #009944;
}
.c-card__status .fad:before {
  color: white;
}
.c-card__status .fad:after {
  color: #009944;
  opacity: 1;
}
.c-card__flag {
  position: absolute;
  font-size: 13px;
  font-size: 1.3rem;
  top: 30px;
  top: 3rem;
  right: 20px;
  right: 2rem;
}
.c-card__flag + .c-card__text .c-card__title {
  margin-right: 50px;
}
.c-notification {
  background: var(--keycolor);
  display: flex;
  margin-bottom: calc(7rem - 2%);
}
.c-notification__icon {
  padding: 3.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.15);
  color: white;
}
.c-notification__msg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.0rem;
}
.c-notification__msg p {
  margin: 0;
  color: white;
}
.c-notifcation__dismiss {
  color: white;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  font-size: 1.8rem;
  cursor: pointer;
}
.c-course {
  background: white;
}
.c-course__desc {
  padding: 50px 50px 50px 0px;
  padding: 5rem 5rem 5rem 0rem;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  flex-grow: 1;
}
@media screen and (max-width: 641px) {
  .c-course__desc {
    padding-right: 0;
    padding-top: 0;
  }
}
.c-course__taketest {
  padding: 0px 0px 0px 50px;
  padding: 0rem 0rem 0rem 5rem;
  flex-basis: 35%;
  flex-shrink: 0;
  border-left: 1px solid #E5E5E5;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 641px) {
  .c-course__taketest {
    border-left: none;
    padding-left: 0;
  }
}
.c-banner {
  position: relative;
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.c-banner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
}
.c-banner--chunk {
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 0;
  height: auto;
  min-height: 100vh;
  text-align: center;
  background-image: url(../../images/binding.png);
}
.c-banner__content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.c-banner__content--chunk {
  flex-direction: column;
  max-width: 102.4rem;
  padding: 0 3.0rem;
}
.l-adminbars,
.c-barlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.l-adminbars--2col {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-adminbars--2col .c-bar {
  width: 49.5%;
}
@media screen and (max-width: 769px) {
  .l-adminbars--2col .c-bar {
    width: 100%;
  }
}
.l-adminbars--3col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2.0rem;
}
.l-adminbars--3col .c-bar {
  width: 100%;
}
@media screen and (max-width: 769px) {
  .l-adminbars--3col .c-bar {
    width: 100%;
  }
}
@media screen and (max-width: 641px) {
  .l-adminbars--3col {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
.l-adminbars[data-model=Chunks_model] .c-bar__actions:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f111';
  font-weight: 300;
  color: #aaa;
}
.l-adminbars[data-model=Chunks_model] .c-bar:nth-of-type(even) .c-bar__actions:before {
  color: #575757;
  font-weight: bold;
}
.c-bar {
  display: flex;
  position: relative;
  background: white;
  width: 100%;
  margin: 0.5% 0;
  padding: 0;
  transition: box-shadow 0.2s;
}
.c-bar:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.c-bar--traineelist {
  align-items: center;
  justify-content: flex-start;
  padding: 1.0rem 0.5rem;
  border-bottom: 1px solid #e3e3e3;
  background: #f5f5f5;
  transition: none;
  transition: background 0.5s;
  margin: 0;
  padding: 2rem;
}
.c-bar--traineelist:last-of-type {
  border-bottom: none;
}
.c-bar--traineelist:hover {
  box-shadow: none;
}
@media screen and (max-width: 641px) {
  .c-bar--traineelist {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.c-bar--testorquiz {
  padding: 40px 40px 40px 40px;
  padding: 4rem 4rem 4rem 4rem;
  margin-bottom: 2.0rem;
  flex-direction: column;
}
.c-bar--preview {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 3.0rem;
  height: 90px;
  height: 9rem;
  background: var(--keycolor);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  transition: height .125s;
}
.c-bar--preview h3,
.c-bar--preview button {
  margin: 0 !important;
  padding: 0;
  color: white !important;
  font-weight: bold;
}
.c-bar--preview button {
  cursor: pointer;
}
.c-bar--preview button:hover {
  text-decoration: underline;
}
.c-bar--previewnarrow {
  height: 4.5rem;
}
.c-bar--muted {
  background: #fafafa;
}
.c-bar--dark {
  background: #343434;
  padding: 20px 30px 20px 0px;
  padding: 2rem 3rem 2rem 0rem;
}
.c-bar--test {
  margin-top: 3%;
}
@media screen and (max-width: 641px) {
  .c-bar--test {
    flex-direction: column;
    align-items: center;
    padding: 2rem 3rem;
  }
  .c-bar--test .c-bar__text {
    text-align: center;
  }
  .c-bar--test .c-btn--inbar {
    width: 100%;
  }
}
.c-bar--front {
  border-left: 5px solid #e3e3e3;
}
.c-bar--front:before {
  position: absolute;
  display: flex;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 50%;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 10px;
  font-size: 1rem;
  top: 50%;
  transform: translate(-62%, -50%);
  z-index: 2;
}
.c-bar--front:hover {
  border-left: 5px solid #cacaca;
  transition: all 0.5s;
}
.c-bar--success {
  border-left-color: #009944;
}
.c-bar--success::before {
  background: #009944;
  content: '\f00c';
}
.c-bar--success:hover {
  border-left: 5px solid #008039;
  transition: all 0.5s;
}
.c-bar--error {
  border-left-color: #cf000f;
}
.c-bar--error::before {
  background: #cf000f;
  content: '\f00d';
}
.c-bar--error:hover {
  border-left: 5px solid #b6000d;
  transition: all 0.5s;
}
.c-bar__text {
  padding: 25px 25px 25px 25px;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 641px) {
  .c-bar__text {
    padding: 20px 20px 20px 20px;
    padding: 2rem 2rem 2rem 2rem;
  }
}
.c-bar__title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.c-bar__title--dark {
  color: white;
}
@media screen and (max-width: 481px) {
  .c-bar__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    word-break: break-word;
  }
}
.c-bar__attention {
  margin: 0px 0px 0px 20px;
  margin: 0rem 0rem 0rem 2rem;
  color: #cf000f;
}
.c-bar__warning {
  color: #ec942c;
  margin: 0px 0px 0px 20px;
  margin: 0rem 0rem 0rem 2rem;
}
.c-bar__desc {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 19px;
  line-height: 1.9rem;
  margin-bottom: 0;
}
@media screen and (max-width: 481px) {
  .c-bar__desc {
    word-break: break-word;
  }
}
.c-bar__actions {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 15px 0px 20px;
  padding: 0rem 1.5rem 0rem 2rem;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.c-bar__actions a {
  text-transform: uppercase;
  color: #949494;
  font-weight: bold;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.5rem 0rem 0.5rem;
  font-size: 12px;
  font-size: 1.2rem;
  transition: color 0.5s;
}
.c-bar__actions a:hover,
.c-bar__actions a:focus {
  color: var(--keycolor);
}
@media screen and (max-width: 641px) {
  .c-bar__actions {
    display: none;
  }
}
.c-bar__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  width: 9rem;
  flex-shrink: 0;
  min-height: 100%;
  padding: 0px 25px 0px 25px;
  padding: 0rem 2.5rem 0rem 2.5rem;
  font-size: 35px;
  font-size: 3.5rem;
  border-left: 2px solid #f5f5f5;
  transition: border-left 0.5s, background 0.5s, color 0.5s;
  cursor: pointer;
  text-decoration: none;
}
.c-bar__link:hover,
.c-bar__link:focus {
  background: var(--keycolor);
  color: white;
  border-left-color: var(--keycolor);
}
@media screen and (max-width: 641px) {
  .c-bar__link {
    margin-left: auto;
  }
}
@media screen and (max-width: 481px) {
  .c-bar__link {
    width: auto;
    padding: 0px 15px 0px 15px;
    padding: 0rem 1.5rem 0rem 1.5rem;
    font-size: 30px;
    font-size: 3rem;
  }
}
.c-bar__extra {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  width: 6rem;
  border-right: 2px solid #f5f5f5;
  min-height: 100%;
  padding: 25px 0px 25px 0px;
  padding: 2.5rem 0rem 2.5rem 0rem;
}
@media screen and (max-width: 481px) {
  .c-bar__extra {
    width: 50px;
    width: 5rem;
  }
}
.c-bar__extra--handle {
  font-size: 19px;
  font-size: 1.9rem;
  color: #AAA;
  min-height: 100%;
  padding: 25px 0px 25px 0px;
  padding: 2.5rem 0rem 2.5rem 0rem;
  cursor: grab;
  transition: border-right 0.5s, background 0.5s, color 0.5s;
}
.c-bar__extra--handle:hover {
  background: #f2f2f2;
  border-right-color: #dcdcdc;
  color: #919191;
}
.c-bar__extra--image img {
  width: 50%;
}
.c-bar__extra--subgroup {
  font-size: 35px;
  font-size: 3.5rem;
  color: white;
  background: #D1D1D1;
  padding: 25px 0px 25px 0px;
  padding: 2.5rem 0rem 2.5rem 0rem;
}
.c-bar__extra--status {
  position: relative;
  font-size: 19px;
  font-size: 1.9rem;
  color: #ec942c;
}
.c-bar__extra--status.is-active {
  color: #009944;
}
.c-bar--subgroup {
  width: 95%;
  margin-left: auto;
}
.c-bar--subsubgroup {
  width: 90%;
  margin-left: auto;
}
.c-bar--add {
  margin-bottom: 40px;
}
.c-bar--add:after {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 0px;
  bottom: -22px;
  border-bottom: 1px dashed #aaaaaa;
}
.c-bar--add .c-bar__text {
  padding-top: 20px;
  padding-top: 2.0rem;
  padding-bottom: 20px;
  padding-bottom: 2.0rem;
}
@media screen and (max-width: 641px) {
  .c-bar--add {
    margin-bottom: 30px;
  }
}
.c-bar--modal {
  border: 1px solid #e3e3e3;
}
.c-bar--modal .c-bar__text {
  padding-top: 20px;
  padding-top: 2.0rem;
  padding-bottom: 20px;
  padding-bottom: 2.0rem;
}
.c-bar--null {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 25px 25px 25px 25px;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  justify-content: center;
  background: #ebebeb;
  color: #a9a9a9;
}
.c-bar__link--add {
  font-size: 29px;
  font-size: 2.9rem;
  margin-left: auto;
  border-left: none;
  padding: 0px 25px 0px 25px;
  padding: 0rem 2.5rem 0rem 2.5rem;
}
.c-bar.is-disabled {
  background: #ebebeb;
  /*
	&::after {  /// displays a lock icon overtop of the arrow 
		position: absolute;
		right: 0;
		content: "\f023";
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
		.padding(25,29,25,25);
		.font-size(35);
		height: auto;
		top: 50%;
		transform: translateY(-50%);
		transition: color @anim-time;
	}
*/
}
.c-bar.is-disabled:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.c-bar.is-disabled .c-bar__text {
  opacity: 0.25;
}
.c-bar.is-disabled .c-bar__attention {
  color: #575757;
}
.c-bar.is-disabled a.c-bar__link {
  border-left-color: #dcdcdc;
  transition: none;
  width: 90px;
  width: 9rem;
  pointer-events: none;
  cursor: not-allowed;
}
.c-bar.is-disabled a.c-bar__link:hover,
.c-bar.is-disabled a.c-bar__link:focus {
  background: none;
  color: var(--keycolor);
  border-left-color: #dcdcdc;
}
.c-bar.is-disabled a.c-bar__link i,
.c-bar.is-disabled a.c-bar__link svg {
  display: none;
}
.c-chunk-banner {
  height: auto;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 0;
}
.c-chunk-banner::before {
  background: rgba(0, 0, 0, 0.77);
}
.c-chunk-banner__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  max-width: 60rem;
  padding: 25px 25px 25px 25px;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  text-align: center;
}
.c-chunk-banner__scroll {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin: 30px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
}
@media screen and (max-width: 641px) {
  .c-chunk-banner__scroll {
    padding: 0px 0px 30px 0px;
    padding: 0rem 0rem 3rem 0rem;
  }
}
.c-chunk-banner__scroll__text {
  color: white;
  text-align: center;
}
.c-flag {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: white;
  background: #7C7B7B;
  padding: 0.5rem 1.0rem;
  margin: 0 0 0 1.0rem;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  align-self: center;
}
.c-flag--keycolor {
  background: var(--keycolor);
}
.c-status {
  font-weight: bold;
  color: #949494;
  font-size: 1.3rem;
  padding: 0;
  text-transform: uppercase;
}
.c-status--success {
  color: #009944;
}
.c-status--error {
  color: #cf000f;
}
.c-status--info {
  text-transform: none;
  border: 1px solid var(--keycolor);
  font-weight: normal;
  padding: 1.5rem;
  font-size: 1.4rem;
  line-height: 2.0rem;
  color: #575757;
}
.c-status--info i,
.c-status--info svg {
  display: none;
}
.c-status--login {
  width: 100%;
  padding: 2.0rem;
  border: 1px solid #cf000f;
}
.c-progressbar {
  background: #dcdcdc;
  width: 100%;
  height: 8px;
}
.c-progressbar__inner {
  height: 100%;
  background: #009944;
  width: 50%;
}
.c-btn {
  display: inline-block;
  background: #575757;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.8rem 4.0rem;
  font-size: 1.8rem;
  cursor: pointer;
  transition: filter 0.5s;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 769px) {
  .c-btn {
    font-size: 1.6rem;
    padding: 1.8rem 2.0rem;
  }
}
.c-btn:hover {
  filter: brightness(75%);
}
.c-btn--primary {
  background: var(--keycolor);
}
.c-btn--light {
  background: white;
  border: 1px solid #e3e3e3;
  color: #575757;
}
.c-btn--skinny {
  padding: 0.8rem 1.5rem;
  font-size: 1.4rem;
}
.c-btn--back,
.c-btn--pullleft {
  margin-right: auto;
}
.c-btn--pullright {
  margin-left: auto;
}
.c-btn--reset {
  background-color: #e3e3e3;
  color: #575757;
}
.c-btn--pushbottom {
  margin-top: auto;
}
.c-btn--sidenav {
  margin: 2.0rem 0 0 0;
  width: 100%;
}
.c-btn--next {
  padding: 2.0rem 8.0rem;
  margin: 4.0rem 0 0 0;
}
@media screen and (max-width: 641px) {
  .c-btn--next {
    width: 100%;
  }
}
.c-btn--login {
  width: 100%;
  text-align: center;
  margin: 2.0rem 0;
}
.c-btn--inbar {
  display: flex;
  align-self: center;
  padding: 1.5rem 3.0rem;
  margin-left: auto;
  line-height: 2rem;
}
.c-btn--long {
  display: flex;
  justify-content: center;
  padding: 1.5rem 10.0rem;
}
.c-btn--card {
  background-color: var(--keycolor);
}
.c-btn--outline {
  border: 2px solid white;
  background: none !important;
}
.c-btn--outlinecolor {
  border: 2px solid var(--keycolor);
  background: none;
  color: var(--keycolor);
}
.c-btn--test {
  border: 2px solid white;
  background: #343434 !important;
}
.c-btn--small {
  padding: 1.0rem 4.0rem;
}
.c-btn--active {
  background-color: var(--keycolor);
  color: white;
}
.c-modal {
  position: fixed;
  top: 60%;
  left: 100000px;
  width: 100%;
  max-width: 800px;
  max-width: 80rem;
  max-height: 70vh;
  overflow-y: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 101;
  background: white;
  opacity: 0;
  transition: top 0.5s, opacity 0.5s, left 0s 0.5s;
  padding: 40px 40px 40px 40px;
  padding: 4rem 4rem 4rem 4rem;
}
.c-modal.is-active {
  opacity: 1;
  top: 50%;
  left: 50%;
  transition: left 0s, top 0.5s, opacity 0.5s;
}
.c-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--keycolor);
  z-index: 100;
  opacity: 0;
  transition: opacity 0.5s;
}
.c-modal__overlay.is-active {
  opacity: 1;
}
.c-report-wrap {
  width: 100%;
  overflow-x: scroll;
}
@media screen and (max-width: 769px) {
  .c-report-wrap {
    border: 1px solid #e3e3e3;
    padding: 2rem;
  }
}
.c-report {
  min-width: 102.4rem;
  border-collapse: collapse;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 5rem;
}
.c-report tr td {
  transition: background 0.5s;
}
.c-report tr:hover td {
  background: white;
}
.c-report__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 641px) {
  .c-report__info {
    flex-direction: column;
  }
}
.c-report__info-item {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
  background-color: white;
  text-align: left;
  width: 100%;
  margin-right: 2rem;
}
.c-report__info-item:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 641px) {
  .c-report__info-item {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .c-report__info-item:last-of-type {
    margin-bottom: 0;
  }
}
.c-report__info-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0 !important;
  color: var(--keycolor);
}
.c-report__info-stat {
  font-size: 4.0rem;
  line-height: 1;
  align-items: center;
  margin: 1.5rem 0;
  font-weight: 700;
}
.c-report__info-text {
  /*    font-size: 2.0rem;
    line-height: 2.0rem;*/
}
.c-report__title {
  padding: 1rem;
  border: 1px solid #dfebeb;
  border-bottom: none;
  background-color: #dfebeb;
  /*background-color: lighten(@key-color,50%);*/
}
.c-report__head {
  font-size: 1.2rem;
  color: #707070;
  font-weight: bold;
  text-align: left;
  padding: 1rem;
}
.c-report__head--center {
  text-align: center;
}
.c-report__head:not(.c-report__user) {
  text-align: center;
}
.c-report__data {
  font-size: 1.5rem;
  padding: 1rem;
  background: #f5f5f5;
  border-top: 1px solid #e3e3e3;
}
.c-report__data:not(.c-report__user) {
  text-align: center;
}
.c-report__data--center {
  text-align: center;
}
.c-report__user {
  width: 40%;
  /*padding-left: 0.5rem;*/
}
.c-report__version {
  font-size: 1.2rem;
  font-style: italic;
  width: 5%;
}
.c-report__activities {
  text-align: center;
  width: 10%;
}
.c-report__latest {
  width: 15%;
  font-size: 1.3rem;
}
.c-report__testscore {
  text-align: center;
  width: 15%;
}
.c-report__testdate {
  width: 15%;
  font-size: 1.3rem;
}
.c-report__results td {
  margin-top: 1rem;
  border-top: 1px solid #e3e3e3;
}
p,
.t-p,
ul,
ol,
li {
  margin: 0 0 2.0rem 0;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (min-width: 481px) {
  p,
  .t-p,
  ul,
  ol,
  li {
    font-size: calc(16px  +  2  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  p,
  .t-p,
  ul,
  ol,
  li {
    font-size: 18px;
  }
}
@media screen and (min-width: 481px) {
  p,
  .t-p,
  ul,
  ol,
  li {
    line-height: calc(26px  +  2  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  p,
  .t-p,
  ul,
  ol,
  li {
    line-height: 28px;
  }
}
ul {
  list-style-type: disc;
  margin: 0 0 2.0rem 2.0rem;
}
@media screen and (max-width: 481px) {
  ul {
    padding: 0 0 0 10px;
  }
}
a {
  color: var(--keycolor);
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.t-p--white {
  color: white;
}
h1,
.t-h1 {
  font-family: 'Open Sans', sans-serif;
  color: var(--keycolor);
  text-transform: uppercase;
  font-size: 20px;
  line-height: 34px;
}
@media screen and (min-width: 481px) {
  h1,
  .t-h1 {
    font-size: calc(20px  +  14  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h1,
  .t-h1 {
    font-size: 34px;
  }
}
@media screen and (min-width: 481px) {
  h1,
  .t-h1 {
    line-height: calc(34px  +  12  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h1,
  .t-h1 {
    line-height: 46px;
  }
}
.t-h1--grey {
  color: #908f8f;
}
.t-h1--banner {
  color: white;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
}
@media screen and (min-width: 481px) {
  .t-h1--banner {
    font-size: calc(40px  +  30  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  .t-h1--banner {
    font-size: 70px;
  }
}
@media screen and (min-width: 481px) {
  .t-h1--banner {
    line-height: calc(55px  +  30  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  .t-h1--banner {
    line-height: 85px;
  }
}
h2,
.t-h2 {
  margin: 3.0rem 0 1.0rem 0;
  font-weight: 700;
  color: var(--keycolor);
  font-size: 18px;
  line-height: 24px;
}
@media screen and (min-width: 481px) {
  h2,
  .t-h2 {
    font-size: calc(18px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h2,
  .t-h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 481px) {
  h2,
  .t-h2 {
    line-height: calc(24px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h2,
  .t-h2 {
    line-height: 28px;
  }
}
h3,
.t-h3 {
  color: #343434;
  font-weight: bold;
  margin-bottom: 16px !important;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (min-width: 481px) {
  h3,
  .t-h3 {
    margin-bottom: calc(16px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h3,
  .t-h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 481px) {
  h3,
  .t-h3 {
    font-size: calc(18px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h3,
  .t-h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 481px) {
  h3,
  .t-h3 {
    line-height: calc(24px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h3,
  .t-h3 {
    line-height: 28px;
  }
}
h4,
.t-h4 {
  color: #343434;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 481px) {
  h4,
  .t-h4 {
    font-size: calc(16px  +  2  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h4,
  .t-h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 481px) {
  h4,
  .t-h4 {
    line-height: calc(20px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  h4,
  .t-h4 {
    line-height: 24px;
  }
}
.t-footer-text {
  font-size: 10px;
  line-height: 16px;
  color: #C4C4C4;
  text-align: right;
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
}
@media screen and (min-width: 481px) {
  .t-footer-text {
    font-size: calc(10px  +  3  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  .t-footer-text {
    font-size: 13px;
  }
}
@media screen and (min-width: 481px) {
  .t-footer-text {
    line-height: calc(16px  +  4  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  .t-footer-text {
    line-height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .t-footer-text {
    text-align: center;
  }
}
.t-nav-title {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 23px;
  line-height: 2.3rem;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
@media screen and (max-width: 641px) {
  .t-nav-title {
    width: 100%;
  }
}
table {
  max-width: 100% !important;
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  color: #575757;
}
@media screen and (min-width: 481px) {
  table {
    font-size: calc(14px  +  2  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  table {
    font-size: 16px;
  }
}
@media screen and (min-width: 481px) {
  table {
    line-height: calc(24px  +  0  * ((100vw -  481px ) / 543 ));
  }
}
@media screen and (min-width: 1024px) {
  table {
    line-height: 24px;
  }
}
table td {
  border: 1px solid #e3e3e3;
  padding: 1.0rem;
}
.u-nomargin {
  margin-right: 0;
}
.u-boxshadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.u-100 {
  flex-basis: 100%;
}
.u-white-text {
  color: white;
}
.u-grey {
  color: #575757;
}
.u-error {
  color: #cf000f;
}
.u-success {
  color: #009944;
}
.u-notice {
  color: #ec942c;
}
.u-hide {
  display: none;
}
.u-white {
  color: white;
}
@media screen and (max-width: 1024px) {
  .u-nomobile {
    display: none;
  }
}
.u-pullright {
  margin-left: auto;
}
.u-mx100 {
  margin: 100rem !important;
}
.u-mtx100 {
  margin-top: 100rem !important;
}
.u-mrx100 {
  margin-left: 100rem !important;
}
.u-mbx100 {
  margin-bottom: 100rem !important;
}
.u-mlx100 {
  margin-left: 100rem !important;
}
.u-px100 {
  padding: 100rem !important;
}
.u-ptx100 {
  padding-top: 100rem !important;
}
.u-prx100 {
  padding-right: 100rem !important;
}
.u-pbx100 {
  padding-bottom: 100rem !important;
}
.u-plx100 {
  padding-left: 100rem !important;
}
.u-mx99 {
  margin: 99rem !important;
}
.u-mtx99 {
  margin-top: 99rem !important;
}
.u-mrx99 {
  margin-left: 99rem !important;
}
.u-mbx99 {
  margin-bottom: 99rem !important;
}
.u-mlx99 {
  margin-left: 99rem !important;
}
.u-px99 {
  padding: 99rem !important;
}
.u-ptx99 {
  padding-top: 99rem !important;
}
.u-prx99 {
  padding-right: 99rem !important;
}
.u-pbx99 {
  padding-bottom: 99rem !important;
}
.u-plx99 {
  padding-left: 99rem !important;
}
.u-mx98 {
  margin: 98rem !important;
}
.u-mtx98 {
  margin-top: 98rem !important;
}
.u-mrx98 {
  margin-left: 98rem !important;
}
.u-mbx98 {
  margin-bottom: 98rem !important;
}
.u-mlx98 {
  margin-left: 98rem !important;
}
.u-px98 {
  padding: 98rem !important;
}
.u-ptx98 {
  padding-top: 98rem !important;
}
.u-prx98 {
  padding-right: 98rem !important;
}
.u-pbx98 {
  padding-bottom: 98rem !important;
}
.u-plx98 {
  padding-left: 98rem !important;
}
.u-mx97 {
  margin: 97rem !important;
}
.u-mtx97 {
  margin-top: 97rem !important;
}
.u-mrx97 {
  margin-left: 97rem !important;
}
.u-mbx97 {
  margin-bottom: 97rem !important;
}
.u-mlx97 {
  margin-left: 97rem !important;
}
.u-px97 {
  padding: 97rem !important;
}
.u-ptx97 {
  padding-top: 97rem !important;
}
.u-prx97 {
  padding-right: 97rem !important;
}
.u-pbx97 {
  padding-bottom: 97rem !important;
}
.u-plx97 {
  padding-left: 97rem !important;
}
.u-mx96 {
  margin: 96rem !important;
}
.u-mtx96 {
  margin-top: 96rem !important;
}
.u-mrx96 {
  margin-left: 96rem !important;
}
.u-mbx96 {
  margin-bottom: 96rem !important;
}
.u-mlx96 {
  margin-left: 96rem !important;
}
.u-px96 {
  padding: 96rem !important;
}
.u-ptx96 {
  padding-top: 96rem !important;
}
.u-prx96 {
  padding-right: 96rem !important;
}
.u-pbx96 {
  padding-bottom: 96rem !important;
}
.u-plx96 {
  padding-left: 96rem !important;
}
.u-mx95 {
  margin: 95rem !important;
}
.u-mtx95 {
  margin-top: 95rem !important;
}
.u-mrx95 {
  margin-left: 95rem !important;
}
.u-mbx95 {
  margin-bottom: 95rem !important;
}
.u-mlx95 {
  margin-left: 95rem !important;
}
.u-px95 {
  padding: 95rem !important;
}
.u-ptx95 {
  padding-top: 95rem !important;
}
.u-prx95 {
  padding-right: 95rem !important;
}
.u-pbx95 {
  padding-bottom: 95rem !important;
}
.u-plx95 {
  padding-left: 95rem !important;
}
.u-mx94 {
  margin: 94rem !important;
}
.u-mtx94 {
  margin-top: 94rem !important;
}
.u-mrx94 {
  margin-left: 94rem !important;
}
.u-mbx94 {
  margin-bottom: 94rem !important;
}
.u-mlx94 {
  margin-left: 94rem !important;
}
.u-px94 {
  padding: 94rem !important;
}
.u-ptx94 {
  padding-top: 94rem !important;
}
.u-prx94 {
  padding-right: 94rem !important;
}
.u-pbx94 {
  padding-bottom: 94rem !important;
}
.u-plx94 {
  padding-left: 94rem !important;
}
.u-mx93 {
  margin: 93rem !important;
}
.u-mtx93 {
  margin-top: 93rem !important;
}
.u-mrx93 {
  margin-left: 93rem !important;
}
.u-mbx93 {
  margin-bottom: 93rem !important;
}
.u-mlx93 {
  margin-left: 93rem !important;
}
.u-px93 {
  padding: 93rem !important;
}
.u-ptx93 {
  padding-top: 93rem !important;
}
.u-prx93 {
  padding-right: 93rem !important;
}
.u-pbx93 {
  padding-bottom: 93rem !important;
}
.u-plx93 {
  padding-left: 93rem !important;
}
.u-mx92 {
  margin: 92rem !important;
}
.u-mtx92 {
  margin-top: 92rem !important;
}
.u-mrx92 {
  margin-left: 92rem !important;
}
.u-mbx92 {
  margin-bottom: 92rem !important;
}
.u-mlx92 {
  margin-left: 92rem !important;
}
.u-px92 {
  padding: 92rem !important;
}
.u-ptx92 {
  padding-top: 92rem !important;
}
.u-prx92 {
  padding-right: 92rem !important;
}
.u-pbx92 {
  padding-bottom: 92rem !important;
}
.u-plx92 {
  padding-left: 92rem !important;
}
.u-mx91 {
  margin: 91rem !important;
}
.u-mtx91 {
  margin-top: 91rem !important;
}
.u-mrx91 {
  margin-left: 91rem !important;
}
.u-mbx91 {
  margin-bottom: 91rem !important;
}
.u-mlx91 {
  margin-left: 91rem !important;
}
.u-px91 {
  padding: 91rem !important;
}
.u-ptx91 {
  padding-top: 91rem !important;
}
.u-prx91 {
  padding-right: 91rem !important;
}
.u-pbx91 {
  padding-bottom: 91rem !important;
}
.u-plx91 {
  padding-left: 91rem !important;
}
.u-mx90 {
  margin: 90rem !important;
}
.u-mtx90 {
  margin-top: 90rem !important;
}
.u-mrx90 {
  margin-left: 90rem !important;
}
.u-mbx90 {
  margin-bottom: 90rem !important;
}
.u-mlx90 {
  margin-left: 90rem !important;
}
.u-px90 {
  padding: 90rem !important;
}
.u-ptx90 {
  padding-top: 90rem !important;
}
.u-prx90 {
  padding-right: 90rem !important;
}
.u-pbx90 {
  padding-bottom: 90rem !important;
}
.u-plx90 {
  padding-left: 90rem !important;
}
.u-mx89 {
  margin: 89rem !important;
}
.u-mtx89 {
  margin-top: 89rem !important;
}
.u-mrx89 {
  margin-left: 89rem !important;
}
.u-mbx89 {
  margin-bottom: 89rem !important;
}
.u-mlx89 {
  margin-left: 89rem !important;
}
.u-px89 {
  padding: 89rem !important;
}
.u-ptx89 {
  padding-top: 89rem !important;
}
.u-prx89 {
  padding-right: 89rem !important;
}
.u-pbx89 {
  padding-bottom: 89rem !important;
}
.u-plx89 {
  padding-left: 89rem !important;
}
.u-mx88 {
  margin: 88rem !important;
}
.u-mtx88 {
  margin-top: 88rem !important;
}
.u-mrx88 {
  margin-left: 88rem !important;
}
.u-mbx88 {
  margin-bottom: 88rem !important;
}
.u-mlx88 {
  margin-left: 88rem !important;
}
.u-px88 {
  padding: 88rem !important;
}
.u-ptx88 {
  padding-top: 88rem !important;
}
.u-prx88 {
  padding-right: 88rem !important;
}
.u-pbx88 {
  padding-bottom: 88rem !important;
}
.u-plx88 {
  padding-left: 88rem !important;
}
.u-mx87 {
  margin: 87rem !important;
}
.u-mtx87 {
  margin-top: 87rem !important;
}
.u-mrx87 {
  margin-left: 87rem !important;
}
.u-mbx87 {
  margin-bottom: 87rem !important;
}
.u-mlx87 {
  margin-left: 87rem !important;
}
.u-px87 {
  padding: 87rem !important;
}
.u-ptx87 {
  padding-top: 87rem !important;
}
.u-prx87 {
  padding-right: 87rem !important;
}
.u-pbx87 {
  padding-bottom: 87rem !important;
}
.u-plx87 {
  padding-left: 87rem !important;
}
.u-mx86 {
  margin: 86rem !important;
}
.u-mtx86 {
  margin-top: 86rem !important;
}
.u-mrx86 {
  margin-left: 86rem !important;
}
.u-mbx86 {
  margin-bottom: 86rem !important;
}
.u-mlx86 {
  margin-left: 86rem !important;
}
.u-px86 {
  padding: 86rem !important;
}
.u-ptx86 {
  padding-top: 86rem !important;
}
.u-prx86 {
  padding-right: 86rem !important;
}
.u-pbx86 {
  padding-bottom: 86rem !important;
}
.u-plx86 {
  padding-left: 86rem !important;
}
.u-mx85 {
  margin: 85rem !important;
}
.u-mtx85 {
  margin-top: 85rem !important;
}
.u-mrx85 {
  margin-left: 85rem !important;
}
.u-mbx85 {
  margin-bottom: 85rem !important;
}
.u-mlx85 {
  margin-left: 85rem !important;
}
.u-px85 {
  padding: 85rem !important;
}
.u-ptx85 {
  padding-top: 85rem !important;
}
.u-prx85 {
  padding-right: 85rem !important;
}
.u-pbx85 {
  padding-bottom: 85rem !important;
}
.u-plx85 {
  padding-left: 85rem !important;
}
.u-mx84 {
  margin: 84rem !important;
}
.u-mtx84 {
  margin-top: 84rem !important;
}
.u-mrx84 {
  margin-left: 84rem !important;
}
.u-mbx84 {
  margin-bottom: 84rem !important;
}
.u-mlx84 {
  margin-left: 84rem !important;
}
.u-px84 {
  padding: 84rem !important;
}
.u-ptx84 {
  padding-top: 84rem !important;
}
.u-prx84 {
  padding-right: 84rem !important;
}
.u-pbx84 {
  padding-bottom: 84rem !important;
}
.u-plx84 {
  padding-left: 84rem !important;
}
.u-mx83 {
  margin: 83rem !important;
}
.u-mtx83 {
  margin-top: 83rem !important;
}
.u-mrx83 {
  margin-left: 83rem !important;
}
.u-mbx83 {
  margin-bottom: 83rem !important;
}
.u-mlx83 {
  margin-left: 83rem !important;
}
.u-px83 {
  padding: 83rem !important;
}
.u-ptx83 {
  padding-top: 83rem !important;
}
.u-prx83 {
  padding-right: 83rem !important;
}
.u-pbx83 {
  padding-bottom: 83rem !important;
}
.u-plx83 {
  padding-left: 83rem !important;
}
.u-mx82 {
  margin: 82rem !important;
}
.u-mtx82 {
  margin-top: 82rem !important;
}
.u-mrx82 {
  margin-left: 82rem !important;
}
.u-mbx82 {
  margin-bottom: 82rem !important;
}
.u-mlx82 {
  margin-left: 82rem !important;
}
.u-px82 {
  padding: 82rem !important;
}
.u-ptx82 {
  padding-top: 82rem !important;
}
.u-prx82 {
  padding-right: 82rem !important;
}
.u-pbx82 {
  padding-bottom: 82rem !important;
}
.u-plx82 {
  padding-left: 82rem !important;
}
.u-mx81 {
  margin: 81rem !important;
}
.u-mtx81 {
  margin-top: 81rem !important;
}
.u-mrx81 {
  margin-left: 81rem !important;
}
.u-mbx81 {
  margin-bottom: 81rem !important;
}
.u-mlx81 {
  margin-left: 81rem !important;
}
.u-px81 {
  padding: 81rem !important;
}
.u-ptx81 {
  padding-top: 81rem !important;
}
.u-prx81 {
  padding-right: 81rem !important;
}
.u-pbx81 {
  padding-bottom: 81rem !important;
}
.u-plx81 {
  padding-left: 81rem !important;
}
.u-mx80 {
  margin: 80rem !important;
}
.u-mtx80 {
  margin-top: 80rem !important;
}
.u-mrx80 {
  margin-left: 80rem !important;
}
.u-mbx80 {
  margin-bottom: 80rem !important;
}
.u-mlx80 {
  margin-left: 80rem !important;
}
.u-px80 {
  padding: 80rem !important;
}
.u-ptx80 {
  padding-top: 80rem !important;
}
.u-prx80 {
  padding-right: 80rem !important;
}
.u-pbx80 {
  padding-bottom: 80rem !important;
}
.u-plx80 {
  padding-left: 80rem !important;
}
.u-mx79 {
  margin: 79rem !important;
}
.u-mtx79 {
  margin-top: 79rem !important;
}
.u-mrx79 {
  margin-left: 79rem !important;
}
.u-mbx79 {
  margin-bottom: 79rem !important;
}
.u-mlx79 {
  margin-left: 79rem !important;
}
.u-px79 {
  padding: 79rem !important;
}
.u-ptx79 {
  padding-top: 79rem !important;
}
.u-prx79 {
  padding-right: 79rem !important;
}
.u-pbx79 {
  padding-bottom: 79rem !important;
}
.u-plx79 {
  padding-left: 79rem !important;
}
.u-mx78 {
  margin: 78rem !important;
}
.u-mtx78 {
  margin-top: 78rem !important;
}
.u-mrx78 {
  margin-left: 78rem !important;
}
.u-mbx78 {
  margin-bottom: 78rem !important;
}
.u-mlx78 {
  margin-left: 78rem !important;
}
.u-px78 {
  padding: 78rem !important;
}
.u-ptx78 {
  padding-top: 78rem !important;
}
.u-prx78 {
  padding-right: 78rem !important;
}
.u-pbx78 {
  padding-bottom: 78rem !important;
}
.u-plx78 {
  padding-left: 78rem !important;
}
.u-mx77 {
  margin: 77rem !important;
}
.u-mtx77 {
  margin-top: 77rem !important;
}
.u-mrx77 {
  margin-left: 77rem !important;
}
.u-mbx77 {
  margin-bottom: 77rem !important;
}
.u-mlx77 {
  margin-left: 77rem !important;
}
.u-px77 {
  padding: 77rem !important;
}
.u-ptx77 {
  padding-top: 77rem !important;
}
.u-prx77 {
  padding-right: 77rem !important;
}
.u-pbx77 {
  padding-bottom: 77rem !important;
}
.u-plx77 {
  padding-left: 77rem !important;
}
.u-mx76 {
  margin: 76rem !important;
}
.u-mtx76 {
  margin-top: 76rem !important;
}
.u-mrx76 {
  margin-left: 76rem !important;
}
.u-mbx76 {
  margin-bottom: 76rem !important;
}
.u-mlx76 {
  margin-left: 76rem !important;
}
.u-px76 {
  padding: 76rem !important;
}
.u-ptx76 {
  padding-top: 76rem !important;
}
.u-prx76 {
  padding-right: 76rem !important;
}
.u-pbx76 {
  padding-bottom: 76rem !important;
}
.u-plx76 {
  padding-left: 76rem !important;
}
.u-mx75 {
  margin: 75rem !important;
}
.u-mtx75 {
  margin-top: 75rem !important;
}
.u-mrx75 {
  margin-left: 75rem !important;
}
.u-mbx75 {
  margin-bottom: 75rem !important;
}
.u-mlx75 {
  margin-left: 75rem !important;
}
.u-px75 {
  padding: 75rem !important;
}
.u-ptx75 {
  padding-top: 75rem !important;
}
.u-prx75 {
  padding-right: 75rem !important;
}
.u-pbx75 {
  padding-bottom: 75rem !important;
}
.u-plx75 {
  padding-left: 75rem !important;
}
.u-mx74 {
  margin: 74rem !important;
}
.u-mtx74 {
  margin-top: 74rem !important;
}
.u-mrx74 {
  margin-left: 74rem !important;
}
.u-mbx74 {
  margin-bottom: 74rem !important;
}
.u-mlx74 {
  margin-left: 74rem !important;
}
.u-px74 {
  padding: 74rem !important;
}
.u-ptx74 {
  padding-top: 74rem !important;
}
.u-prx74 {
  padding-right: 74rem !important;
}
.u-pbx74 {
  padding-bottom: 74rem !important;
}
.u-plx74 {
  padding-left: 74rem !important;
}
.u-mx73 {
  margin: 73rem !important;
}
.u-mtx73 {
  margin-top: 73rem !important;
}
.u-mrx73 {
  margin-left: 73rem !important;
}
.u-mbx73 {
  margin-bottom: 73rem !important;
}
.u-mlx73 {
  margin-left: 73rem !important;
}
.u-px73 {
  padding: 73rem !important;
}
.u-ptx73 {
  padding-top: 73rem !important;
}
.u-prx73 {
  padding-right: 73rem !important;
}
.u-pbx73 {
  padding-bottom: 73rem !important;
}
.u-plx73 {
  padding-left: 73rem !important;
}
.u-mx72 {
  margin: 72rem !important;
}
.u-mtx72 {
  margin-top: 72rem !important;
}
.u-mrx72 {
  margin-left: 72rem !important;
}
.u-mbx72 {
  margin-bottom: 72rem !important;
}
.u-mlx72 {
  margin-left: 72rem !important;
}
.u-px72 {
  padding: 72rem !important;
}
.u-ptx72 {
  padding-top: 72rem !important;
}
.u-prx72 {
  padding-right: 72rem !important;
}
.u-pbx72 {
  padding-bottom: 72rem !important;
}
.u-plx72 {
  padding-left: 72rem !important;
}
.u-mx71 {
  margin: 71rem !important;
}
.u-mtx71 {
  margin-top: 71rem !important;
}
.u-mrx71 {
  margin-left: 71rem !important;
}
.u-mbx71 {
  margin-bottom: 71rem !important;
}
.u-mlx71 {
  margin-left: 71rem !important;
}
.u-px71 {
  padding: 71rem !important;
}
.u-ptx71 {
  padding-top: 71rem !important;
}
.u-prx71 {
  padding-right: 71rem !important;
}
.u-pbx71 {
  padding-bottom: 71rem !important;
}
.u-plx71 {
  padding-left: 71rem !important;
}
.u-mx70 {
  margin: 70rem !important;
}
.u-mtx70 {
  margin-top: 70rem !important;
}
.u-mrx70 {
  margin-left: 70rem !important;
}
.u-mbx70 {
  margin-bottom: 70rem !important;
}
.u-mlx70 {
  margin-left: 70rem !important;
}
.u-px70 {
  padding: 70rem !important;
}
.u-ptx70 {
  padding-top: 70rem !important;
}
.u-prx70 {
  padding-right: 70rem !important;
}
.u-pbx70 {
  padding-bottom: 70rem !important;
}
.u-plx70 {
  padding-left: 70rem !important;
}
.u-mx69 {
  margin: 69rem !important;
}
.u-mtx69 {
  margin-top: 69rem !important;
}
.u-mrx69 {
  margin-left: 69rem !important;
}
.u-mbx69 {
  margin-bottom: 69rem !important;
}
.u-mlx69 {
  margin-left: 69rem !important;
}
.u-px69 {
  padding: 69rem !important;
}
.u-ptx69 {
  padding-top: 69rem !important;
}
.u-prx69 {
  padding-right: 69rem !important;
}
.u-pbx69 {
  padding-bottom: 69rem !important;
}
.u-plx69 {
  padding-left: 69rem !important;
}
.u-mx68 {
  margin: 68rem !important;
}
.u-mtx68 {
  margin-top: 68rem !important;
}
.u-mrx68 {
  margin-left: 68rem !important;
}
.u-mbx68 {
  margin-bottom: 68rem !important;
}
.u-mlx68 {
  margin-left: 68rem !important;
}
.u-px68 {
  padding: 68rem !important;
}
.u-ptx68 {
  padding-top: 68rem !important;
}
.u-prx68 {
  padding-right: 68rem !important;
}
.u-pbx68 {
  padding-bottom: 68rem !important;
}
.u-plx68 {
  padding-left: 68rem !important;
}
.u-mx67 {
  margin: 67rem !important;
}
.u-mtx67 {
  margin-top: 67rem !important;
}
.u-mrx67 {
  margin-left: 67rem !important;
}
.u-mbx67 {
  margin-bottom: 67rem !important;
}
.u-mlx67 {
  margin-left: 67rem !important;
}
.u-px67 {
  padding: 67rem !important;
}
.u-ptx67 {
  padding-top: 67rem !important;
}
.u-prx67 {
  padding-right: 67rem !important;
}
.u-pbx67 {
  padding-bottom: 67rem !important;
}
.u-plx67 {
  padding-left: 67rem !important;
}
.u-mx66 {
  margin: 66rem !important;
}
.u-mtx66 {
  margin-top: 66rem !important;
}
.u-mrx66 {
  margin-left: 66rem !important;
}
.u-mbx66 {
  margin-bottom: 66rem !important;
}
.u-mlx66 {
  margin-left: 66rem !important;
}
.u-px66 {
  padding: 66rem !important;
}
.u-ptx66 {
  padding-top: 66rem !important;
}
.u-prx66 {
  padding-right: 66rem !important;
}
.u-pbx66 {
  padding-bottom: 66rem !important;
}
.u-plx66 {
  padding-left: 66rem !important;
}
.u-mx65 {
  margin: 65rem !important;
}
.u-mtx65 {
  margin-top: 65rem !important;
}
.u-mrx65 {
  margin-left: 65rem !important;
}
.u-mbx65 {
  margin-bottom: 65rem !important;
}
.u-mlx65 {
  margin-left: 65rem !important;
}
.u-px65 {
  padding: 65rem !important;
}
.u-ptx65 {
  padding-top: 65rem !important;
}
.u-prx65 {
  padding-right: 65rem !important;
}
.u-pbx65 {
  padding-bottom: 65rem !important;
}
.u-plx65 {
  padding-left: 65rem !important;
}
.u-mx64 {
  margin: 64rem !important;
}
.u-mtx64 {
  margin-top: 64rem !important;
}
.u-mrx64 {
  margin-left: 64rem !important;
}
.u-mbx64 {
  margin-bottom: 64rem !important;
}
.u-mlx64 {
  margin-left: 64rem !important;
}
.u-px64 {
  padding: 64rem !important;
}
.u-ptx64 {
  padding-top: 64rem !important;
}
.u-prx64 {
  padding-right: 64rem !important;
}
.u-pbx64 {
  padding-bottom: 64rem !important;
}
.u-plx64 {
  padding-left: 64rem !important;
}
.u-mx63 {
  margin: 63rem !important;
}
.u-mtx63 {
  margin-top: 63rem !important;
}
.u-mrx63 {
  margin-left: 63rem !important;
}
.u-mbx63 {
  margin-bottom: 63rem !important;
}
.u-mlx63 {
  margin-left: 63rem !important;
}
.u-px63 {
  padding: 63rem !important;
}
.u-ptx63 {
  padding-top: 63rem !important;
}
.u-prx63 {
  padding-right: 63rem !important;
}
.u-pbx63 {
  padding-bottom: 63rem !important;
}
.u-plx63 {
  padding-left: 63rem !important;
}
.u-mx62 {
  margin: 62rem !important;
}
.u-mtx62 {
  margin-top: 62rem !important;
}
.u-mrx62 {
  margin-left: 62rem !important;
}
.u-mbx62 {
  margin-bottom: 62rem !important;
}
.u-mlx62 {
  margin-left: 62rem !important;
}
.u-px62 {
  padding: 62rem !important;
}
.u-ptx62 {
  padding-top: 62rem !important;
}
.u-prx62 {
  padding-right: 62rem !important;
}
.u-pbx62 {
  padding-bottom: 62rem !important;
}
.u-plx62 {
  padding-left: 62rem !important;
}
.u-mx61 {
  margin: 61rem !important;
}
.u-mtx61 {
  margin-top: 61rem !important;
}
.u-mrx61 {
  margin-left: 61rem !important;
}
.u-mbx61 {
  margin-bottom: 61rem !important;
}
.u-mlx61 {
  margin-left: 61rem !important;
}
.u-px61 {
  padding: 61rem !important;
}
.u-ptx61 {
  padding-top: 61rem !important;
}
.u-prx61 {
  padding-right: 61rem !important;
}
.u-pbx61 {
  padding-bottom: 61rem !important;
}
.u-plx61 {
  padding-left: 61rem !important;
}
.u-mx60 {
  margin: 60rem !important;
}
.u-mtx60 {
  margin-top: 60rem !important;
}
.u-mrx60 {
  margin-left: 60rem !important;
}
.u-mbx60 {
  margin-bottom: 60rem !important;
}
.u-mlx60 {
  margin-left: 60rem !important;
}
.u-px60 {
  padding: 60rem !important;
}
.u-ptx60 {
  padding-top: 60rem !important;
}
.u-prx60 {
  padding-right: 60rem !important;
}
.u-pbx60 {
  padding-bottom: 60rem !important;
}
.u-plx60 {
  padding-left: 60rem !important;
}
.u-mx59 {
  margin: 59rem !important;
}
.u-mtx59 {
  margin-top: 59rem !important;
}
.u-mrx59 {
  margin-left: 59rem !important;
}
.u-mbx59 {
  margin-bottom: 59rem !important;
}
.u-mlx59 {
  margin-left: 59rem !important;
}
.u-px59 {
  padding: 59rem !important;
}
.u-ptx59 {
  padding-top: 59rem !important;
}
.u-prx59 {
  padding-right: 59rem !important;
}
.u-pbx59 {
  padding-bottom: 59rem !important;
}
.u-plx59 {
  padding-left: 59rem !important;
}
.u-mx58 {
  margin: 58rem !important;
}
.u-mtx58 {
  margin-top: 58rem !important;
}
.u-mrx58 {
  margin-left: 58rem !important;
}
.u-mbx58 {
  margin-bottom: 58rem !important;
}
.u-mlx58 {
  margin-left: 58rem !important;
}
.u-px58 {
  padding: 58rem !important;
}
.u-ptx58 {
  padding-top: 58rem !important;
}
.u-prx58 {
  padding-right: 58rem !important;
}
.u-pbx58 {
  padding-bottom: 58rem !important;
}
.u-plx58 {
  padding-left: 58rem !important;
}
.u-mx57 {
  margin: 57rem !important;
}
.u-mtx57 {
  margin-top: 57rem !important;
}
.u-mrx57 {
  margin-left: 57rem !important;
}
.u-mbx57 {
  margin-bottom: 57rem !important;
}
.u-mlx57 {
  margin-left: 57rem !important;
}
.u-px57 {
  padding: 57rem !important;
}
.u-ptx57 {
  padding-top: 57rem !important;
}
.u-prx57 {
  padding-right: 57rem !important;
}
.u-pbx57 {
  padding-bottom: 57rem !important;
}
.u-plx57 {
  padding-left: 57rem !important;
}
.u-mx56 {
  margin: 56rem !important;
}
.u-mtx56 {
  margin-top: 56rem !important;
}
.u-mrx56 {
  margin-left: 56rem !important;
}
.u-mbx56 {
  margin-bottom: 56rem !important;
}
.u-mlx56 {
  margin-left: 56rem !important;
}
.u-px56 {
  padding: 56rem !important;
}
.u-ptx56 {
  padding-top: 56rem !important;
}
.u-prx56 {
  padding-right: 56rem !important;
}
.u-pbx56 {
  padding-bottom: 56rem !important;
}
.u-plx56 {
  padding-left: 56rem !important;
}
.u-mx55 {
  margin: 55rem !important;
}
.u-mtx55 {
  margin-top: 55rem !important;
}
.u-mrx55 {
  margin-left: 55rem !important;
}
.u-mbx55 {
  margin-bottom: 55rem !important;
}
.u-mlx55 {
  margin-left: 55rem !important;
}
.u-px55 {
  padding: 55rem !important;
}
.u-ptx55 {
  padding-top: 55rem !important;
}
.u-prx55 {
  padding-right: 55rem !important;
}
.u-pbx55 {
  padding-bottom: 55rem !important;
}
.u-plx55 {
  padding-left: 55rem !important;
}
.u-mx54 {
  margin: 54rem !important;
}
.u-mtx54 {
  margin-top: 54rem !important;
}
.u-mrx54 {
  margin-left: 54rem !important;
}
.u-mbx54 {
  margin-bottom: 54rem !important;
}
.u-mlx54 {
  margin-left: 54rem !important;
}
.u-px54 {
  padding: 54rem !important;
}
.u-ptx54 {
  padding-top: 54rem !important;
}
.u-prx54 {
  padding-right: 54rem !important;
}
.u-pbx54 {
  padding-bottom: 54rem !important;
}
.u-plx54 {
  padding-left: 54rem !important;
}
.u-mx53 {
  margin: 53rem !important;
}
.u-mtx53 {
  margin-top: 53rem !important;
}
.u-mrx53 {
  margin-left: 53rem !important;
}
.u-mbx53 {
  margin-bottom: 53rem !important;
}
.u-mlx53 {
  margin-left: 53rem !important;
}
.u-px53 {
  padding: 53rem !important;
}
.u-ptx53 {
  padding-top: 53rem !important;
}
.u-prx53 {
  padding-right: 53rem !important;
}
.u-pbx53 {
  padding-bottom: 53rem !important;
}
.u-plx53 {
  padding-left: 53rem !important;
}
.u-mx52 {
  margin: 52rem !important;
}
.u-mtx52 {
  margin-top: 52rem !important;
}
.u-mrx52 {
  margin-left: 52rem !important;
}
.u-mbx52 {
  margin-bottom: 52rem !important;
}
.u-mlx52 {
  margin-left: 52rem !important;
}
.u-px52 {
  padding: 52rem !important;
}
.u-ptx52 {
  padding-top: 52rem !important;
}
.u-prx52 {
  padding-right: 52rem !important;
}
.u-pbx52 {
  padding-bottom: 52rem !important;
}
.u-plx52 {
  padding-left: 52rem !important;
}
.u-mx51 {
  margin: 51rem !important;
}
.u-mtx51 {
  margin-top: 51rem !important;
}
.u-mrx51 {
  margin-left: 51rem !important;
}
.u-mbx51 {
  margin-bottom: 51rem !important;
}
.u-mlx51 {
  margin-left: 51rem !important;
}
.u-px51 {
  padding: 51rem !important;
}
.u-ptx51 {
  padding-top: 51rem !important;
}
.u-prx51 {
  padding-right: 51rem !important;
}
.u-pbx51 {
  padding-bottom: 51rem !important;
}
.u-plx51 {
  padding-left: 51rem !important;
}
.u-mx50 {
  margin: 50rem !important;
}
.u-mtx50 {
  margin-top: 50rem !important;
}
.u-mrx50 {
  margin-left: 50rem !important;
}
.u-mbx50 {
  margin-bottom: 50rem !important;
}
.u-mlx50 {
  margin-left: 50rem !important;
}
.u-px50 {
  padding: 50rem !important;
}
.u-ptx50 {
  padding-top: 50rem !important;
}
.u-prx50 {
  padding-right: 50rem !important;
}
.u-pbx50 {
  padding-bottom: 50rem !important;
}
.u-plx50 {
  padding-left: 50rem !important;
}
.u-mx49 {
  margin: 49rem !important;
}
.u-mtx49 {
  margin-top: 49rem !important;
}
.u-mrx49 {
  margin-left: 49rem !important;
}
.u-mbx49 {
  margin-bottom: 49rem !important;
}
.u-mlx49 {
  margin-left: 49rem !important;
}
.u-px49 {
  padding: 49rem !important;
}
.u-ptx49 {
  padding-top: 49rem !important;
}
.u-prx49 {
  padding-right: 49rem !important;
}
.u-pbx49 {
  padding-bottom: 49rem !important;
}
.u-plx49 {
  padding-left: 49rem !important;
}
.u-mx48 {
  margin: 48rem !important;
}
.u-mtx48 {
  margin-top: 48rem !important;
}
.u-mrx48 {
  margin-left: 48rem !important;
}
.u-mbx48 {
  margin-bottom: 48rem !important;
}
.u-mlx48 {
  margin-left: 48rem !important;
}
.u-px48 {
  padding: 48rem !important;
}
.u-ptx48 {
  padding-top: 48rem !important;
}
.u-prx48 {
  padding-right: 48rem !important;
}
.u-pbx48 {
  padding-bottom: 48rem !important;
}
.u-plx48 {
  padding-left: 48rem !important;
}
.u-mx47 {
  margin: 47rem !important;
}
.u-mtx47 {
  margin-top: 47rem !important;
}
.u-mrx47 {
  margin-left: 47rem !important;
}
.u-mbx47 {
  margin-bottom: 47rem !important;
}
.u-mlx47 {
  margin-left: 47rem !important;
}
.u-px47 {
  padding: 47rem !important;
}
.u-ptx47 {
  padding-top: 47rem !important;
}
.u-prx47 {
  padding-right: 47rem !important;
}
.u-pbx47 {
  padding-bottom: 47rem !important;
}
.u-plx47 {
  padding-left: 47rem !important;
}
.u-mx46 {
  margin: 46rem !important;
}
.u-mtx46 {
  margin-top: 46rem !important;
}
.u-mrx46 {
  margin-left: 46rem !important;
}
.u-mbx46 {
  margin-bottom: 46rem !important;
}
.u-mlx46 {
  margin-left: 46rem !important;
}
.u-px46 {
  padding: 46rem !important;
}
.u-ptx46 {
  padding-top: 46rem !important;
}
.u-prx46 {
  padding-right: 46rem !important;
}
.u-pbx46 {
  padding-bottom: 46rem !important;
}
.u-plx46 {
  padding-left: 46rem !important;
}
.u-mx45 {
  margin: 45rem !important;
}
.u-mtx45 {
  margin-top: 45rem !important;
}
.u-mrx45 {
  margin-left: 45rem !important;
}
.u-mbx45 {
  margin-bottom: 45rem !important;
}
.u-mlx45 {
  margin-left: 45rem !important;
}
.u-px45 {
  padding: 45rem !important;
}
.u-ptx45 {
  padding-top: 45rem !important;
}
.u-prx45 {
  padding-right: 45rem !important;
}
.u-pbx45 {
  padding-bottom: 45rem !important;
}
.u-plx45 {
  padding-left: 45rem !important;
}
.u-mx44 {
  margin: 44rem !important;
}
.u-mtx44 {
  margin-top: 44rem !important;
}
.u-mrx44 {
  margin-left: 44rem !important;
}
.u-mbx44 {
  margin-bottom: 44rem !important;
}
.u-mlx44 {
  margin-left: 44rem !important;
}
.u-px44 {
  padding: 44rem !important;
}
.u-ptx44 {
  padding-top: 44rem !important;
}
.u-prx44 {
  padding-right: 44rem !important;
}
.u-pbx44 {
  padding-bottom: 44rem !important;
}
.u-plx44 {
  padding-left: 44rem !important;
}
.u-mx43 {
  margin: 43rem !important;
}
.u-mtx43 {
  margin-top: 43rem !important;
}
.u-mrx43 {
  margin-left: 43rem !important;
}
.u-mbx43 {
  margin-bottom: 43rem !important;
}
.u-mlx43 {
  margin-left: 43rem !important;
}
.u-px43 {
  padding: 43rem !important;
}
.u-ptx43 {
  padding-top: 43rem !important;
}
.u-prx43 {
  padding-right: 43rem !important;
}
.u-pbx43 {
  padding-bottom: 43rem !important;
}
.u-plx43 {
  padding-left: 43rem !important;
}
.u-mx42 {
  margin: 42rem !important;
}
.u-mtx42 {
  margin-top: 42rem !important;
}
.u-mrx42 {
  margin-left: 42rem !important;
}
.u-mbx42 {
  margin-bottom: 42rem !important;
}
.u-mlx42 {
  margin-left: 42rem !important;
}
.u-px42 {
  padding: 42rem !important;
}
.u-ptx42 {
  padding-top: 42rem !important;
}
.u-prx42 {
  padding-right: 42rem !important;
}
.u-pbx42 {
  padding-bottom: 42rem !important;
}
.u-plx42 {
  padding-left: 42rem !important;
}
.u-mx41 {
  margin: 41rem !important;
}
.u-mtx41 {
  margin-top: 41rem !important;
}
.u-mrx41 {
  margin-left: 41rem !important;
}
.u-mbx41 {
  margin-bottom: 41rem !important;
}
.u-mlx41 {
  margin-left: 41rem !important;
}
.u-px41 {
  padding: 41rem !important;
}
.u-ptx41 {
  padding-top: 41rem !important;
}
.u-prx41 {
  padding-right: 41rem !important;
}
.u-pbx41 {
  padding-bottom: 41rem !important;
}
.u-plx41 {
  padding-left: 41rem !important;
}
.u-mx40 {
  margin: 40rem !important;
}
.u-mtx40 {
  margin-top: 40rem !important;
}
.u-mrx40 {
  margin-left: 40rem !important;
}
.u-mbx40 {
  margin-bottom: 40rem !important;
}
.u-mlx40 {
  margin-left: 40rem !important;
}
.u-px40 {
  padding: 40rem !important;
}
.u-ptx40 {
  padding-top: 40rem !important;
}
.u-prx40 {
  padding-right: 40rem !important;
}
.u-pbx40 {
  padding-bottom: 40rem !important;
}
.u-plx40 {
  padding-left: 40rem !important;
}
.u-mx39 {
  margin: 39rem !important;
}
.u-mtx39 {
  margin-top: 39rem !important;
}
.u-mrx39 {
  margin-left: 39rem !important;
}
.u-mbx39 {
  margin-bottom: 39rem !important;
}
.u-mlx39 {
  margin-left: 39rem !important;
}
.u-px39 {
  padding: 39rem !important;
}
.u-ptx39 {
  padding-top: 39rem !important;
}
.u-prx39 {
  padding-right: 39rem !important;
}
.u-pbx39 {
  padding-bottom: 39rem !important;
}
.u-plx39 {
  padding-left: 39rem !important;
}
.u-mx38 {
  margin: 38rem !important;
}
.u-mtx38 {
  margin-top: 38rem !important;
}
.u-mrx38 {
  margin-left: 38rem !important;
}
.u-mbx38 {
  margin-bottom: 38rem !important;
}
.u-mlx38 {
  margin-left: 38rem !important;
}
.u-px38 {
  padding: 38rem !important;
}
.u-ptx38 {
  padding-top: 38rem !important;
}
.u-prx38 {
  padding-right: 38rem !important;
}
.u-pbx38 {
  padding-bottom: 38rem !important;
}
.u-plx38 {
  padding-left: 38rem !important;
}
.u-mx37 {
  margin: 37rem !important;
}
.u-mtx37 {
  margin-top: 37rem !important;
}
.u-mrx37 {
  margin-left: 37rem !important;
}
.u-mbx37 {
  margin-bottom: 37rem !important;
}
.u-mlx37 {
  margin-left: 37rem !important;
}
.u-px37 {
  padding: 37rem !important;
}
.u-ptx37 {
  padding-top: 37rem !important;
}
.u-prx37 {
  padding-right: 37rem !important;
}
.u-pbx37 {
  padding-bottom: 37rem !important;
}
.u-plx37 {
  padding-left: 37rem !important;
}
.u-mx36 {
  margin: 36rem !important;
}
.u-mtx36 {
  margin-top: 36rem !important;
}
.u-mrx36 {
  margin-left: 36rem !important;
}
.u-mbx36 {
  margin-bottom: 36rem !important;
}
.u-mlx36 {
  margin-left: 36rem !important;
}
.u-px36 {
  padding: 36rem !important;
}
.u-ptx36 {
  padding-top: 36rem !important;
}
.u-prx36 {
  padding-right: 36rem !important;
}
.u-pbx36 {
  padding-bottom: 36rem !important;
}
.u-plx36 {
  padding-left: 36rem !important;
}
.u-mx35 {
  margin: 35rem !important;
}
.u-mtx35 {
  margin-top: 35rem !important;
}
.u-mrx35 {
  margin-left: 35rem !important;
}
.u-mbx35 {
  margin-bottom: 35rem !important;
}
.u-mlx35 {
  margin-left: 35rem !important;
}
.u-px35 {
  padding: 35rem !important;
}
.u-ptx35 {
  padding-top: 35rem !important;
}
.u-prx35 {
  padding-right: 35rem !important;
}
.u-pbx35 {
  padding-bottom: 35rem !important;
}
.u-plx35 {
  padding-left: 35rem !important;
}
.u-mx34 {
  margin: 34rem !important;
}
.u-mtx34 {
  margin-top: 34rem !important;
}
.u-mrx34 {
  margin-left: 34rem !important;
}
.u-mbx34 {
  margin-bottom: 34rem !important;
}
.u-mlx34 {
  margin-left: 34rem !important;
}
.u-px34 {
  padding: 34rem !important;
}
.u-ptx34 {
  padding-top: 34rem !important;
}
.u-prx34 {
  padding-right: 34rem !important;
}
.u-pbx34 {
  padding-bottom: 34rem !important;
}
.u-plx34 {
  padding-left: 34rem !important;
}
.u-mx33 {
  margin: 33rem !important;
}
.u-mtx33 {
  margin-top: 33rem !important;
}
.u-mrx33 {
  margin-left: 33rem !important;
}
.u-mbx33 {
  margin-bottom: 33rem !important;
}
.u-mlx33 {
  margin-left: 33rem !important;
}
.u-px33 {
  padding: 33rem !important;
}
.u-ptx33 {
  padding-top: 33rem !important;
}
.u-prx33 {
  padding-right: 33rem !important;
}
.u-pbx33 {
  padding-bottom: 33rem !important;
}
.u-plx33 {
  padding-left: 33rem !important;
}
.u-mx32 {
  margin: 32rem !important;
}
.u-mtx32 {
  margin-top: 32rem !important;
}
.u-mrx32 {
  margin-left: 32rem !important;
}
.u-mbx32 {
  margin-bottom: 32rem !important;
}
.u-mlx32 {
  margin-left: 32rem !important;
}
.u-px32 {
  padding: 32rem !important;
}
.u-ptx32 {
  padding-top: 32rem !important;
}
.u-prx32 {
  padding-right: 32rem !important;
}
.u-pbx32 {
  padding-bottom: 32rem !important;
}
.u-plx32 {
  padding-left: 32rem !important;
}
.u-mx31 {
  margin: 31rem !important;
}
.u-mtx31 {
  margin-top: 31rem !important;
}
.u-mrx31 {
  margin-left: 31rem !important;
}
.u-mbx31 {
  margin-bottom: 31rem !important;
}
.u-mlx31 {
  margin-left: 31rem !important;
}
.u-px31 {
  padding: 31rem !important;
}
.u-ptx31 {
  padding-top: 31rem !important;
}
.u-prx31 {
  padding-right: 31rem !important;
}
.u-pbx31 {
  padding-bottom: 31rem !important;
}
.u-plx31 {
  padding-left: 31rem !important;
}
.u-mx30 {
  margin: 30rem !important;
}
.u-mtx30 {
  margin-top: 30rem !important;
}
.u-mrx30 {
  margin-left: 30rem !important;
}
.u-mbx30 {
  margin-bottom: 30rem !important;
}
.u-mlx30 {
  margin-left: 30rem !important;
}
.u-px30 {
  padding: 30rem !important;
}
.u-ptx30 {
  padding-top: 30rem !important;
}
.u-prx30 {
  padding-right: 30rem !important;
}
.u-pbx30 {
  padding-bottom: 30rem !important;
}
.u-plx30 {
  padding-left: 30rem !important;
}
.u-mx29 {
  margin: 29rem !important;
}
.u-mtx29 {
  margin-top: 29rem !important;
}
.u-mrx29 {
  margin-left: 29rem !important;
}
.u-mbx29 {
  margin-bottom: 29rem !important;
}
.u-mlx29 {
  margin-left: 29rem !important;
}
.u-px29 {
  padding: 29rem !important;
}
.u-ptx29 {
  padding-top: 29rem !important;
}
.u-prx29 {
  padding-right: 29rem !important;
}
.u-pbx29 {
  padding-bottom: 29rem !important;
}
.u-plx29 {
  padding-left: 29rem !important;
}
.u-mx28 {
  margin: 28rem !important;
}
.u-mtx28 {
  margin-top: 28rem !important;
}
.u-mrx28 {
  margin-left: 28rem !important;
}
.u-mbx28 {
  margin-bottom: 28rem !important;
}
.u-mlx28 {
  margin-left: 28rem !important;
}
.u-px28 {
  padding: 28rem !important;
}
.u-ptx28 {
  padding-top: 28rem !important;
}
.u-prx28 {
  padding-right: 28rem !important;
}
.u-pbx28 {
  padding-bottom: 28rem !important;
}
.u-plx28 {
  padding-left: 28rem !important;
}
.u-mx27 {
  margin: 27rem !important;
}
.u-mtx27 {
  margin-top: 27rem !important;
}
.u-mrx27 {
  margin-left: 27rem !important;
}
.u-mbx27 {
  margin-bottom: 27rem !important;
}
.u-mlx27 {
  margin-left: 27rem !important;
}
.u-px27 {
  padding: 27rem !important;
}
.u-ptx27 {
  padding-top: 27rem !important;
}
.u-prx27 {
  padding-right: 27rem !important;
}
.u-pbx27 {
  padding-bottom: 27rem !important;
}
.u-plx27 {
  padding-left: 27rem !important;
}
.u-mx26 {
  margin: 26rem !important;
}
.u-mtx26 {
  margin-top: 26rem !important;
}
.u-mrx26 {
  margin-left: 26rem !important;
}
.u-mbx26 {
  margin-bottom: 26rem !important;
}
.u-mlx26 {
  margin-left: 26rem !important;
}
.u-px26 {
  padding: 26rem !important;
}
.u-ptx26 {
  padding-top: 26rem !important;
}
.u-prx26 {
  padding-right: 26rem !important;
}
.u-pbx26 {
  padding-bottom: 26rem !important;
}
.u-plx26 {
  padding-left: 26rem !important;
}
.u-mx25 {
  margin: 25rem !important;
}
.u-mtx25 {
  margin-top: 25rem !important;
}
.u-mrx25 {
  margin-left: 25rem !important;
}
.u-mbx25 {
  margin-bottom: 25rem !important;
}
.u-mlx25 {
  margin-left: 25rem !important;
}
.u-px25 {
  padding: 25rem !important;
}
.u-ptx25 {
  padding-top: 25rem !important;
}
.u-prx25 {
  padding-right: 25rem !important;
}
.u-pbx25 {
  padding-bottom: 25rem !important;
}
.u-plx25 {
  padding-left: 25rem !important;
}
.u-mx24 {
  margin: 24rem !important;
}
.u-mtx24 {
  margin-top: 24rem !important;
}
.u-mrx24 {
  margin-left: 24rem !important;
}
.u-mbx24 {
  margin-bottom: 24rem !important;
}
.u-mlx24 {
  margin-left: 24rem !important;
}
.u-px24 {
  padding: 24rem !important;
}
.u-ptx24 {
  padding-top: 24rem !important;
}
.u-prx24 {
  padding-right: 24rem !important;
}
.u-pbx24 {
  padding-bottom: 24rem !important;
}
.u-plx24 {
  padding-left: 24rem !important;
}
.u-mx23 {
  margin: 23rem !important;
}
.u-mtx23 {
  margin-top: 23rem !important;
}
.u-mrx23 {
  margin-left: 23rem !important;
}
.u-mbx23 {
  margin-bottom: 23rem !important;
}
.u-mlx23 {
  margin-left: 23rem !important;
}
.u-px23 {
  padding: 23rem !important;
}
.u-ptx23 {
  padding-top: 23rem !important;
}
.u-prx23 {
  padding-right: 23rem !important;
}
.u-pbx23 {
  padding-bottom: 23rem !important;
}
.u-plx23 {
  padding-left: 23rem !important;
}
.u-mx22 {
  margin: 22rem !important;
}
.u-mtx22 {
  margin-top: 22rem !important;
}
.u-mrx22 {
  margin-left: 22rem !important;
}
.u-mbx22 {
  margin-bottom: 22rem !important;
}
.u-mlx22 {
  margin-left: 22rem !important;
}
.u-px22 {
  padding: 22rem !important;
}
.u-ptx22 {
  padding-top: 22rem !important;
}
.u-prx22 {
  padding-right: 22rem !important;
}
.u-pbx22 {
  padding-bottom: 22rem !important;
}
.u-plx22 {
  padding-left: 22rem !important;
}
.u-mx21 {
  margin: 21rem !important;
}
.u-mtx21 {
  margin-top: 21rem !important;
}
.u-mrx21 {
  margin-left: 21rem !important;
}
.u-mbx21 {
  margin-bottom: 21rem !important;
}
.u-mlx21 {
  margin-left: 21rem !important;
}
.u-px21 {
  padding: 21rem !important;
}
.u-ptx21 {
  padding-top: 21rem !important;
}
.u-prx21 {
  padding-right: 21rem !important;
}
.u-pbx21 {
  padding-bottom: 21rem !important;
}
.u-plx21 {
  padding-left: 21rem !important;
}
.u-mx20 {
  margin: 20rem !important;
}
.u-mtx20 {
  margin-top: 20rem !important;
}
.u-mrx20 {
  margin-left: 20rem !important;
}
.u-mbx20 {
  margin-bottom: 20rem !important;
}
.u-mlx20 {
  margin-left: 20rem !important;
}
.u-px20 {
  padding: 20rem !important;
}
.u-ptx20 {
  padding-top: 20rem !important;
}
.u-prx20 {
  padding-right: 20rem !important;
}
.u-pbx20 {
  padding-bottom: 20rem !important;
}
.u-plx20 {
  padding-left: 20rem !important;
}
.u-mx19 {
  margin: 19rem !important;
}
.u-mtx19 {
  margin-top: 19rem !important;
}
.u-mrx19 {
  margin-left: 19rem !important;
}
.u-mbx19 {
  margin-bottom: 19rem !important;
}
.u-mlx19 {
  margin-left: 19rem !important;
}
.u-px19 {
  padding: 19rem !important;
}
.u-ptx19 {
  padding-top: 19rem !important;
}
.u-prx19 {
  padding-right: 19rem !important;
}
.u-pbx19 {
  padding-bottom: 19rem !important;
}
.u-plx19 {
  padding-left: 19rem !important;
}
.u-mx18 {
  margin: 18rem !important;
}
.u-mtx18 {
  margin-top: 18rem !important;
}
.u-mrx18 {
  margin-left: 18rem !important;
}
.u-mbx18 {
  margin-bottom: 18rem !important;
}
.u-mlx18 {
  margin-left: 18rem !important;
}
.u-px18 {
  padding: 18rem !important;
}
.u-ptx18 {
  padding-top: 18rem !important;
}
.u-prx18 {
  padding-right: 18rem !important;
}
.u-pbx18 {
  padding-bottom: 18rem !important;
}
.u-plx18 {
  padding-left: 18rem !important;
}
.u-mx17 {
  margin: 17rem !important;
}
.u-mtx17 {
  margin-top: 17rem !important;
}
.u-mrx17 {
  margin-left: 17rem !important;
}
.u-mbx17 {
  margin-bottom: 17rem !important;
}
.u-mlx17 {
  margin-left: 17rem !important;
}
.u-px17 {
  padding: 17rem !important;
}
.u-ptx17 {
  padding-top: 17rem !important;
}
.u-prx17 {
  padding-right: 17rem !important;
}
.u-pbx17 {
  padding-bottom: 17rem !important;
}
.u-plx17 {
  padding-left: 17rem !important;
}
.u-mx16 {
  margin: 16rem !important;
}
.u-mtx16 {
  margin-top: 16rem !important;
}
.u-mrx16 {
  margin-left: 16rem !important;
}
.u-mbx16 {
  margin-bottom: 16rem !important;
}
.u-mlx16 {
  margin-left: 16rem !important;
}
.u-px16 {
  padding: 16rem !important;
}
.u-ptx16 {
  padding-top: 16rem !important;
}
.u-prx16 {
  padding-right: 16rem !important;
}
.u-pbx16 {
  padding-bottom: 16rem !important;
}
.u-plx16 {
  padding-left: 16rem !important;
}
.u-mx15 {
  margin: 15rem !important;
}
.u-mtx15 {
  margin-top: 15rem !important;
}
.u-mrx15 {
  margin-left: 15rem !important;
}
.u-mbx15 {
  margin-bottom: 15rem !important;
}
.u-mlx15 {
  margin-left: 15rem !important;
}
.u-px15 {
  padding: 15rem !important;
}
.u-ptx15 {
  padding-top: 15rem !important;
}
.u-prx15 {
  padding-right: 15rem !important;
}
.u-pbx15 {
  padding-bottom: 15rem !important;
}
.u-plx15 {
  padding-left: 15rem !important;
}
.u-mx14 {
  margin: 14rem !important;
}
.u-mtx14 {
  margin-top: 14rem !important;
}
.u-mrx14 {
  margin-left: 14rem !important;
}
.u-mbx14 {
  margin-bottom: 14rem !important;
}
.u-mlx14 {
  margin-left: 14rem !important;
}
.u-px14 {
  padding: 14rem !important;
}
.u-ptx14 {
  padding-top: 14rem !important;
}
.u-prx14 {
  padding-right: 14rem !important;
}
.u-pbx14 {
  padding-bottom: 14rem !important;
}
.u-plx14 {
  padding-left: 14rem !important;
}
.u-mx13 {
  margin: 13rem !important;
}
.u-mtx13 {
  margin-top: 13rem !important;
}
.u-mrx13 {
  margin-left: 13rem !important;
}
.u-mbx13 {
  margin-bottom: 13rem !important;
}
.u-mlx13 {
  margin-left: 13rem !important;
}
.u-px13 {
  padding: 13rem !important;
}
.u-ptx13 {
  padding-top: 13rem !important;
}
.u-prx13 {
  padding-right: 13rem !important;
}
.u-pbx13 {
  padding-bottom: 13rem !important;
}
.u-plx13 {
  padding-left: 13rem !important;
}
.u-mx12 {
  margin: 12rem !important;
}
.u-mtx12 {
  margin-top: 12rem !important;
}
.u-mrx12 {
  margin-left: 12rem !important;
}
.u-mbx12 {
  margin-bottom: 12rem !important;
}
.u-mlx12 {
  margin-left: 12rem !important;
}
.u-px12 {
  padding: 12rem !important;
}
.u-ptx12 {
  padding-top: 12rem !important;
}
.u-prx12 {
  padding-right: 12rem !important;
}
.u-pbx12 {
  padding-bottom: 12rem !important;
}
.u-plx12 {
  padding-left: 12rem !important;
}
.u-mx11 {
  margin: 11rem !important;
}
.u-mtx11 {
  margin-top: 11rem !important;
}
.u-mrx11 {
  margin-left: 11rem !important;
}
.u-mbx11 {
  margin-bottom: 11rem !important;
}
.u-mlx11 {
  margin-left: 11rem !important;
}
.u-px11 {
  padding: 11rem !important;
}
.u-ptx11 {
  padding-top: 11rem !important;
}
.u-prx11 {
  padding-right: 11rem !important;
}
.u-pbx11 {
  padding-bottom: 11rem !important;
}
.u-plx11 {
  padding-left: 11rem !important;
}
.u-mx10 {
  margin: 10rem !important;
}
.u-mtx10 {
  margin-top: 10rem !important;
}
.u-mrx10 {
  margin-left: 10rem !important;
}
.u-mbx10 {
  margin-bottom: 10rem !important;
}
.u-mlx10 {
  margin-left: 10rem !important;
}
.u-px10 {
  padding: 10rem !important;
}
.u-ptx10 {
  padding-top: 10rem !important;
}
.u-prx10 {
  padding-right: 10rem !important;
}
.u-pbx10 {
  padding-bottom: 10rem !important;
}
.u-plx10 {
  padding-left: 10rem !important;
}
.u-mx9 {
  margin: 9rem !important;
}
.u-mtx9 {
  margin-top: 9rem !important;
}
.u-mrx9 {
  margin-left: 9rem !important;
}
.u-mbx9 {
  margin-bottom: 9rem !important;
}
.u-mlx9 {
  margin-left: 9rem !important;
}
.u-px9 {
  padding: 9rem !important;
}
.u-ptx9 {
  padding-top: 9rem !important;
}
.u-prx9 {
  padding-right: 9rem !important;
}
.u-pbx9 {
  padding-bottom: 9rem !important;
}
.u-plx9 {
  padding-left: 9rem !important;
}
.u-mx8 {
  margin: 8rem !important;
}
.u-mtx8 {
  margin-top: 8rem !important;
}
.u-mrx8 {
  margin-left: 8rem !important;
}
.u-mbx8 {
  margin-bottom: 8rem !important;
}
.u-mlx8 {
  margin-left: 8rem !important;
}
.u-px8 {
  padding: 8rem !important;
}
.u-ptx8 {
  padding-top: 8rem !important;
}
.u-prx8 {
  padding-right: 8rem !important;
}
.u-pbx8 {
  padding-bottom: 8rem !important;
}
.u-plx8 {
  padding-left: 8rem !important;
}
.u-mx7 {
  margin: 7rem !important;
}
.u-mtx7 {
  margin-top: 7rem !important;
}
.u-mrx7 {
  margin-left: 7rem !important;
}
.u-mbx7 {
  margin-bottom: 7rem !important;
}
.u-mlx7 {
  margin-left: 7rem !important;
}
.u-px7 {
  padding: 7rem !important;
}
.u-ptx7 {
  padding-top: 7rem !important;
}
.u-prx7 {
  padding-right: 7rem !important;
}
.u-pbx7 {
  padding-bottom: 7rem !important;
}
.u-plx7 {
  padding-left: 7rem !important;
}
.u-mx6 {
  margin: 6rem !important;
}
.u-mtx6 {
  margin-top: 6rem !important;
}
.u-mrx6 {
  margin-left: 6rem !important;
}
.u-mbx6 {
  margin-bottom: 6rem !important;
}
.u-mlx6 {
  margin-left: 6rem !important;
}
.u-px6 {
  padding: 6rem !important;
}
.u-ptx6 {
  padding-top: 6rem !important;
}
.u-prx6 {
  padding-right: 6rem !important;
}
.u-pbx6 {
  padding-bottom: 6rem !important;
}
.u-plx6 {
  padding-left: 6rem !important;
}
.u-mx5 {
  margin: 5rem !important;
}
.u-mtx5 {
  margin-top: 5rem !important;
}
.u-mrx5 {
  margin-left: 5rem !important;
}
.u-mbx5 {
  margin-bottom: 5rem !important;
}
.u-mlx5 {
  margin-left: 5rem !important;
}
.u-px5 {
  padding: 5rem !important;
}
.u-ptx5 {
  padding-top: 5rem !important;
}
.u-prx5 {
  padding-right: 5rem !important;
}
.u-pbx5 {
  padding-bottom: 5rem !important;
}
.u-plx5 {
  padding-left: 5rem !important;
}
.u-mx4 {
  margin: 4rem !important;
}
.u-mtx4 {
  margin-top: 4rem !important;
}
.u-mrx4 {
  margin-left: 4rem !important;
}
.u-mbx4 {
  margin-bottom: 4rem !important;
}
.u-mlx4 {
  margin-left: 4rem !important;
}
.u-px4 {
  padding: 4rem !important;
}
.u-ptx4 {
  padding-top: 4rem !important;
}
.u-prx4 {
  padding-right: 4rem !important;
}
.u-pbx4 {
  padding-bottom: 4rem !important;
}
.u-plx4 {
  padding-left: 4rem !important;
}
.u-mx3 {
  margin: 3rem !important;
}
.u-mtx3 {
  margin-top: 3rem !important;
}
.u-mrx3 {
  margin-left: 3rem !important;
}
.u-mbx3 {
  margin-bottom: 3rem !important;
}
.u-mlx3 {
  margin-left: 3rem !important;
}
.u-px3 {
  padding: 3rem !important;
}
.u-ptx3 {
  padding-top: 3rem !important;
}
.u-prx3 {
  padding-right: 3rem !important;
}
.u-pbx3 {
  padding-bottom: 3rem !important;
}
.u-plx3 {
  padding-left: 3rem !important;
}
.u-mx2 {
  margin: 2rem !important;
}
.u-mtx2 {
  margin-top: 2rem !important;
}
.u-mrx2 {
  margin-left: 2rem !important;
}
.u-mbx2 {
  margin-bottom: 2rem !important;
}
.u-mlx2 {
  margin-left: 2rem !important;
}
.u-px2 {
  padding: 2rem !important;
}
.u-ptx2 {
  padding-top: 2rem !important;
}
.u-prx2 {
  padding-right: 2rem !important;
}
.u-pbx2 {
  padding-bottom: 2rem !important;
}
.u-plx2 {
  padding-left: 2rem !important;
}
.u-mx1 {
  margin: 1rem !important;
}
.u-mtx1 {
  margin-top: 1rem !important;
}
.u-mrx1 {
  margin-left: 1rem !important;
}
.u-mbx1 {
  margin-bottom: 1rem !important;
}
.u-mlx1 {
  margin-left: 1rem !important;
}
.u-px1 {
  padding: 1rem !important;
}
.u-ptx1 {
  padding-top: 1rem !important;
}
.u-prx1 {
  padding-right: 1rem !important;
}
.u-pbx1 {
  padding-bottom: 1rem !important;
}
.u-plx1 {
  padding-left: 1rem !important;
}
.u-mx0 {
  margin: 0rem !important;
}
.u-mtx0 {
  margin-top: 0rem !important;
}
.u-mrx0 {
  margin-left: 0rem !important;
}
.u-mbx0 {
  margin-bottom: 0rem !important;
}
.u-mlx0 {
  margin-left: 0rem !important;
}
.u-px0 {
  padding: 0rem !important;
}
.u-ptx0 {
  padding-top: 0rem !important;
}
.u-prx0 {
  padding-right: 0rem !important;
}
.u-pbx0 {
  padding-bottom: 0rem !important;
}
.u-plx0 {
  padding-left: 0rem !important;
}
.sortable-ghost {
  border: 2px dashed #cacaca;
}
.sortable-ghost * {
  opacity: 0;
}
.sortable-helper {
  transform: rotate(10deg);
  background-color: orange;
}
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  background-color: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px;
}
/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0;
}
/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px;
}
/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none;
}
/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
}
/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none;
}
/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto;
}
/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top;
}
/*

	** FORM STRUCTURE **
	
	<fieldset>
		<legend>
		
		<label>
		<.fc-pseudo-label> styles the plain text
		<input>
		</label>
*/
.fl-form,
.fo-form {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0px 0px 25px 0px;
  margin: 0rem 0rem 2.5rem 0rem;
}
@media screen and (max-width: 641px) {
  .fl-form,
  .fo-form {
    width: 100%;
  }
}
.fl-form:last-of-type,
.fo-form:last-of-type {
  margin-bottom: 0;
}
.fl-form--wide {
  width: 100%;
}
.fl-row {
  display: flex;
  margin-top: 1.0rem;
}
.fl-row .fc-textinput {
  margin: 0;
}
.fl-row:only-child,
.fl-row:first-child {
  margin-top: 0;
}
.fc-fieldset {
  position: relative;
  background: white;
  border: none;
  display: flex;
  flex-direction: column;
  padding: 40px 40px 40px 40px;
  padding: 4rem 4rem 4rem 4rem;
  box-sizing: border-box;
  margin: 0;
}
@media screen and (max-width: 641px) {
  .fc-fieldset {
    padding: 40px 20px 40px 20px;
    padding: 4rem 2rem 4rem 2rem;
  }
}
.fc-fieldset + .fc-fieldset {
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem;
}
.fl-grid--fc-fieldset {
  margin: 20px 0px 10px 0px;
  margin: 2rem 0rem 1rem 0rem;
}
.fl-label {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 30px 0px 10px 0px;
  margin: 3rem 0rem 1rem 0rem;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
}
.fl-label:first-child,
.fl-label:first-of-type {
  margin-top: 0;
}
.fl-label:last-child {
  margin-bottom: 0;
}
.fc-help,
.fc-help--right {
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 15px;
  margin: 0rem 0rem 0rem 1.5rem;
  color: #999;
  transition: color 0.5s;
  cursor: pointer;
  text-transform: initial;
}
@media screen and (max-width: 641px) {
  .fc-help,
  .fc-help--right {
    margin: 0.5rem 0 0 0;
  }
}
.fc-feedbacklink {
  text-decoration: none;
}
.fl-label-radio,
.fl-label-check {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0.5rem 0 1.0rem 1.0rem;
  font-size: 1.6rem;
  align-items: baseline;
}
.fc-radio {
  margin: 0 0.5rem 0 0;
}
.fc-removelink {
  margin-left: auto;
  margin-top: 20px;
  margin-top: 2.0rem;
  font-size: 1.6rem;
}
.fc-pseudo-label {
  font-weight: bold;
  color: #606060;
  margin: 0;
  font-size: 1.6rem;
  display: inline-block;
  flex-direction: row;
  padding-left: 0.5rem;
}
@media screen and (max-width: 641px) {
  .fc-pseudo-label {
    flex-direction: column;
  }
}
.fc-pseudo-label__instruction {
  display: inline-block;
  font-weight: normal;
  font-style: italic;
  color: #a3a3a3;
  text-align: left;
}
@media screen and (max-width: 641px) {
  .fc-pseudo-label__instruction {
    margin: 0.5rem 0 0 0;
  }
}
.fc-pseudo-label--space-after {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
.fc-textinput,
.selectize-input,
.selectize-input.dropdown-active,
.selectize-input.input-active,
.selectize-dropdown {
  border: 1px solid #ddd;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 1.0rem;
  margin: 1.0rem 0 1.0rem 0;
  transition: border 0.5s;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.fc-textinput:hover,
.selectize-input:hover,
.selectize-input.dropdown-active:hover,
.selectize-input.input-active:hover,
.selectize-dropdown:hover {
  border: 1px solid #ccc;
}
.fc-textinput:focus,
.selectize-input:focus,
.selectize-input.dropdown-active:focus,
.selectize-input.input-active:focus,
.selectize-dropdown:focus,
.fc-textinput:focus-within,
.selectize-input:focus-within,
.selectize-input.dropdown-active:focus-within,
.selectize-input.input-active:focus-within,
.selectize-dropdown:focus-within {
  border: 1px solid #aaa;
}
.fc-textinput--bigtextarea,
.selectize-input--bigtextarea,
.selectize-input.dropdown-active--bigtextarea,
.selectize-input.input-active--bigtextarea,
.selectize-dropdown--bigtextarea {
  min-height: 200px;
  min-height: 20rem;
}
.fc-textinput--smalltextarea,
.selectize-input--smalltextarea,
.selectize-input.dropdown-active--smalltextarea,
.selectize-input.input-active--smalltextarea,
.selectize-dropdown--smalltextarea {
  min-height: 100px;
  min-height: 10rem;
}
.fc-textinput--is-disabled,
.selectize-input--is-disabled,
.selectize-input.dropdown-active--is-disabled,
.selectize-input.input-active--is-disabled,
.selectize-dropdown--is-disabled,
.fc-textinput:disabled,
.selectize-input:disabled,
.selectize-input.dropdown-active:disabled,
.selectize-input.input-active:disabled,
.selectize-dropdown:disabled,
.fc-textinput .is-disabled,
.selectize-input .is-disabled,
.selectize-input.dropdown-active .is-disabled,
.selectize-input.input-active .is-disabled,
.selectize-dropdown .is-disabled {
  background: #f5f5f5;
  background-color: #f5f5f5;
  font-style: italic;
  color: #a3a3a3;
}
.cke_htmlContent {
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
}
.selectize-input.focus {
  box-shadow: none;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-size: 1.6rem;
  line-height: 2.4rem;
  overflow: visible;
  cursor: pointer;
}
.selectize-control.multi .selectize-input > div {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.selectize-dropdown {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.fc-fileupload {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  font-weight: normal;
  text-transform: none;
  max-width: 32%;
  text-align: center;
  padding-right: 20px;
}
@media screen and (max-width: 641px) {
  .fc-fileupload {
    max-width: 100%;
  }
}
.fc-fileupload:hover {
  filter: brightness(80%);
}
.fc-fileupload [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.fc-fileuploadbg {
  background-color: #eee;
  flex-direction: row-reverse;
  margin: 10px 0px 0px 0px !important;
  margin: 1rem 0rem 0rem 0rem !important;
}
.fc-whichfile {
  align-self: center;
  text-overflow: ellipsis;
  max-width: 66%;
  padding: 0px 0px 0px 30px;
  padding: 0rem 0rem 0rem 3rem;
  margin-right: auto;
}
@media screen and (max-width: 641px) {
  .fc-whichfile {
    max-width: 100%;
  }
}
.fc-clearImage {
  margin-left: auto;
  display: block;
}
.fc-instructions {
  display: block;
  text-transform: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #888;
  font-weight: normal;
  margin: 0.5rem 0 0 0;
  padding: 0 0 0.5rem 0;
}
.existingThumb {
  margin: 20px 0px 20px 0px;
  margin: 2rem 0rem 2rem 0rem;
  max-width: 100%;
}
legend {
  position: absolute;
  top: 0px;
  top: 0rem;
  font-size: 1px;
  font-size: 0.1rem;
  font-weight: bold;
  text-transform: uppercase;
  visibility: none;
  height: 0;
  opacity: 0;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #999 ;
  border-color: #888;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: var(--keycolor);
  color: white;
  border-color: var(--keycolor);
}
.is-disabled,
:disabled {
  color: #d7d7d7;
  cursor: not-allowed;
}
.c-login-banner {
  position: relative;
  width: 100%;
  height: calc(100vh - 90px);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.c-login-banner--signup {
  max-height: 40.0rem;
}
.c-login-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.c-login-title {
  font-size: 7.8rem;
  line-height: 8.0rem;
  color: white;
  font-weight: 800;
  text-align: center;
}
.c-login-title--signup {
  margin: 0;
  font-size: 5.8rem;
}
.c-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-block;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.8rem;
  cursor: pointer;
  padding: 1.125rem 4.5rem;
  background: var(--keycolor);
  border: 1px solid var(--keycolor);
  margin: 0 1.5rem;
}
.c-login-btn--outline {
  border-color: white;
  background: none;
  transition: background 0.5s, color 0.5s;
}
.c-login-bannerinstruction {
  color: white;
  font-size: 2.0rem;
}
.c-login-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-login-form__container {
  max-width: 64.0rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 4rem;
}
.c-login-borderbottom {
  border-bottom: 1px solid #C9C9C9;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 4.0rem;
  margin-bottom: 7.0rem;
}
.c-login-form__label {
  padding-bottom: 3.0rem;
}
.c-login-form__label span {
  display: block;
  margin-bottom: 1.0rem;
  font-weight: 800;
  font-size: 1.8rem;
  text-transform: uppercase;
}
.c-login-form__label__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.c-login-form__label__row input {
  flex-basis: 100%;
}
.c-login-form__desc {
  display: block;
  font-size: 1.4rem;
  line-height: 2.0rem;
  margin-bottom: 1.0rem !important;
}
.c-login-input {
  display: block;
  width: 100%;
  border: 1px solid #E3E3E3;
  background: white;
  font-size: 1.8rem;
  padding: 1.5rem;
  transition: border 0.25s;
}
.c-login-input:focus {
  outline: none;
  border: 1px solid var(--keycolor);
}
.c-login-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../../images/caret-down@2x.png);
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.2rem;
  padding-right: 2.0rem;
  line-height: 2.0rem;
}
.c-login-select::-ms-expand {
  display: none;
}
.c-login-agree {
  border: 1px solid #E3E3E3;
  padding: 2.0rem;
  position: relative;
  margin-bottom: 3.0rem;
}
.c-login-agree span {
  font-size: 1.6rem;
  line-height: 2.0rem;
  padding-left: 2.0rem;
}
.c-login-agree p {
  margin-bottom: 0 !important;
  padding-left: 2.0rem;
}
.c-login-agree .c-login-form__label {
  padding-bottom: 0;
  display: flex;
}
.c-login-agree input[type=checkbox] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.c-login-agree--exists {
  margin: 3rem 0 5rem 0;
  background: white;
}
.c-login-agree--exists p {
  padding-left: 0;
}
.c-login-checkbox {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-top: 2px;
  background-color: #fff;
  border: 1px solid #707070;
  flex-shrink: 0;
  transition: background-color 0.25s;
  cursor: pointer;
}
.c-login-checkbox:hover {
  background-color: #efefef;
}
.c-login-agree input:checked ~ .c-login-checkbox {
  background: var(--keycolor);
}
.c-login-agree input:checked ~ .c-login-checkbox:after {
  content: '\f00c';
  font-family: "Font Awesome 5 Pro";
  color: white;
  font-weight: 800;
  position: absolute;
  left: 3px;
  top: 3px;
}
.c-login__hascode {
  width: 100%;
  margin: 2.0rem 0 0 0;
  font-weight: bold !important;
}
.c-login__hascode a {
  font-weight: normal !important;
}
.c-login__textcontent {
  padding-top: 3.0rem;
}
.c-login__forgot {
  color: #575757;
  line-height: 1.8rem;
  margin-bottom: 1.0rem;
}
.c-login__forgot:hover {
  color: black;
}
[readonly] {
  filter: brightness(0.9);
  cursor: not-allowed;
}
.c-login-form__eula {
  text-align: center;
  padding: 0 0 3rem 0;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.c-login-form__eula a {
  font-weight: bold;
}
/* CSS Naming Rules */
/* 

************************ Follow BEM convention as much as possible
	
	further reading available at: http://getbem.com/

	** Block **
	
		Encapsulates a standalone entity that is meaningful on its own. While blocks can be nested and 
		interact with each other, semantically they remain equal; there is no precedence or hierarchy. 
		Holistic entities without DOM representation (such as controllers or models) can be blocks as well.

		e.g. .block {}


	** Element **
	
		Parts of a block and have no standalone meaning. Any element is semantically tied to its block.

		e.g. .block__element {}


	** Modifier **

		Flags on blocks or elements. Use them to change appearance, behavior or state.

		e.g. .block--shadow-yes {} OR .block__element--shadow-yes




************************ Use descriptive class prefixes (Namespacing)

	further reading available at: https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
	(please note our namespaces are different, but the principle is the same)


	** o- **

		Signify that something is an Object, and that it may be used in any number of unrelated contexts to
		the one you can currently see it in. Making modifications to these types of class could potentially
		have knock-on effects in a lot of other unrelated places. Tread carefully.


	** c- **
		
		Signify that something is a Component. This is a concrete, implementation-specific piece of UI. 
		All of the changes you make to its styles should be detectable in the context you’re currently looking at. 
		Modifying these styles should be safe and have no side effects.


	** u- **

		Signify that this class is a Utility class. It has a very specific role (often providing only one declaration)
		and should not be bound onto or changed. It can be reused and is not tied to any specific piece of UI. You will
		probably recognise this namespace from libraries and methodologies like SUIT.


	** t- **

		Signify that a class is responsible for typography. Usually matches to a base tag in order to extend
		the object, making the style repeatable


	** is-, has- **
	
		Signify that the piece of UI in question is currently styled a certain way because of a state or condition.
		This stateful namespace is gorgeous, and comes from SMACSS. It tells us that the DOM currently has a temporary,
		optional, or short-lived style applied to it due to a certain state being invoked.


	** _ **

		Signify that this class is the worst of the worst—a hack! Sometimes, although incredibly rarely, we need to add
		a class in our markup in order to force something to work. If we do this, we need to let others know that this class
		is less than ideal, and hopefully temporary (i.e. do not bind onto this).


	** js- **

		Signify that this piece of the DOM has some behaviour acting upon it, and that JavaScript binds onto it to provide
		that behaviour. If you’re not a developer working with JavaScript, leave these well alone.



*/