/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/flatpickr/dist/themes/dark.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: #3f4458;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff; }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #eee; }

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1); }

.numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  top: 26%; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.6);
  top: 40%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5); }

.numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff; }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff; }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #3f4458;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, 0.05); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #3f4458;
  outline: none;
  padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #3f4458;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c; }

.flatpickr-day.today {
  border-color: #eee; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
  box-shadow: -10px 0 0 #80cbc4; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c; }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: default;
  border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95); }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95); }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./public_html/style/public.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* HurmeGeometricSans3 */
@font-face {
  font-family: HurmeGeometricSans3;
  src: url(fonts/HurmeGeometricSans3.otf) format("opentype");
  font-style: normal;
  font-weight: 500; }

.viewWrapper > .animatable {
  -webkit-transform: initial;
          transform: initial;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transition: transform 0.6s ease, opacity 0.6s ease, -webkit-transform 0.6s ease; }
  .viewWrapper > .animatable.u-enterAnim {
    opacity: 0;
    -webkit-transform: translateX(-20px) scale(0.9);
            transform: translateX(-20px) scale(0.9); }

/* GLOBAL SETTINGS*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  /* margin: 0.67em 0;*/ }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* -----------------------------------------------------------*/
/* LAYOUT */
/* -----------------------------------------------------------*/
/* LIGHTER LAYOUT */
/* -----------------------------------------------------------*/
/* COLORS*/
/* Main colors*/
/* Gray variants*/
/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/
/* Main blue*/
/* Secondary colors*/
/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/
/* FONTS*/
/* -----------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  overflow-x: hidden !important; }

body {
  font-family: "OpenSans", sans-serif;
  background-color: #F1F5FA;
  position: relative;
  color: #222;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
  body.lighterCMS {
    font-family: HurmeGeometricSans3; }

.placeholder {
  background-color: #ACACAC;
  width: 100%;
  height: 200px;
  margin: 20px 0;
  border-radius: 4px; }

a {
  text-decoration: none;
  color: #222; }
  a:not(.is-file) > * {
    pointer-events: none; }

ul {
  list-style-position: inside; }

li {
  font-size: 15px;
  padding: 3px; }

::-moz-selection {
  background-color: #192B6D;
  color: white; }

::selection {
  background-color: #192B6D;
  color: white; }

.viewWrapper {
  -webkit-transition: opacity 0.2s, width 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.2s, width 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.2s, transform 0.3s, width 0.3s;
  transition: opacity 0.2s, transform 0.3s, width 0.3s, -webkit-transform 0.3s;
  margin: 0 auto; }
  .presentation .viewWrapper {
    -webkit-transition: opacity 0.12s;
    transition: opacity 0.12s; }
  @media screen and (max-width: 1000px) {
    .viewWrapper {
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .lighterCMS .viewWrapper {
      margin-left: 80px; } }
  .presentation .viewWrapper,
  .terms .viewWrapper,
  .privacy .viewWrapper,
  .login .viewWrapper,
  .register .viewWrapper,
  .reset-password .viewWrapper,
  .recovery .viewWrapper {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 100% !important; }
  .public .viewWrapper {
    margin-top: 70px; }
    .public .viewWrapper.-is-unloading {
      opacity: 0;
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
      -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, transform 0.2s;
      transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; }
  .lighterCMS .viewWrapper.-is-unloading {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.18s, -webkit-transform 0.18s;
    transition: opacity 0.18s, -webkit-transform 0.18s;
    transition: opacity 0.18s, transform 0.18s;
    transition: opacity 0.18s, transform 0.18s, -webkit-transform 0.18s; }
  @media screen and (max-width: 1600px) {
    .lighterCMS .viewWrapper {
      margin-top: 70px; } }
  @media screen and (min-width: 1600px) {
    .lighterCMS .viewWrapper {
      margin-top: 100px; } }
  .presentation .viewWrapper {
    margin-top: 0px; }
  .live .viewWrapper {
    font-family: HurmeGeometricSans3; }
    @media screen and (max-width: 1000px) {
      .live .viewWrapper {
        margin-top: 47px; } }

.modal-open {
  overflow-y: hidden !important; }

/* HELPERS*/
/* Functions*/
/**/
/* Converts the given pixel value to its REM quivalent.*/
/**/
/* @param  {Number} $size                     - The pixel value to convert.*/
/* @param  {Number} $base [$font-size] - The assumed base font size.*/
/* @return {Number} Scalable pixel value in REMs.*/
/**/
@use "sass:math";
@media screen and (max-width: 600px) {
  .u-slider-hori {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    overflow-x: auto;
    width: 100%;
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity; }
    .u-slider-hori > * {
      scroll-snap-align: start;
      width: 80vw;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin-right: 15px; } }

.u-dualContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media screen and (max-width: 1000px) {
    .u-dualContainer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .u-dualContainer > div {
        width: 100%; } }
  @media screen and (min-width: 1000px) {
    .u-dualContainer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .u-dualContainer > div {
        width: 48%; } }

.u-self-flex-end {
  -ms-flex-item-align: end;
      align-self: flex-end; }

/*===================================================*/
/* HORIZONTAL SPACERS*/
/*===================================================*/
@media screen and (min-width: 1200px) {
  .u-spacer-row-02 > *:first-child {
    margin-right: 50px; }
  .u-spacer-row-02.-delay-mobile > *:first-child {
    margin-right: 40px; } }

@media screen and (min-width: 1000px) {
  .u-spacer-row-02.-delay-mobile > *:first-child {
    margin-right: 35px; } }

@media screen and (min-width: 1200px) {
  .u-spacer-row-03 > *:first-child,
  .u-spacer-row-03 > *:nth-child(2) {
    margin-right: 35px; } }

@media screen and (min-width: 600px) {
  .u-spacer-right-small-mobileSmall {
    margin-right: 20px; }
  .u-spacer-right-large {
    margin-right: 40px; } }

/*===================================================*/
/* VERTICAL SPACERS*/
/*===================================================*/
.u-padding-vert-small {
  padding-top: 20px;
  padding-bottom: 20px; }

@media screen and (max-width: 600px) {
  .u-spacer-top-tiny-mobileSmall {
    margin-top: 10px !important; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-small-mobileSmall {
    margin-top: 20px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-large-mobileMedium {
    margin-top: 100px; } }

@media screen and (max-width: 1000px) {
  .u-end-spacer {
    padding-bottom: 140px; } }

@media screen and (min-width: 1000px) {
  .u-end-spacer {
    padding-bottom: 200px; } }

.u-padding-bot {
  padding-bottom: 25px; }

.u-spacer-top-auto {
  margin-top: auto; }

@media screen and (min-width: 1200px) {
  .u-spacer-vertical {
    margin-bottom: 40px; } }

.u-spacer-top-huge {
  margin-top: 160px; }

.u-spacer-top-big {
  margin-top: 120px; }

@media screen and (max-width: 600px) {
  .u-spacer-top-big-resp {
    margin-top: 60px; } }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  .u-spacer-top-big-resp {
    margin-top: 90px; } }

@media screen and (min-width: 1200px) {
  .u-spacer-top-big-resp {
    margin-top: 120px; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-resp {
    margin-top: 40px; } }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  .u-spacer-top-resp {
    margin-top: 80px; } }

@media screen and (min-width: 1200px) {
  .u-spacer-top-resp {
    margin-top: 160px; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-resp-small {
    margin-top: 40px; } }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  .u-spacer-top-resp-small {
    margin-top: 60px; } }

@media screen and (min-width: 1200px) {
  .u-spacer-top-resp-small {
    margin-top: 80px; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-resp-smaller {
    margin-top: 30px; } }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  .u-spacer-top-resp-smaller {
    margin-top: 50px; } }

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .u-spacer-top-resp-smaller {
    margin-top: 40px; } }

@media screen and (min-width: 1600px) {
  .u-spacer-top-resp-smaller {
    margin-top: 60px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-asaf {
    margin-top: 0px; } }

@media screen and (min-width: 1000px) and (max-width: 1400px) {
  .u-spacer-top-asaf {
    margin-top: 50px; } }

@media screen and (min-width: 1400px) {
  .u-spacer-top-asaf {
    margin-top: 70px; } }

.u-spacer-top-larger {
  margin-top: 100px; }

.u-spacer-top {
  margin-top: 80px; }

.u-spacer-top-large {
  margin-top: 50px; }

.u-spacer-top-small {
  margin-top: 40px; }

.u-spacer-top-tiny {
  margin-top: 30px; }

.u-spacer-top-25 {
  margin-top: 25px; }

.u-spacer-top-milli {
  margin-top: 20px; }

.u-spacer-top-micro {
  margin-top: 15px; }

.u-spacer-top-nano {
  margin-top: 10px; }

.u-spacer-top-pico {
  margin-top: 5px; }

.u-spacer-top-4 {
  margin-top: 4px; }

.u-spacer-top-femto {
  margin-top: 3px; }

@media screen and (max-width: 1000px) {
  .u-spacer-top-large-mobileMedium {
    margin-top: 100px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-mobile {
    margin-top: 80px !important; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-medium-mobile {
    margin-top: 40px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-medium-mobileMedium {
    margin-top: 40px; } }

@media screen and (max-width: 1200px) {
  .u-spacer-top-normal-mobileLarge {
    margin-top: 30px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-normal-mobileMedium {
    margin-top: 30px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-small-mobileMedium {
    margin-top: 20px; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-small-mobile {
    margin-top: 20px; } }

@media screen and (max-width: 1000px) {
  .u-spacer-top-tiny-mobileMedium {
    margin-top: 15px; } }

@media screen and (max-width: 600px) {
  .u-spacer-top-tiny-mobile {
    margin-top: 10px; } }

.u-spacer-bot-milli {
  margin-bottom: 8px; }

@media screen and (max-width: 600px) {
  .u-spacer-bot-milli-mobile {
    margin-bottom: 8px !important; } }

@media screen and (max-width: 600px) {
  .u-spacer-bot-tiny-mobile {
    margin-bottom: 16px !important; } }

.u-spacer-bot-tiny {
  margin-bottom: 10px; }

.u-spacer-bot-smaller {
  margin-bottom: 20px; }

.u-spacer-bot-small {
  margin-bottom: 30px; }

.u-spacer-bot-medium {
  margin-bottom: 40px; }

.u-spacer-bot-large {
  margin-bottom: 50px; }

.u-spacer-bot-big {
  margin-bottom: 80px; }

.u-mini-margins {
  margin: 5px; }

@media screen and (min-width: 600px) {
  .u-spacer-right-large-desktop {
    margin-right: 80px; } }

@media screen and (min-width: 1000px) {
  .u-spacer-right-medium-desktop {
    margin-right: 30px; } }

@media screen and (min-width: 1000px) {
  .u-spacer-left-medium-desktop {
    margin-left: 30px; } }

@media screen and (min-width: 1000px) {
  .u-spacer-left-small-desktop {
    margin-left: 20px; } }

.u-spacer-right-small {
  margin-right: 30px; }

.u-spacer-right-smaller {
  margin-right: 25px; }

.u-spacer-right-tiny {
  margin-right: 15px; }

.u-spacer-right-milli {
  margin-right: 10px; }

.u-spacer-right-micro {
  margin-right: 5px; }

@media screen and (min-width: 600px) {
  .u-spacer-right-tiny-desktop {
    margin-right: 10px; } }

.u-spacer-left-small {
  margin-left: 30px; }

.u-spacer-left-smaller {
  margin-left: 20px; }

.u-spacer-left-tiny {
  margin-left: 15px; }

.u-spacer-left-micro {
  margin-left: 10px; }

.u-spacer-left-pico {
  margin-left: 5px; }

.u-max-width-300 {
  max-width: 300px; }

/*===================================================*/
/* WIDTH WEIGHTS*/
/*===================================================*/
@media screen and (min-width: 1000px) {
  .u-twothirds-desktop {
    width: 66%; } }

.width-weight-1 {
  width: 10%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-2 {
  width: 20%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-3 {
  width: 30%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-4 {
  width: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-5 {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-6 {
  width: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-7 {
  width: 70%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-8 {
  width: 80%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-9 {
  width: 90%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.width-weight-10 {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

@media screen and (max-width: 1000px) {
  .width-weight-1,
  .width-weight-2,
  .width-weight-3,
  .width-weight-4,
  .width-weight-5,
  .width-weight-6,
  .width-weight-7,
  .width-weight-8,
  .width-weight-9,
  .width-weight-10 {
    width: 100% !important; } }

@media screen and (max-width: 1000px) {
  .-delay-mobile .width-weight-1, .-delay-mobile
  .width-weight-2, .-delay-mobile
  .width-weight-3, .-delay-mobile
  .width-weight-4, .-delay-mobile
  .width-weight-5, .-delay-mobile
  .width-weight-6, .-delay-mobile
  .width-weight-7, .-delay-mobile
  .width-weight-8, .-delay-mobile
  .width-weight-9, .-delay-mobile
  .width-weight-10 {
    width: 100% !important; } }

.width-weight-1.-no-grow,
.width-weight-2.-no-grow,
.width-weight-3.-no-grow,
.width-weight-4.-no-grow,
.width-weight-5.-no-grow,
.width-weight-6.-no-grow,
.width-weight-7.-no-grow,
.width-weight-8.-no-grow,
.width-weight-9.-no-grow,
.width-weight-10.-no-grow {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

/* ==========================================================================*/
/* HEADINGS*/
/* ==========================================================================*/
.ql-editor strong {
  font-weight: 600; }

.u-font-giga {
  font-size: 4rem; }
  .u-font-giga.-responsive {
    font-size: 1.3125rem; }
    @media screen and (min-width: 600px) and (max-width: 1000px) {
      .u-font-giga.-responsive {
        font-size: 2rem; } }
    @media screen and (min-width: 1000px) {
      .u-font-giga.-responsive {
        font-size: 4rem; } }

.u-font-mega {
  font-size: 3.125rem; }
  .u-font-mega.-responsive {
    font-size: 1.3125rem; }
    @media screen and (min-width: 600px) and (max-width: 1000px) {
      .u-font-mega.-responsive {
        font-size: 2rem; } }
    @media screen and (min-width: 1000px) {
      .u-font-mega.-responsive {
        font-size: 3.125rem; } }

.u-font-kilo {
  font-size: 2.5rem; }

.u-font-huge {
  font-size: 2rem; }
  .u-font-huge.-responsive {
    font-size: 1.4375rem; }
    @media screen and (min-width: 600px) {
      .u-font-huge.-responsive {
        font-size: 2rem; } }

.u-font-default {
  font-size: 1rem; }

.u-font-bigger {
  font-size: 1.75rem; }

.u-font-big {
  font-size: 1.4375rem;
  line-height: normal; }

.u-font-large, h2 {
  font-size: 1.1875rem; }

.u-font-medium {
  font-size: 1.0625rem; }

.u-font-normal {
  font-size: 0.9375rem; }

.u-font-small, h4 {
  font-size: 0.875rem; }

.u-font-smaller {
  font-size: 0.8125rem; }

.u-font-tiny {
  font-size: 0.6875rem; }

.u-font-micro {
  font-size: 0.5rem; }

@media screen and (max-width: 600px) {
  .u-font-mainResp {
    font-size: 0.9375rem; } }

@media screen and (min-width: 600px) and (max-width: 1600px) {
  .u-font-mainResp {
    font-size: 1rem; } }

@media screen and (min-width: 1600px) {
  .u-font-mainResp {
    font-size: 1.0625rem; } }

.u-font-white {
  color: #fff; }

.u-font-white-dark {
  color: #CFCFCF; }

.u-font-gray-light {
  color: #ACACAC; }

.u-font-gray-medium, p, h2 {
  color: #808080; }

.u-font-gray-dark {
  color: #404040; }

.u-font-black, h3 {
  color: #222; }

.u-font-blue {
  color: #0082FF; }

.u-font-blue-medium {
  color: #192B6D; }

.u-font-turquoise {
  color: #39CCA4; }

.u-font-purple {
  color: #CB5FD1; }

.u-font-red {
  color: #D34341 !important; }

.u-font-red-allu {
  color: #EC291C !important; }

.u-font-blue-dark {
  color: #263052; }

.u-font-blue-darker {
  color: #171c2d; }

.u-font-blue-sky {
  color: #1188F1; }

.u-font-gold {
  color: #F4AC34; }

.u-font-weight-heavy {
  font-weight: 700; }

.u-font-weight-normal {
  font-weight: 400; }

.u-font-weight-100 {
  font-weight: 100; }

.u-font-weight-200 {
  font-weight: 200; }

.u-font-weight-300 {
  font-weight: 300; }

.u-font-weight-400 {
  font-weight: 400; }

.u-font-weight-500 {
  font-weight: 500; }

.u-font-weight-600 {
  font-weight: 600; }

.u-font-weight-700 {
  font-weight: 700; }

.u-font-weight-800 {
  font-weight: 800; }

.u-font-weight-900 {
  font-weight: 900; }

.u-uppercase {
  text-transform: uppercase; }

.u-italic {
  font-style: italic; }

.u-font-hurme {
  font-family: HurmeGeometricSans3; }

p {
  line-height: 19px;
  font-weight: 200; }
  @media screen and (max-width: 600px) {
    p {
      font-size: 15px; } }
  @media screen and (min-width: 600px) {
    p {
      font-size: 15px; } }

h1 {
  font-weight: 700;
  color: #222; }
  h1.-responsive {
    font-size: 32px; }
    @media screen and (min-width: 600px) {
      h1.-responsive {
        font-size: 64px; } }

h3 {
  font-weight: 600; }

h4 {
  line-height: 17px; }

/* h1,h2,h3,h4 {*/
/*     font-family: HurmeGeometricSans3;*/
/* }*/
/*==================================================*/
/*==================================================*/
.u-underline {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto; }
  .u-underline::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ACACAC; }

.u-outline {
  color: transparent !important; }
  .u-outline.u-font-gray-medium, p.u-outline, h2.u-outline {
    -webkit-text-stroke: 1px #808080; }
  .u-outline.u-font-gray-dark {
    -webkit-text-stroke: 1px #404040; }
  .u-outline.u-font-black, h3.u-outline {
    -webkit-text-stroke: 1px #222; }
  .u-outline.u-font-white {
    -webkit-text-stroke: 1px white; }
  .u-outline.u-font-red {
    -webkit-text-stroke: 2px #EC291C; }

.u-outline-thin {
  color: transparent; }
  .u-outline-thin.u-font-red {
    -webkit-text-stroke: 1px #EC291C; }

.u-lineHeight {
  line-height: normal; }

.u-wrap-whitespace {
  white-space: pre-wrap; }

/* Custom project styles*/
.pageTitle {
  font-family: HurmeGeometricSans3;
  font-weight: 700;
  text-align: left; }
  @media screen and (max-width: 600px) {
    .pageTitle {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem;
      font-size: 1.875rem; } }
  @media screen and (min-width: 600px) and (max-width: 1000px) {
    .pageTitle {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem;
      font-size: 2.1875rem; } }
  @media screen and (min-width: 1000px) and (max-width: 1600px) {
    .pageTitle {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
      font-size: 2.5rem; } }
  @media screen and (min-width: 1600px) {
    .pageTitle {
      padding-top: 4.375rem;
      padding-bottom: 2.5rem;
      font-size: 2.5rem; } }
  @media screen and (max-width: 600px) {
    .pageTitle.-smaller {
      font-size: 1.5625rem; } }
  @media screen and (min-width: 600px) and (max-width: 1000px) {
    .pageTitle.-smaller {
      font-size: 1.875rem; } }
  @media screen and (min-width: 1000px) {
    .pageTitle.-smaller {
      font-size: 2.1875rem; } }
  .pageTitle.-no-padding-bot {
    padding-bottom: 0; }

.sectionTitle {
  font-family: HurmeGeometricSans3;
  color: #192B6D;
  font-weight: 700;
  font-size: 28px; }
  @media screen and (max-width: 600px) {
    .sectionTitle.-smaller {
      font-size: 1.125rem; } }
  @media screen and (min-width: 600px) and (max-width: 1000px) {
    .sectionTitle.-smaller {
      font-size: 1.25rem; } }
  @media screen and (min-width: 1000px) {
    .sectionTitle.-smaller {
      font-size: 1.5rem; } }
  .sectionTitle.u-font-white {
    color: white;
    font-weight: 600; }

.sectionSubtitle {
  font-family: HurmeGeometricSans3;
  color: #192B6D;
  font-size: 19px;
  font-weight: 500; }

.subSectionTitle {
  font-family: HurmeGeometricSans3;
  color: #171c2d;
  font-size: 23px;
  font-weight: 600; }
  .subSectionTitle.-white {
    color: white; }

/* UTILITY HELPERS*/
/* > Styles to apply to a specific element */
/* > Never contains styles that will affect anything outside*/
/* ==========================================*/
/* ============ Main utilities ============*/
/* ==========================================*/
.u-no-pointers {
  pointer-events: none; }

.u-force-pointers {
  pointer-events: all; }

.u-overflow-hidden {
  overflow: hidden; }

.u-hidden {
  display: none !important; }

@media screen and (max-width: 600px) {
  .u-hidden-mobile-small {
    display: none !important; } }

@media screen and (max-width: 1000px) {
  .u-hidden-mobile {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  .u-hidden-mobile-large {
    display: none !important; } }

@media screen and (min-width: 1000px) {
  .u-hidden-desktop {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .u-hidden-desktop-large {
    display: none !important; } }

.u-relative {
  position: relative; }

/* ==========================================*/
/* ============ Anatomy helpers =============*/
/* ==========================================*/
.u-display-block {
  display: block; }

.u-no-padding {
  padding: 0 !important; }

.u-no-margin {
  margin: 0 !important; }

@media screen and (max-width: 1000px) {
  .u-no-margin-mobile {
    margin: 0 !important; } }

.u-full-width {
  width: 100% !important; }

@media screen and (max-width: 600px) {
  .u-full-width-mobile {
    width: 100% !important; } }

@media screen and (min-width: 1200px) {
  .u-full-width-desktop {
    width: 100% !important; } }

.u-full-height {
  height: 100% !important; }

.u-inline-block {
  display: inline-block; }

.u-center {
  margin-left: auto;
  margin-right: auto; }

.u-center-absolute {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center; }

.u-no-shrink {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }

.u-img-full {
  width: 100%;
  text-align: center; }
  .u-img-full img {
    width: 100%; }

.u-img-setHigh {
  height: 44vw; }

.u-width-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.u-height-fit-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.u-padding-medium {
  padding: 1.875rem 2rem; }

.u-padding-small {
  padding: 0.4375rem 1.25rem; }

@media screen and (max-width: 600px) {
  .u-padding-top-pico-resp {
    padding-top: 7px; } }

@media screen and (min-width: 600px) and (max-width: 1000px) {
  .u-padding-top-pico-resp {
    padding-top: 4px; } }

@media screen and (min-width: 1000px) {
  .u-padding-top-pico-resp {
    padding-top: 3px; } }

.u-float-left {
  float: left; }

.u-flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 600px) {
    .u-flex-col.-resp-small {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media screen and (max-width: 1000px) {
    .u-flex-col.-reverse-mobileMedium {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.u-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .u-flex-row.-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  @media screen and (min-width: 1000px) {
    .u-flex-row.-no-wrap-desktop {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media screen and (max-width: 600px) {
    .u-flex-row.-resp-small {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (max-width: 1000px) {
    .u-flex-row.-resp-medium {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .u-flex-row.-justify-start-mobile {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media screen and (max-width: 1200px) {
      .u-flex-row.-justify-start-mobile {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  @media screen and (max-width: 1200px) {
    .u-flex-row.-resp-reverse-large {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media screen and (max-width: 1000px) {
    .u-flex-row.-resp-reverse-medium {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

@media screen and (min-width: 1200px) {
  .u-flex-grow-large {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }

.u-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.u-justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.u-justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.u-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.u-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.u-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.u-alignSelf-end {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.u-text-left {
  text-align: left; }

.u-text-right {
  text-align: right; }

.u-text-center {
  text-align: center; }

@media screen and (max-width: 1000px) {
  .u-text-center-mobile {
    text-align: center; } }

.u-flex-nogrow {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.u-flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.u-flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.u-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

@media screen and (min-width: 600px) {
  .u-no-wrap-desktop {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

.u-fixed-width-40 {
  width: 40%; }

/* ==========================================*/
/* ============= Visual helpers =============*/
/* ==========================================*/
@media screen and (min-width: 1200px) {
  .u-mobile-only {
    display: none; } }

.u-limit-lines-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.u-limit-lines-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.u-limit-lines-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.u-bg-transparent {
  background-color: transparent !important; }

.u-max-width-medium {
  width: 80vw;
  max-width: 1000px;
  margin: 0 auto; }

.u-invisible {
  opacity: 0;
  -webkit-transition: 0s;
  transition: 0s; }

/* ==========================================*/
/* ================ Elements ================*/
/* ==========================================*/
.u-spacer-line {
  display: block;
  border-color: #CFCFCF;
  margin-top: 17px;
  margin-bottom: 10px;
  overflow: hidden;
  border-style: solid;
  border-width: 0.5px; }

.u-border-medium-top {
  padding-top: 20px;
  border-top: 1px solid #CFD5E8; }

.u-border-bot-light {
  border-bottom: 1px solid #CFD5E8; }

.u-border-spacer-bot-light {
  padding-bottom: 10px;
  border-bottom: 1px solid #CFD5E8; }

.u-border-spacer-top-medium {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #41515f; }

@media screen and (max-width: 1000px) {
  .u-separator-ver {
    margin: 30px 0;
    border-bottom: 1px solid #676E86;
    width: 100%; } }

@media screen and (min-width: 1000px) {
  .u-separator-ver {
    margin: 0 30px;
    border-right: 1px solid #676E86; } }

/* ==========================================*/
/* ============= Specific styles ============*/
/* ==========================================*/
.u-hurme {
  font-family: HurmeGeometricSans3; }

.u-openSans {
  font-family: "OpenSans", sans-serif; }

.u-pointer {
  cursor: pointer; }

/* WRAPPER HELPERS*/
/* > Styles to apply to a container */
/* > Contains styles that will affect the layout */
/*  ========================= */
/*  ======== WRAPPERS ======= */
/*  =========================*/
.w-large-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.w-absolute-center {
  position: absolute;
  width: 100px;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.w-relative {
  position: relative;
  width: 100%;
  height: 400px; }
  .w-relative.-no-height {
    height: auto; }
  @media screen and (min-width: 1000px) {
    .w-relative {
      height: 100%; } }

@media screen and (max-width: 1000px) {
  .w-spacing-bottom > div {
    margin-bottom: 80px; }
    .w-spacing-bottom > div:last-child {
      margin-bottom: 0; } }

@media screen and (min-width: 1000px) {
  .w-spacing-bottom > div {
    margin-bottom: 120px; }
    .w-spacing-bottom > div:last-child {
      margin-bottom: 0; } }

@media screen and (max-width: 600px) {
  .w-spacing-vertical {
    padding-top: 100px;
    padding-bottom: 100px; } }

@media screen and (min-width: 600px) {
  .w-spacing-vertical {
    padding-top: 150px;
    padding-bottom: 150px; } }

.w-content {
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .w-content {
      width: calc(100% - 40px);
      top: 0; } }
  @media screen and (min-width: 600px) and (max-width: 1000px) {
    .w-content {
      width: calc(100% - 80px); } }
  @media screen and (min-width: 1000px) and (max-width: 1600px) {
    .w-content {
      width: calc(100% - 100px); } }
  @media screen and (min-width: 1600px) {
    .w-content {
      width: calc(100% - 100px); } }
  .w-content.-small {
    max-width: 1120px; }
  @media screen and (min-width: 1000px) and (max-width: 1600px) {
    .w-content.-livestream {
      width: calc(100% - 40px); } }
  @media screen and (min-width: 1600px) {
    .w-content.-livestream {
      width: calc(100% - 40px); } }
  @media screen and (max-width: 600px) {
    .w-content.-landingHeader {
      width: calc(100% - 24px); } }
  @media screen and (max-width: 1000px) {
    .w-content.-no-margin-mobile {
      width: 100%; } }
  .lighterCMS .w-content {
    margin-bottom: 100px; }
    .lighterCMS .w-content.-livestream {
      max-width: initial;
      width: calc(100% - 30px); }
    @media screen and (max-width: 600px) {
      .lighterCMS .w-content {
        width: calc(100% - 24px);
        margin-top: 110px; } }
    @media screen and (min-width: 600px) and (max-width: 1000px) {
      .lighterCMS .w-content {
        width: calc(100% - 40px);
        margin-top: 110px; } }

.w-neg-bot-15 {
  margin-bottom: -15px; }

.w-translate-left {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.w-gutter-small {
  margin: -6px -6px; }
  .w-gutter-small > * {
    margin: 6px 6px; }

.w-gutter-small-container {
  margin: -6px -6px; }
  .w-gutter-small-container > * {
    margin: 0; }

.w-cardContainer-resp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 600px) {
    .w-cardContainer-resp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: -8px -8px; }
      .w-cardContainer-resp > * {
        margin: 8px 8px; } }
  @media screen and (min-width: 600px) {
    .w-cardContainer-resp {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -16px -8px; }
      .w-cardContainer-resp > * {
        margin: 16px 8px; } }

.w-cardContainer-resp-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 600px) {
    .w-cardContainer-resp-small {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: -6px -6px; }
      .w-cardContainer-resp-small > * {
        margin: 6px 6px; } }
  @media screen and (min-width: 600px) {
    .w-cardContainer-resp-small {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -6px -6px; }
      .w-cardContainer-resp-small > * {
        margin: 6px 6px; } }

.w-cardContainer-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -8px -8px; }
  .w-cardContainer-small > * {
    margin: 8px 8px; }

.w-cardContainer-tiny {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -4px -4px; }
  .w-cardContainer-tiny > * {
    margin: 4px 4px; }

.w-cardContainer-respSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -8px -8px; }
  .w-cardContainer-respSlider:not(.-doubleCol) > div {
    margin: 8px 8px; }
    @media screen and (min-width: 840px) and (max-width: 1400px) {
      .w-cardContainer-respSlider:not(.-doubleCol) > div {
        width: calc((100% - 32px) / 2); } }
    @media screen and (min-width: 1400px) {
      .w-cardContainer-respSlider:not(.-doubleCol) > div {
        width: calc((100% - (2 * 24px)) / 3); } }
  .w-cardContainer-respSlider.-doubleCol > div {
    margin: 8px 8px; }
    @media screen and (max-width: 600px) {
      .w-cardContainer-respSlider.-doubleCol > div {
        width: 100%; } }
    @media screen and (min-width: 600px) and (max-width: 1400px) {
      .w-cardContainer-respSlider.-doubleCol > div {
        width: 400px;
        min-width: 400px;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; } }
    @media screen and (min-width: 1400px) {
      .w-cardContainer-respSlider.-doubleCol > div {
        min-width: 400px;
        width: calc((100% - 32px) / 2); } }
  @media screen and (max-width: 600px) {
    .w-cardContainer-respSlider {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (min-width: 600px) {
    .w-cardContainer-respSlider {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

/* ==========================================================================*/
/* Animations*/
/* ==========================================================================*/
/* -----------------------------------------------------------*/
/* EASINGS*/
/* */
/* -----------------------------------------------------------*/
/* Common resets*/
/* ---------------------------- */
.a-slideInBot.is-inview,
.is-inview .a-slideInBot, .a-slideInTop.is-inview,
.is-inview .a-slideInTop,
.-active .a-slideInTop {
  -webkit-transform: translate(0);
          transform: translate(0); }

.a-slideInBot.is-inview,
.is-inview .a-slideInBot, .a-slideInTop.is-inview,
.is-inview .a-slideInTop,
.-active .a-slideInTop, .a-fadeIn.is-inview,
.is-inview .a-fadeIn,
.-active .a-fadeIn {
  opacity: 1; }

.a-revealLeftToRight.is-inview,
.is-inview .a-revealLeftToRight,
.-active .a-revealLeftToRight, .a-revealRightToLeft.is-inview,
.is-inview .a-revealRightToLeft,
.-active .a-revealRightToLeft, .a-revealRightToLeft.-active, .a-revealRightToLeftReduce.is-inview,
.is-inview .a-revealRightToLeftReduce,
.-active .a-revealRightToLeftReduce, .a-revealRightToLeftReduce.-active, .a-revealBotToTop.is-inview,
.is-inview .a-revealBotToTop, .a-pushBotToTop.is-inview,
.is-inview .a-pushBotToTop {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0); }

/* ---------------------------- */
/* Common delays*/
/* ---------------------------- */
/* ---------------------------- */
/* Common speeds*/
/* ---------------------------- */

.a-speed-fast {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s; }


.a-speed-faster {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }


.a-speed-normal {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }


.a-speed-slow {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }


.a-speed-slower {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s; }


.a-speed-slowest {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s; }


.a-speed-1s {
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

/* ---------------------------- */
/* Common durations*/
/* ---------------------------- */

.a-duration-fast {
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }


.a-duration-faster {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }


.a-duration-normal {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }


.a-duration-slow {
  -webkit-animation-duration: 4s;
  animation-duration: 4s; }


.a-duration-slower {
  -webkit-animation-duration: 5s;
  animation-duration: 5s; }


.a-duration-slowest {
  -webkit-animation-duration: 6s;
  animation-duration: 6s; }

/* ---------------------------- */
/* Animations*/
/* ---------------------------- */
.a-slideInBot {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.a-slideInTop {
  opacity: 0;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.a-fadeIn {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.a-revealLeftToRight {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition-property: -webkit-clip-path;
  -webkit-transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.a-revealLeftToRight-inf.is-inview,
.is-inview .a-revealLeftToRight-inf,
.-active .a-revealLeftToRight-inf {
  -webkit-animation: revealLeftToRight infinite;
  animation: revealLeftToRight infinite; }

@-webkit-keyframes revealLeftToRight {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0); }
  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }

@keyframes revealLeftToRight {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0); }
  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }

.a-revealRightToLeft {
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  transition-property: -webkit-clip-path;
  -webkit-transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.a-revealRightToLeftReduce {
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  background-size: 120%;
  transition-property: -webkit-clip-path, transform;
  -webkit-transition-property: -webkit-clip-path, -webkit-transform;
  transition-property: -webkit-clip-path, -webkit-transform;
  transition-property: clip-path, transform;
  transition-property: clip-path, transform, -webkit-clip-path, -webkit-transform;
  transition-property: clip-path, -webkit-clip-path, transform;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: background-size 4s, -webkit-clip-path 1.2s;
  transition: background-size 4s, -webkit-clip-path 1.2s;
  transition: background-size 4s, clip-path 1.2s;
  transition: background-size 4s, clip-path 1.2s, -webkit-clip-path 1.2s;
  -webkit-transition-delay: background-size 0.3s;
          transition-delay: background-size 0.3s; }
  .a-revealRightToLeftReduce.is-inview,
  .is-inview .a-revealRightToLeftReduce,
  .-active .a-revealRightToLeftReduce, .a-revealRightToLeftReduce.-active {
    background-size: 100%; }

.a-revealBotToTop {
  -webkit-clip-path: inset(100% 0 0 0);
  clip-path: inset(100% 0 0 0);
  transition-property: -webkit-clip-path;
  -webkit-transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.a-pushBotToTop {
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  transition-property: transform, -webkit-clip-path;
  -webkit-transition-property: -webkit-transform, -webkit-clip-path;
  transition-property: -webkit-transform, -webkit-clip-path;
  transition-property: transform, clip-path;
  transition-property: transform, clip-path, -webkit-transform, -webkit-clip-path;
  transition-property: transform, clip-path, -webkit-clip-path;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }
  .a-pushBotToTop.is-inview,
  .is-inview .a-pushBotToTop {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.a-maskLeftToRight-inf.is-inview,
.is-inview .a-maskLeftToRight-inf,
.-active .a-maskLeftToRight-inf {
  -webkit-animation: maskLeftToRight infinite;
  animation: maskLeftToRight infinite; }

@-webkit-keyframes maskLeftToRight {
  from {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  to {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%); } }

@keyframes maskLeftToRight {
  from {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  to {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%); } }

.a-pulse-inf.is-inview,
.is-inview .a-pulse-inf,
.-active .a-pulse-inf {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes pulse {
  from,
  to {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

@keyframes pulse {
  from,
  to {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

/* ---------------------------- */
.u-enterAnim,
.u-pre-anim {
  opacity: 0; }

.u-anim-slideIn {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-timing-function: easeInSine;
  animation-timing-function: easeInSine; }

@-webkit-keyframes slideIn {
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes slideIn {
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.u-anim-fadeIn {
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-timing-function: easeInSine;
  animation-timing-function: easeInSine; }

@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }

@keyframes fadeIn {
  to {
    opacity: 1; } }

.a-delay-0 {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important; }

.a-delay-1 {
  -webkit-transition-delay: 0.08s !important;
          transition-delay: 0.08s !important;
  -webkit-animation-delay: 0.08s !important;
  animation-delay: 0.08s !important; }

.a-delay-2 {
  -webkit-transition-delay: 0.16s !important;
          transition-delay: 0.16s !important;
  -webkit-animation-delay: 0.16s !important;
  animation-delay: 0.16s !important; }

.a-delay-3 {
  -webkit-transition-delay: 0.24s !important;
          transition-delay: 0.24s !important;
  -webkit-animation-delay: 0.24s !important;
  animation-delay: 0.24s !important; }

.a-delay-4 {
  -webkit-transition-delay: 0.32s !important;
          transition-delay: 0.32s !important;
  -webkit-animation-delay: 0.32s !important;
  animation-delay: 0.32s !important; }

.a-delay-5 {
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important; }

.a-delay-6 {
  -webkit-transition-delay: 0.48s !important;
          transition-delay: 0.48s !important;
  -webkit-animation-delay: 0.48s !important;
  animation-delay: 0.48s !important; }

.a-delay-7 {
  -webkit-transition-delay: 0.56s !important;
          transition-delay: 0.56s !important;
  -webkit-animation-delay: 0.56s !important;
  animation-delay: 0.56s !important; }

.a-delay-8 {
  -webkit-transition-delay: 0.64s !important;
          transition-delay: 0.64s !important;
  -webkit-animation-delay: 0.64s !important;
  animation-delay: 0.64s !important; }

.a-delay-9 {
  -webkit-transition-delay: 0.72s !important;
          transition-delay: 0.72s !important;
  -webkit-animation-delay: 0.72s !important;
  animation-delay: 0.72s !important; }

.a-delay-10 {
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
  animation-delay: 0.8s !important; }

.a-delay-11 {
  -webkit-transition-delay: 0.88s !important;
          transition-delay: 0.88s !important;
  -webkit-animation-delay: 0.88s !important;
  animation-delay: 0.88s !important; }

.a-delay-12 {
  -webkit-transition-delay: 0.96s !important;
          transition-delay: 0.96s !important;
  -webkit-animation-delay: 0.96s !important;
  animation-delay: 0.96s !important; }

.a-delay-13 {
  -webkit-transition-delay: 1.04s !important;
          transition-delay: 1.04s !important;
  -webkit-animation-delay: 1.04s !important;
  animation-delay: 1.04s !important; }

.a-delay-14 {
  -webkit-transition-delay: 1.12s !important;
          transition-delay: 1.12s !important;
  -webkit-animation-delay: 1.12s !important;
  animation-delay: 1.12s !important; }

.a-delay-15 {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
  -webkit-animation-delay: 1.2s !important;
  animation-delay: 1.2s !important; }

.a-delay-16 {
  -webkit-transition-delay: 1.28s !important;
          transition-delay: 1.28s !important;
  -webkit-animation-delay: 1.28s !important;
  animation-delay: 1.28s !important; }

.a-delay-17 {
  -webkit-transition-delay: 1.36s !important;
          transition-delay: 1.36s !important;
  -webkit-animation-delay: 1.36s !important;
  animation-delay: 1.36s !important; }

.a-delay-18 {
  -webkit-transition-delay: 1.44s !important;
          transition-delay: 1.44s !important;
  -webkit-animation-delay: 1.44s !important;
  animation-delay: 1.44s !important; }

.a-delay-19 {
  -webkit-transition-delay: 1.52s !important;
          transition-delay: 1.52s !important;
  -webkit-animation-delay: 1.52s !important;
  animation-delay: 1.52s !important; }

.a-delay-20 {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
  -webkit-animation-delay: 1.6s !important;
  animation-delay: 1.6s !important; }

.a-delay-21 {
  -webkit-transition-delay: 1.68s !important;
          transition-delay: 1.68s !important;
  -webkit-animation-delay: 1.68s !important;
  animation-delay: 1.68s !important; }

.a-delay-22 {
  -webkit-transition-delay: 1.76s !important;
          transition-delay: 1.76s !important;
  -webkit-animation-delay: 1.76s !important;
  animation-delay: 1.76s !important; }

.a-delay-23 {
  -webkit-transition-delay: 1.84s !important;
          transition-delay: 1.84s !important;
  -webkit-animation-delay: 1.84s !important;
  animation-delay: 1.84s !important; }

.a-delay-24 {
  -webkit-transition-delay: 1.92s !important;
          transition-delay: 1.92s !important;
  -webkit-animation-delay: 1.92s !important;
  animation-delay: 1.92s !important; }

.a-delay-25 {
  -webkit-transition-delay: 2s !important;
          transition-delay: 2s !important;
  -webkit-animation-delay: 2s !important;
  animation-delay: 2s !important; }

.a-delay-26 {
  -webkit-transition-delay: 2.08s !important;
          transition-delay: 2.08s !important;
  -webkit-animation-delay: 2.08s !important;
  animation-delay: 2.08s !important; }

.a-delay-27 {
  -webkit-transition-delay: 2.16s !important;
          transition-delay: 2.16s !important;
  -webkit-animation-delay: 2.16s !important;
  animation-delay: 2.16s !important; }

.a-delay-28 {
  -webkit-transition-delay: 2.24s !important;
          transition-delay: 2.24s !important;
  -webkit-animation-delay: 2.24s !important;
  animation-delay: 2.24s !important; }

.a-delay-29 {
  -webkit-transition-delay: 2.32s !important;
          transition-delay: 2.32s !important;
  -webkit-animation-delay: 2.32s !important;
  animation-delay: 2.32s !important; }

.a-delay-30 {
  -webkit-transition-delay: 2.4s !important;
          transition-delay: 2.4s !important;
  -webkit-animation-delay: 2.4s !important;
  animation-delay: 2.4s !important; }

.a-delay-31 {
  -webkit-transition-delay: 2.48s !important;
          transition-delay: 2.48s !important;
  -webkit-animation-delay: 2.48s !important;
  animation-delay: 2.48s !important; }

.a-delay-32 {
  -webkit-transition-delay: 2.56s !important;
          transition-delay: 2.56s !important;
  -webkit-animation-delay: 2.56s !important;
  animation-delay: 2.56s !important; }

.a-delay-33 {
  -webkit-transition-delay: 2.64s !important;
          transition-delay: 2.64s !important;
  -webkit-animation-delay: 2.64s !important;
  animation-delay: 2.64s !important; }

.a-delay-34 {
  -webkit-transition-delay: 2.72s !important;
          transition-delay: 2.72s !important;
  -webkit-animation-delay: 2.72s !important;
  animation-delay: 2.72s !important; }

.a-delay-35 {
  -webkit-transition-delay: 2.8s !important;
          transition-delay: 2.8s !important;
  -webkit-animation-delay: 2.8s !important;
  animation-delay: 2.8s !important; }

.a-delay-36 {
  -webkit-transition-delay: 2.88s !important;
          transition-delay: 2.88s !important;
  -webkit-animation-delay: 2.88s !important;
  animation-delay: 2.88s !important; }

.a-delay-37 {
  -webkit-transition-delay: 2.96s !important;
          transition-delay: 2.96s !important;
  -webkit-animation-delay: 2.96s !important;
  animation-delay: 2.96s !important; }

.a-delay-38 {
  -webkit-transition-delay: 3.04s !important;
          transition-delay: 3.04s !important;
  -webkit-animation-delay: 3.04s !important;
  animation-delay: 3.04s !important; }

.a-delay-39 {
  -webkit-transition-delay: 3.12s !important;
          transition-delay: 3.12s !important;
  -webkit-animation-delay: 3.12s !important;
  animation-delay: 3.12s !important; }

.a-delay-40 {
  -webkit-transition-delay: 3.2s !important;
          transition-delay: 3.2s !important;
  -webkit-animation-delay: 3.2s !important;
  animation-delay: 3.2s !important; }

.a-delay-41 {
  -webkit-transition-delay: 3.28s !important;
          transition-delay: 3.28s !important;
  -webkit-animation-delay: 3.28s !important;
  animation-delay: 3.28s !important; }

.a-delay-42 {
  -webkit-transition-delay: 3.36s !important;
          transition-delay: 3.36s !important;
  -webkit-animation-delay: 3.36s !important;
  animation-delay: 3.36s !important; }

.a-delay-43 {
  -webkit-transition-delay: 3.44s !important;
          transition-delay: 3.44s !important;
  -webkit-animation-delay: 3.44s !important;
  animation-delay: 3.44s !important; }

.a-delay-44 {
  -webkit-transition-delay: 3.52s !important;
          transition-delay: 3.52s !important;
  -webkit-animation-delay: 3.52s !important;
  animation-delay: 3.52s !important; }

.a-delay-45 {
  -webkit-transition-delay: 3.6s !important;
          transition-delay: 3.6s !important;
  -webkit-animation-delay: 3.6s !important;
  animation-delay: 3.6s !important; }

.a-delay-46 {
  -webkit-transition-delay: 3.68s !important;
          transition-delay: 3.68s !important;
  -webkit-animation-delay: 3.68s !important;
  animation-delay: 3.68s !important; }

.a-delay-47 {
  -webkit-transition-delay: 3.76s !important;
          transition-delay: 3.76s !important;
  -webkit-animation-delay: 3.76s !important;
  animation-delay: 3.76s !important; }

.a-delay-48 {
  -webkit-transition-delay: 3.84s !important;
          transition-delay: 3.84s !important;
  -webkit-animation-delay: 3.84s !important;
  animation-delay: 3.84s !important; }

.a-delay-49 {
  -webkit-transition-delay: 3.92s !important;
          transition-delay: 3.92s !important;
  -webkit-animation-delay: 3.92s !important;
  animation-delay: 3.92s !important; }

.a-delay-50 {
  -webkit-transition-delay: 4s !important;
          transition-delay: 4s !important;
  -webkit-animation-delay: 4s !important;
  animation-delay: 4s !important; }

.u-fadeOut {
  opacity: 0 !important;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.a-horizontalLoop {
  position: absolute;
  text-align: center;
  -webkit-animation: horizontalLoop 21s linear infinite;
  animation: horizontalLoop 21s linear infinite; }
  .a-horizontalLoop.-delay-5 {
    -webkit-animation-delay: -7s;
    animation-delay: -7s; }
  .a-horizontalLoop.-delay-10 {
    -webkit-animation-delay: -14s;
    animation-delay: -14s; }
  @media screen and (max-width: 1000px) {
    .a-horizontalLoop {
      width: 900px;
      -webkit-transform: translateX(900px);
              transform: translateX(900px); } }
  @media screen and (min-width: 1000px) {
    .a-horizontalLoop {
      width: 100vw;
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw); } }

@media screen and (max-width: 1000px) {
  @-webkit-keyframes horizontalLoop {
    from {
      -webkit-transform: translateX(900px);
              transform: translateX(900px); }
    to {
      -webkit-transform: translateX(-900px);
              transform: translateX(-900px); } }
  @keyframes horizontalLoop {
    from {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px); }
    to {
      -webkit-transform: translateX(-1100px);
              transform: translateX(-1100px); } } }

@media screen and (min-width: 1000px) {
  @-webkit-keyframes horizontalLoop {
    from {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw); }
    to {
      -webkit-transform: translateX(-110vw);
              transform: translateX(-110vw); } }
  @keyframes horizontalLoop {
    from {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw); }
    to {
      -webkit-transform: translateX(-110vw);
              transform: translateX(-110vw); } } }

@-webkit-keyframes infiniteRotate-circle {
  from {
    -webkit-transform: translate(50%, -50%) rotate(0);
            transform: translate(50%, -50%) rotate(0); }
  50% {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
            transform: translate(50%, -50%) rotate(360deg); }
  to {
    -webkit-transform: translate(50%, -50%) rotate(720deg);
            transform: translate(50%, -50%) rotate(720deg); } }

@keyframes infiniteRotate-circle {
  from {
    -webkit-transform: translate(50%, -50%) rotate(0);
            transform: translate(50%, -50%) rotate(0); }
  50% {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
            transform: translate(50%, -50%) rotate(360deg); }
  to {
    -webkit-transform: translate(50%, -50%) rotate(720deg);
            transform: translate(50%, -50%) rotate(720deg); } }

/* OBJECTS */
.cardPlaceholder {
  width: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EBEDF5;
  border: 1px solid #CFD5E8; }
  @media screen and (max-width: 1000px) {
    .cardPlaceholder {
      padding: 30px 30px; }
      .cardPlaceholder > p {
        margin-top: 10px; } }
  @media screen and (min-width: 1000px) {
    .cardPlaceholder {
      padding: 30px 40px; } }
  .cardPlaceholder p a {
    text-decoration: underline;
    display: inline-block; }

.modal {
  overflow-y: auto;
  position: fixed;
  width: 150vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  @media screen and (max-width: 1000px) {
    .modal {
      list-style-position: inside; } }

.modal_step {
  position: relative;
  background-color: #fff;
  border-radius: 5px; }
  @media screen and (max-width: 1000px) {
    .modal_step {
      width: 94vw;
      top: 3vw;
      left: 3vw;
      padding: 30px 20px; } }
  @media screen and (min-width: 1000px) {
    .modal_step {
      width: 600px;
      top: 10vh;
      left: 50vw;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      padding: 40px 60px;
      margin-bottom: 20vh; } }

/* Close */
.modal_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  cursor: pointer; }
  .modal_close > * {
    pointer-events: none; }

.modal_close span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: black;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: width .25s, left .25s, top .25s, opacity .25s, -webkit-transform .25s;
  transition: width .25s, left .25s, top .25s, opacity .25s, -webkit-transform .25s;
  transition: transform .25s, width .25s, left .25s, top .25s, opacity .25s;
  transition: transform .25s, width .25s, left .25s, top .25s, opacity .25s, -webkit-transform .25s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

.modal_close span:nth-child(1) {
  top: 0px; }

.modal_close span:nth-child(2),
.modal_close span:nth-child(3) {
  top: 10px; }

.modal_close span:nth-child(4) {
  top: 20px; }

.modal_close span:nth-child(1) {
  top: 14px;
  width: 0%;
  left: 50%;
  opacity: 0; }

.modal_close span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.modal_close span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.modal_close span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
  opacity: 0; }

/* OBJECTS*/
.alert {
  height: 100px;
  position: fixed;
  top: 6vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100000;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 20px;
  width: calc(100vw - 30px);
  max-width: 600px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  font-family: HurmeGeometricSans3; }
  .alert.-hidden {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px);
    opacity: 0; }
  .alert p {
    padding: 5px 15px;
    color: white;
    font-size: 14px;
    font-weight: 500; }
  .alert span {
    width: 65px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .alert.-success {
    background-color: #66ac5a; }
  .alert.-warning {
    background-color: #f4be50; }
  .alert.-error {
    background-color: #D34341; }

.alert_title {
  font-weight: 700;
  display: block; }

/* ====================================*/
/* STYLE FOR THE SUCCESS CHECK MARK*/
/* ====================================*/
.check_mark {
  -webkit-transform: scale(0.35);
          transform: scale(0.35); }

.hide {
  display: none; }

.sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.sa-icon.sa-success {
  border-color: #4CAF50; }

.sa-icon.sa-success::before,
.sa-icon.sa-success::after {
  content: '';
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #66ac5a;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
          transform-origin: 60px 60px; }

.sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
          transform-origin: 0px 60px; }

.sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid white;
  border-radius: 40px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #66ac5a;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

.sa-icon.sa-success {
  border-color: transparent; }

.sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg); }

.sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg); }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

.sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: white;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  transition: box-shadow 0.2s, background-color 0.2s, -webkit-filter 0.2s;
  -webkit-transition: background-color 0.2s, -webkit-box-shadow 0.2s, -webkit-filter 0.2s;
  transition: background-color 0.2s, -webkit-box-shadow 0.2s, -webkit-filter 0.2s;
  transition: box-shadow 0.2s, filter 0.2s, background-color 0.2s;
  transition: box-shadow 0.2s, filter 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s, -webkit-filter 0.2s;
  transition: box-shadow 0.2s, filter 0.2s, background-color 0.2s, -webkit-filter 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: HurmeGeometricSans3; }
  .button p {
    white-space: nowrap; }
  .button.-smallest {
    height: 30px; }
    .button.-smallest p {
      font-weight: 600;
      height: 16px;
      -webkit-transition: color 0.16s;
      transition: color 0.16s; }
    .button.-smallest i {
      margin-right: 10px;
      font-size: 0.75rem;
      -webkit-transition: color 0.16s;
      transition: color 0.16s; }
    @media screen and (max-width: 600px) {
      .button.-smallest {
        padding: 0 16px; }
        .button.-smallest p {
          font-size: 0.6875rem; } }
    @media screen and (min-width: 600px) {
      .button.-smallest {
        padding: 0 16px; }
        .button.-smallest p {
          font-size: 0.75rem; } }
  .button.-small p {
    font-weight: 600;
    -webkit-transition: color 0.22s;
    transition: color 0.22s; }
  @media screen and (max-width: 600px) {
    .button.-small {
      height: 30px;
      padding: 0 16px; }
      .button.-small p {
        height: 16px;
        font-size: 0.6875rem;
        line-height: 19px; } }
  @media screen and (min-width: 600px) {
    .button.-small {
      height: 32px;
      padding: 0 26px; }
      .button.-small p {
        height: 16px;
        font-size: 0.75rem; } }
  .button.-normal p,
  .button.-normal i {
    font-weight: 600;
    -webkit-transition: color 0.22s;
    transition: color 0.22s; }
  @media screen and (max-width: 600px) {
    .button.-normal {
      height: 36px;
      padding: 0 14px; }
      .button.-normal p {
        font-size: 0.75rem;
        height: 16px; } }
  @media screen and (min-width: 600px) {
    .button.-normal {
      height: 36px;
      padding: 0 24px; }
      .button.-normal p {
        font-size: 0.8125rem;
        height: 18px; } }
  .button.-medium {
    padding: 0 32px;
    height: 40px; }
    .button.-medium p {
      height: 12px;
      font-weight: 600;
      line-height: 14px;
      -webkit-transition: color 0.22s;
      transition: color 0.22s; }
    @media screen and (max-width: 600px) {
      .button.-medium.-full-mobileSmall {
        padding: 16px 10px; }
      .button.-medium p {
        font-size: 0.8125rem; } }
    @media screen and (min-width: 600px) {
      .button.-medium p {
        font-size: 0.875rem; } }
  .button.-large p {
    font-weight: 600;
    line-height: 14px;
    padding-top: 3px; }
  @media screen and (max-width: 1000px) {
    .button.-large {
      width: 220px;
      max-width: calc(100vw - 32px);
      height: 48px;
      margin-left: 16px;
      margin-right: 16px; }
      .button.-large p {
        font-size: 14px; } }
  @media screen and (max-width: 600px) {
    .button.-large.-mobile-fullWidth {
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .button.-large {
      width: 280px;
      height: 50px; }
      .button.-large p {
        font-size: 15px; } }
  @media screen and (max-width: 600px) {
    .button.-full-mobileSmall {
      width: 100%; } }
  .button.-text.-white p {
    font-family: HurmeGeometricSans3;
    color: white; }
  .button.-softCorners {
    border-radius: 100px; }
  .button.-semiSoftCorners {
    border-radius: 3px; }
  .button.-soft-rect {
    border-radius: 4px; }
  .button.-lightGray-fill {
    background-color: #A7A9B4;
    -webkit-transition: background-color 0.22s;
    transition: background-color 0.22s; }
    .button.-lightGray-fill p {
      color: white;
      -webkit-transition: color 0.22s;
      transition: color 0.22s; }
    @media screen and (pointer: fine) {
      .button.-lightGray-fill:hover {
        background-color: #808080; } }
  .button.-black-fill {
    background-color: #202020;
    border: 2px solid #202020;
    -webkit-transition: background-color 0.22s;
    transition: background-color 0.22s; }
    .button.-black-fill p {
      color: white;
      -webkit-transition: color 0.22s;
      transition: color 0.22s; }
    @media screen and (pointer: fine) {
      .button.-black-fill:hover {
        background-color: transparent; }
        .button.-black-fill:hover p {
          color: #202020; }
        .button.-black-fill:hover .button_arrow {
          -webkit-filter: brightness(0%);
          filter: brightness(0%); } }

@media screen and (pointer: fine) {
  a:hover .-white-fill {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    -webkit-box-shadow: 0 10px 20px -8px #aaa;
            box-shadow: 0 10px 20px -8px #aaa; }
    a:hover .-white-fill .button_arrow {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); }
  a:hover .-solidWhite-fill {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    -webkit-box-shadow: 0 7px 13px -8px #242931;
            box-shadow: 0 7px 13px -8px #242931; }
  a:hover .-white-outline {
    background-color: white; }
    a:hover .-white-outline p {
      color: #202020; }
  a:hover .-lightGray-fill {
    background-color: #808080; }
  a:hover .-black-outline {
    -webkit-filter: brightness(130%);
    filter: brightness(130%); }
    a:hover .-black-outline .button_arrow {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); }
  a:hover .-black-fill {
    -webkit-filter: brightness(130%);
    filter: brightness(130%); }
    a:hover .-black-fill .button_arrow {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); } }

.button_arrow {
  width: 25px;
  margin-left: 10px;
  transition: transform 0.22s, -webkit-filter 0.22s;
  -webkit-transition: -webkit-transform 0.22s, -webkit-filter 0.22s;
  transition: -webkit-transform 0.22s, -webkit-filter 0.22s;
  transition: transform 0.22s, filter 0.22s;
  transition: transform 0.22s, filter 0.22s, -webkit-transform 0.22s, -webkit-filter 0.22s;
  transition: transform 0.22s, filter 0.22s, -webkit-filter 0.22s; }

/*  ========================= */
/*  ==== Comments section === */
/*  =========================*/
.commentsSection {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border-radius: 4px; }
  @media screen and (max-width: 600px) {
    .commentsSection {
      width: calc(100vw - 8px);
      padding: 16px 12px;
      margin-top: 6.25rem;
      margin: 6.25rem -16px 0 -16px; } }
  @media screen and (min-width: 600px) {
    .commentsSection {
      width: 100%;
      padding: 40px;
      margin-top: 7.5rem; } }

@media screen and (max-width: 600px) {
  .commentBlock {
    margin: 15px 0; }
    .commentBlock.-group {
      padding-top: 15px;
      border-top: 1px solid #ebedf3; } }

@media screen and (min-width: 600px) {
  .commentBlock {
    margin: 20px 0; }
    .commentBlock.-group {
      padding-top: 20px;
      border-top: 1px solid #ebedf3; } }

.commentsSection > .js-commentsContainer > .commentBlock {
  margin-bottom: 50px; }

.commentBlock_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px; }

.commentBlock_header_user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.commentBlock_header_user_avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media screen and (max-width: 600px) {
    .commentBlock_header_user_avatar {
      height: 18px;
      width: 18px;
      margin-right: 8px; } }
  @media screen and (min-width: 600px) {
    .commentBlock_header_user_avatar {
      height: 30px;
      width: 30px;
      margin-right: 15px; } }

.commentBlock_header_actions {
  position: relative; }
  .commentBlock_header_actions i {
    color: #808080;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 3px; }

.commentBlock_body {
  border-left: 1px solid #D6D6D6; }
  @media screen and (min-width: 600px) {
    .commentBlock_body {
      margin-left: 15px;
      padding-left: 15px; } }

.commentBlock_body_actionBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .commentBlock_body_actionBar p {
    font-family: HurmeGeometricSans3;
    font-size: 0.8125rem; }
  @media screen and (max-width: 600px) {
    .commentBlock_body_actionBar > p {
      font-size: 0.75rem; } }
  .commentBlock_body_actionBar i {
    font-size: 0.75rem;
    margin-left: 4px; }

.commentBlock_body_actionBar_likes,
.commentBlock_body_actionBar_reply {
  min-width: 55px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .commentBlock_body_actionBar_likes p,
  .commentBlock_body_actionBar_reply p {
    -webkit-transition: color 0.12s;
    transition: color 0.12s; }
  .commentBlock_body_actionBar_likes:hover p, .commentBlock_body_actionBar_likes.-liked p,
  .commentBlock_body_actionBar_reply:hover p,
  .commentBlock_body_actionBar_reply.-liked p {
    color: #0082FF; }
  @media screen and (max-width: 600px) {
    .commentBlock_body_actionBar_likes,
    .commentBlock_body_actionBar_reply {
      margin-right: 10px; } }
  @media screen and (min-width: 600px) {
    .commentBlock_body_actionBar_likes,
    .commentBlock_body_actionBar_reply {
      margin-right: 15px; } }

.commentBlock_body_replyForm {
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.commentBlock_modal {
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  width: 200px;
  position: absolute;
  right: 0;
  top: 30px;
  border: 1px solid #CFD5E8;
  border-radius: 4px;
  background-color: white;
  -webkit-box-shadow: 0 5px 10px -4px #455787;
          box-shadow: 0 5px 10px -4px #455787;
  -webkit-transition: opacity 0.1s, -webkit-transform 0.1s;
  transition: opacity 0.1s, -webkit-transform 0.1s;
  transition: opacity 0.1s, transform 0.1s;
  transition: opacity 0.1s, transform 0.1s, -webkit-transform 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .-open .commentBlock_modal {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
            transform: none; }
  .commentBlock_modal .commentBlock_modal_item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .commentBlock_modal .commentBlock_modal_item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none !important; }
  @media screen and (min-width: 1600px) {
    .commentBlock_modal {
      right: auto;
      left: 0;
      top: 48px; } }

.commentBlock_modal_item {
  padding: 18px 15px;
  cursor: pointer;
  border-bottom: 1px solid #CFD5E8;
  -webkit-transition: background-color 0.22s;
  transition: background-color 0.22s; }
  .commentBlock_modal_item i,
  .commentBlock_modal_item p {
    color: #343434;
    -webkit-transition: color 0.22s;
    transition: color 0.22s; }
  .commentBlock_modal_item p {
    height: 15px;
    font-size: 15px;
    font-weight: 600;
    font-family: HurmeGeometricSans3;
    margin-left: 15px; }
  .commentBlock_modal_item i {
    font-size: 11px; }
  .commentBlock_modal_item:hover {
    background-color: #0082FF; }
    .commentBlock_modal_item:hover i,
    .commentBlock_modal_item:hover p {
      color: white; }

/* ==========================================================================*/
/* Icons*/
/* ==========================================================================*/
.icon {
  width: 35px;
  height: 35px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .icon img {
    width: 50%; }
  .icon.-red {
    background-color: #EC291C;
    border-radius: 20px; }
  .icon.-round {
    border-radius: 50%; }

.u-icon-larger {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100px;
  height: 100px; }

.u-icon-large {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 45px;
  height: 45px; }

.u-icon-30 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px; }

.u-icon-medium {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25px;
  height: 25px; }

.u-icon-20 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px; }

.u-icon-small {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 12px;
  height: 12px; }

.u-icon-tiny {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10px;
  height: 10px; }

.input {
  position: relative;
  display: block;
  margin-top: 50px;
  width: 100%; }
  .input .label {
    position: absolute;
    width: 100%;
    top: 17px;
    left: 7px;
    font-size: 14px;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap; }
  .input .border {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: blue;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: background-color .15s ease, -webkit-transform .15s ease;
    transition: background-color .15s ease, -webkit-transform .15s ease;
    transition: transform .15s ease, background-color .15s ease;
    transition: transform .15s ease, background-color .15s ease, -webkit-transform .15s ease; }
  .input:hover input,
  .input:hover textarea {
    background-color: rgba(128, 128, 128, 0.08); }
  .input input,
  .input textarea {
    -webkit-appearance: none;
    width: 100%;
    font-family: inherit;
    padding: 15px 7px 12px 7px;
    border-radius: 4px;
    font-size: 0.9375rem;
    line-height: 16px;
    border: 1px solid black;
    background-color: #FBFBFB;
    color: #223254;
    -webkit-transition: background-color 0.18s ease, -webkit-transform 0.18s ease;
    transition: background-color 0.18s ease, -webkit-transform 0.18s ease;
    transition: transform 0.18s ease, background-color 0.18s ease;
    transition: transform 0.18s ease, background-color 0.18s ease, -webkit-transform 0.18s ease; }
    .input input > input,
    .input textarea > input {
      height: 48px; }
    .input input > textarea,
    .input textarea > textarea {
      min-height: 150px; }
    .input input + span,
    .input textarea + span {
      color: black;
      -webkit-transform: translateY(-37px) scale(0.75);
              transform: translateY(-37px) scale(0.75); }
    .input input:focus,
    .input textarea:focus {
      background-color: #ddd;
      outline: none; }
      .input input:focus + span,
      .input textarea:focus + span {
        color: #0082FF;
        -webkit-transform: translateY(-41px) scale(0.75);
                transform: translateY(-41px) scale(0.75); }
        .input input:focus + span + .border,
        .input textarea:focus + span + .border {
          -webkit-transform: scaleX(1);
                  transform: scaleX(1); }
    .-error .input input, .-error
    .input textarea {
      border: 1px solid #D34341 !important; }

.input_error {
  display: none;
  margin-top: 5px;
  margin-left: auto;
  color: #D34341;
  font-weight: 500; }
  .-error-empty .input_error.-empty {
    display: block; }
  .-error-pw-length .input_error.-pwLength {
    display: block; }
  .-error-pw-match .input_error.-pwMatch {
    display: block; }

.hide {
  display: none; }

input[type='checkbox'] {
  width: 15px;
  height: 15px; }

input:focus,
button:focus {
  outline: none !important; }

textarea {
  -webkit-transition: border 0.15s ease;
  transition: border 0.15s ease; }

textarea:focus {
  outline: none !important;
  border: 1px solid #0082FF; }

.stripe {
  margin-top: 80px;
  /* Variables */
  /* Buttons and links */
  /* spinner/processing state, errors */ }
  .stripe * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .stripe body {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    height: 100vh;
    width: 100vw; }
  .stripe form {
    margin: auto;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
        align-self: center; }
    @media screen and (max-width: 1000px) {
      .stripe form {
        width: 100%; } }
    @media screen and (min-width: 1000px) {
      .stripe form {
        width: 500px; } }
  .stripe input {
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    font-size: 16px;
    width: 100%;
    background: white; }
  .stripe .result-message {
    line-height: 22px;
    font-size: 16px; }
  .stripe .result-message a {
    color: #596fd6;
    font-weight: 600;
    text-decoration: none; }
  .stripe .hidden {
    display: none; }
  .stripe #card-error {
    color: #697386;
    text-align: left;
    font-size: 13px;
    line-height: 17px;
    margin-top: 12px; }
  .stripe #card-element {
    border-radius: 4px 4px 0 0;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    width: 100%;
    background: white; }
  .stripe #payment-request-button {
    margin-bottom: 32px; }
  .stripe button {
    background: #0082FF;
    color: #ffffff;
    font-family: Arial, sans-serif;
    border-radius: 0 0 4px 4px;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
    width: 100%; }
  .stripe button:hover {
    -webkit-filter: contrast(115%);
    filter: contrast(115%); }
  .stripe button:disabled {
    opacity: 0.5;
    cursor: default; }
  .stripe .spinner,
  .stripe .spinner:before,
  .stripe .spinner:after {
    border-radius: 50%; }
  .stripe .spinner {
    color: #ffffff;
    font-size: 22px;
    text-indent: -99999px;
    margin: 0px auto;
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: inset 0 0 0 2px;
            box-shadow: inset 0 0 0 2px;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .stripe .spinner:before,
  .stripe .spinner:after {
    position: absolute;
    content: ""; }
  .stripe .spinner:before {
    width: 10.4px;
    height: 20.4px;
    background: #5469d4;
    border-radius: 20.4px 0 0 20.4px;
    top: -0.2px;
    left: -0.2px;
    -webkit-transform-origin: 10.4px 10.2px;
            transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s infinite ease 1.5s;
    animation: loading 2s infinite ease 1.5s; }
  .stripe .spinner:after {
    width: 10.4px;
    height: 10.2px;
    background: #5469d4;
    border-radius: 0 10.2px 10.2px 0;
    top: -0.1px;
    left: 10.2px;
    -webkit-transform-origin: 0px 10.2px;
            transform-origin: 0px 10.2px;
    -webkit-animation: loading 2s infinite ease;
    animation: loading 2s infinite ease; }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* COMPONENTS*/
header {
  width: 100%;
  background-color: #0082FF;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s; }
  header.u-enterAnim {
    background-color: white; }
  header h1 {
    font-size: 22px;
    color: white;
    font-weight: 300;
    padding: 10px 30px; }

footer {
  padding: 20px; }

.view404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: 100vh;
  padding: 30px; }

@media screen and (max-width: 1200px) {
  .view404_title {
    font-size: 30vw; } }

@media screen and (min-width: 1200px) {
  .view404_title {
    font-size: 15.625rem; } }

.view404_subtitle {
  font-weight: 600; }
  @media screen and (max-width: 1200px) {
    .view404_subtitle {
      font-size: 1.5625rem;
      margin-top: 10px; } }
  @media screen and (min-width: 1200px) {
    .view404_subtitle {
      font-size: 2.5rem; } }


/*# sourceMappingURL=public.bundle.css.map*/