@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=586c89f3-1e90-4e08-afa4-aa1c28c7d484");
/*@font-face{
    font-family:"Helvetica W01 Blk Obl";
    src:url("./Fonts/1f8a9f04-59ba-4fc3-8538-7fb87138376d.woff2") format("woff2"),url("./Fonts/e80cc55d-63d4-47e3-90e1-8b9a4e5e97b8.woff") format("woff");
}
@font-face{
    font-family:"HelveticaW01-RoundedBdO";
    src:url("./Fonts/7d739f22-7f59-423b-9ddd-59f87eef6fe5.woff2") format("woff2"),url("./Fonts/df4d0186-cc86-4bc4-a22d-6e106afb54b0.woff") format("woff");
}
*/
@font-face{
    font-family:"HelveticaW01-RoundedBd";
    src:url("./Fonts/ce71ebb8-7267-4513-90cd-73afdc75dfd6.woff2") format("woff2"),url("./Fonts/c280ced9-704c-46b2-a66a-aff7ee1627bf.woff") format("woff");
}
@font-face{
    font-family:"HelveticaW01-RoundedBlk 709929";
    src:url("./Fonts/41362487-2875-431d-a61a-b147b2090c2f.woff2") format("woff2"),url("./Fonts/75fe4891-ebc0-4682-80ac-64f1a999bcd5.woff") format("woff");
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:root {
  /* colors */
  --blue: #0063AF;
  --blue-light: #e5f4ff;
  --orange: #FAAF18;
  --orange-medium: #FFEBCE;
  --orange-light: #FFF4E4;
  --red: #ac3a2b;
  --black: #000000;
  --grey-darkest: #131413;
  --grey-dark: #444;
  --grey-medium: #9B9B9B;
  --grey-light: #eaedf3;
  --grey-lightest: #f3f3f3;
  --white: #ffffff;
  --white2: rgba(2553,255,255,1);
  /* fonts */
  --helveticaRoundBlack: 'HelveticaW01-RoundedBlk 709929', arial, sans-serif;
  /* --helveticaRoundBlackOblic: 'Helvetica W01 Blk Obl', arial, sans-serif; */
  --helveticaRoundBold: 'HelveticaW01-RoundedBd', arial, sans-serif;
  /* --helveticaRoundBoldOblic:'HelveticaW01-RoundedBdO', arial, sans-serif; */

  /* spacings */
  --gutter: 30px;
  --transition: all .3s ease;
}
.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;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 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) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  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.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.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.rightMost:after {
  left: auto;
  right: 22px;
}
.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: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  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;
  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: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.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: #959ea9;
}
.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 {
  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(57,57,57,0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,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(57,57,57,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(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,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;
  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(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  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(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  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(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  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;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  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: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.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: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.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)) {
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.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(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.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(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  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: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-grid-row-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: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/* autoprefixer grid: autoplace */
::-webkit-input-placeholder { /* Edge */
  color: var(--grey-medium);
  font-size: 18px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--grey-medium);
  font-size: 18px;
}
::-moz-placeholder {
  color: var(--grey-medium);
  font-size: 18px;
}
::-ms-input-placeholder {
  color: var(--grey-medium);
  font-size: 18px;
}
::placeholder {
  color: var(--grey-medium);
  font-size: 18px;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: white;
}
::-webkit-scrollbar-corner {
  -webkit-appearance: none;
  display: none;
}
/* background-image: none;
    background-color: var(--grey-light); */
.flatpickr-day.hidden {
  display: block !important;
}
#sapper {

  font-family: var(--proxima), Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black);
}
#sapper .transition {
    transition: var(--transition);
  }
#sapper .center-container {
    max-width: 1024px;
    margin: 0 auto;
  }
#sapper .relative {
    position: relative;
  }
#sapper .absolute {
    position: absolute;
  }
#sapper .fixed {
    position: fixed;
  }
#sapper .no-br br { display: none }
#sapper .hiddenflow {
    overflow: hidden;
  }
#sapper .hoverflow-visible {
    overflow: visible
  }
#sapper .scroll { overflow: scroll }
#sapper .scroll-y {
    overflow-y: scroll;
    overflow-x: hidden;
  }
#sapper .pointer {
    cursor: pointer;
  }
#sapper .not-allowed {
    cursor: not-allowed
  }
#sapper .no-capture { pointer-events: none }
#sapper .capture { pointer-events: initial }
#sapper .greyscale {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
#sapper .opacity-\.4 {
    opacity: .4
  }
#sapper .f-41 {
    font-size: 41px;
    line-height: 1;
  }
#sapper .f-24 {
    font-size: 24px;
    line-height: 30px;
  }
#sapper .f-24.smallHeight {
    line-height: 24px;
  }
#sapper .f-24.verySmallHeight {
    line-height: 15px;
  }
#sapper .f-19 {
    font-size: 19px;
    line-height: 25px;
  }
#sapper .f-16 {
    font-size: 16px;
    line-height: 20px;
  }
#sapper .f-14 {
    font-size: 14px;
    line-height: 20px;
  }
#sapper .up {
    text-transform: uppercase;
  }
#sapper .capitalize {
    text-transform: capitalize;
  }
#sapper .no-text-shadow {
    text-shadow: none;
  }
#sapper .fw-bold { 
    font-family: var(--helveticaRoundBold);
    font-weight: normal; 
  }
#sapper .underline {
    text-decoration: underline;
  }
#sapper strong, #sapper .fw-black { 
    font-family: var(--helveticaRoundBlack);
    font-weight: normal; 
  }
#sapper .text-right { text-align: right }
#sapper .text-center { text-align: center; }
#sapper a {
    color: inherit;
    text-decoration: none;
  }
#sapper .border-box { box-sizing: border-box; }
#sapper .w25pc { width: 25%; }
#sapper .w33pc { width: 33%; }
#sapper .w50pc { width: 50%; }
#sapper .w70pc { width: 70%; }
#sapper .w85pc { width: 85%; }
#sapper .w100pc { width: 100%; }
#sapper .w30px { width: 30px; }
#sapper .w45px { width: 45px; }
#sapper .w50px { width: 50px; }
#sapper .w120px { width: 120px; }
#sapper .mw540px { max-width: 540px }
#sapper .mw100pc { max-width: 100% }
#sapper .h45px { height: 45px; }
#sapper .h30px { height: 30px; }
#sapper .h50px { height: 50px; }
#sapper .h100pc { height: 100%; }
#sapper .hauto { height: auto }
#sapper .mh100pc { max-height: 100%; }
#sapper .zi-1  { z-index: -1; }
#sapper .zi10   { z-index: 10; }
#sapper .zi100 { z-index: 999999999; }
#sapper .zi200 { z-index: 9999999999; }
#sapper .grid {
    display: flex;
    flex-wrap: wrap;
  }
#sapper .grid > * {
    margin-bottom: calc(var(--gutter)/2);
    box-sizing: border-box;
  }
#sapper .grid > *:last-child,
  #sapper .grid .mr-0 {
    margin-right: 0;
  }
#sapper .grid >*:last-child,
  #sapper .noRowGap > *,
  #sapper .grid .mb-0 {
    margin-bottom: 0;
  }
#sapper .grid > *:last-child.keep-mb {
    margin-bottom: calc(var(--gutter)/2);
  }
#sapper .col-16 > .span-1 { width: 6.25%; }
#sapper .col-16 > .span-2 { width: 12.5%; }
#sapper .col-16 > .span-3 { width: 18.75%; }
#sapper .col-16 > .span-4 { width: 25%; }
#sapper .col-16 > .span-5 { width: 31.25%; }
#sapper .col-16 > .span-6 { width: 37.5%; }
#sapper .col-16 > .span-7 { width: 43.75%; }
#sapper .col-16 > .span-8 { width: 50%; }
#sapper .col-16 > .span-9 { width: 56.25%; }
#sapper .col-16 > .span-10 { width: 62.5%; }
#sapper .col-16 > .span-11 { width: 68.75%; }
#sapper .col-16 > .span-12 { width: 75%; }
#sapper .col-16 > .span-13 { width: 81.25%; }
#sapper .col-16 > .span-14 { width: 87.5%; }
#sapper .col-16 > .span-15 { width: 93.75%; }
#sapper .col-16 > .span-16 { width: 100%; }
#sapper .col-16 > .indent-\.5 { margin-left: 3.125%; }
#sapper .col-16 > .indent-1 { margin-left: 6.25%; }
#sapper .col-16 > .indent-2 { margin-left: 12.5%; }
#sapper .col-16 > .indent-3 { margin-left: 18.75%; }
#sapper .col-16 > .indent-4 { margin-left: 25%; }
#sapper .col-16 > .outdent-1 { margin-right: 6.25%; }
#sapper .col-16 > .outdent-4 { margin-right: 25%; }
#sapper .col-14 > .span-1 { width: 7.142857142857143%; }
#sapper .col-14 > .span-2 { width: 14.285714285714286%; }
#sapper .col-14 > .span-3 { width: 21.42857142857143%; }
#sapper .col-14 > .span-4 { width: 28.571428571428573%; }
#sapper .col-14 > .span-5 { width: 35.714285714285715%; }
#sapper .col-14 > .span-6 { width: 42.85714285714286%; }
#sapper .col-14 > .span-7 { width: 50%; }
#sapper .col-14 > .span-10 { width: 71.42857142857143%; }
#sapper .col-14 > .span-12 { width: 85.71428571428572%; }
#sapper .col-14 > .span-14 { width: 100%; }
#sapper .col-14 > .indent-1 { margin-left: 7.142857142857143%; }
#sapper .col-14 > .indent-2 { margin-left: 14.285714285714286%; }
#sapper .span-grow { flex-grow: 1 }
#sapper .justify-center {
    justify-content: center;
  }
#sapper .justify-end {
    justify-content: flex-end;
  }
#sapper .justify-start {
    justify-content: flex-start;
  }
#sapper .flex { display: flex; }
#sapper .inline-flex { display: inline-flex; }
#sapper .wrap { flex-wrap: wrap; }
#sapper .space-between { justify-content: space-between;}
#sapper .space-around { justify-content: space-around; }
#sapper .flex-end { justify-content: flex-end; }
#sapper .align-start { align-items: flex-start; }
#sapper .align-end { align-items: flex-end; }
#sapper .align-center { align-items: center; }
#sapper .flex-col { flex-direction: column; }
#sapper .flex-col-reverse { flex-direction: column-reverse; }
#sapper .align-self-center { -ms-grid-row-align: center; align-self: center; }
#sapper .top-0 { top: 0; }
#sapper .top--10px { top: -10px; }
#sapper .bottom-0 { bottom: 0; }
#sapper .right-0 { right: 0; }
#sapper .right-2 { right: calc(var(--gutter)/3); }
#sapper .left-0 { left: 0; }
#sapper .left-2 { left: calc(var(--gutter)/3); }
#sapper .left--20px { left: -20px; }
#sapper .left44px { left: 44px }
#sapper .mt-0 { margin-top: 0; }
#sapper .mt-2 { margin-top: calc(var(--gutter)/3); }
#sapper .mt-3 { margin-top: calc(var(--gutter)/2); }
#sapper .mt-4 { margin-top: var(--gutter); }
#sapper .mt-5 { margin-top: calc(var(--gutter)*2); }
#sapper .mr-2 { margin-right: calc(var(--gutter)/3); }
#sapper .mr-4 { margin-right: var(--gutter); }
#sapper .mb-0 { margin-bottom: 0; }
#sapper .mb-2 { margin-bottom: calc(var(--gutter)/3); }
#sapper .mb-2-5 { margin-bottom: calc(var(--gutter)/2); }
#sapper .mb-3 { margin-bottom: calc(var(--gutter)/3*2); }
#sapper .mb-4 { margin-bottom: var(--gutter); }
#sapper .mb-5 { margin-bottom: calc(var(--gutter)*2); }
#sapper .ml-1 { margin-left: calc(var(--gutter)/6); }
#sapper .ml-2 { margin-left: calc(var(--gutter)/3); }
#sapper .ml-3 { margin-left: calc(var(--gutter)/3*2); }
#sapper .p-1 { padding: calc(var(--gutter)/6); }
#sapper .p-2 { padding: calc(var(--gutter)/3); }
#sapper .p-4 { padding: var(--gutter); }
#sapper .p-0 { padding: 0; }
#sapper .pr-0 { padding-right: 0; }
#sapper .pr-1 { padding-right: calc(var(--gutter)/6); }
#sapper .pr-2 { padding-right: calc(var(--gutter)/3); }
#sapper .pr-2-5 { padding-right: calc(var(--gutter)/2); }
#sapper .pr-3 { padding-right: calc(var(--gutter)/3*2); }
#sapper .pr-4 { padding-right: var(--gutter); }
#sapper .pl-0 { padding-left: 0; }
#sapper .pl-1 { padding-left: calc(var(--gutter)/6); }
#sapper .pl-2 { padding-left: calc(var(--gutter)/3); }
#sapper .pl-3 { padding-left: calc(var(--gutter)/3*2); }
#sapper .pl-2-5 { padding-left: calc(var(--gutter)/2); }
#sapper .pl-4 { padding-left: var(--gutter); }
#sapper .pt-2 { padding-top: calc(var(--gutter)/3); }
#sapper .pt-2-5 { padding-top: calc(var(--gutter)/2); }
#sapper .pt-3 { padding-top: calc(var(--gutter)/3*2); }
#sapper .pt-11px { padding-top: 11px; }
#sapper .pt-4 { padding-top: var(--gutter); }
#sapper .pb-1 { padding-bottom: calc(var(--gutter)/6); }
#sapper .pb-2 { padding-bottom: calc(var(--gutter)/3); }
#sapper .pb-2-5 { padding-bottom: calc(var(--gutter)/2); }
#sapper .pb-1-25 { padding-bottom: calc(var(--gutter)/4); }
#sapper .pb-3 { padding-bottom: calc(var(--gutter)/3*2); }
#sapper .pb-11px { padding-bottom: 11px; }
#sapper .pb-4 { padding-bottom: var(--gutter); }
#sapper .pb-6 { padding-bottom: calc(var(--gutter)*4); }
#sapper .pt-1 { padding-top: calc(var(--gutter)/6); }
#sapper .pt-5 { padding-top: calc(var(--gutter)*2); }
#sapper .pt-0 { padding-top: 0 }
#sapper .pb-0 { padding-bottom: 0 }
#sapper .inline-block { display: inline-block; }
#sapper .round {
    border-radius: 1000px;
  }
#sapper .border-0 {
    border: 0;
  }
#sapper .border-radius-small {
    border-radius: 5px;
  }
#sapper .border-radius-medium {
    border-radius: 8px;
  }
#sapper .border-radius-left { border-radius: 15px 0 0 15px;}
#sapper .border-radius { border-radius: 15px;}
#sapper .border { border-style: solid }
#sapper .border-white { border-color: white }
#sapper .border-orange { border-color: var(--orange) }
#sapper .border-blue { border-color: var(--blue) }
#sapper .border-grey-dark { border-color: var(--grey-dark) }
#sapper .border-grey-medium { border-color: var(--grey-medium) }
#sapper .border-grey-lightest { border-color: var(--grey-lightest) }
#sapper .border-top-2 { border-top-width: 2px; }
#sapper .border-bottom-2 { border-bottom-width: 2px; }
#sapper .border-bottom-8 { border-bottom-width: 8px; }
#sapper .border-2 { border-width: 2px }
#sapper .border-3 { border-width: 3px }
#sapper .border-grey-light {
    border-color: var(--grey-light);
  }
#sapper .border-white {
    border-color: var(--white);
  }
#sapper .border-top-grey-medium-3 {
    border-top: 3px solid var(--grey-medium);
  }
#sapper .shadow {
    box-shadow: 0px 9px 9px rgba(0,0,0,0.5);
  }
#sapper .white { color:var(--whtie); }
#sapper .black { color: var(--black); }
#sapper .orange, #sapper .orange-h:hover { 
    color:var(--orange ); 
  }
#sapper .blue, #sapper .blue-h:hover { color:var(--blue ); }
#sapper .red, #sapper .red-h:hover { color: var(--red); }
#sapper .orange-light {   color:var(--orange-light ); }
#sapper .black {   color:var(--black ); }
#sapper .grey-dark { color:var(--grey-dark ); }
#sapper .grey-medium {   color:var(--grey-medium ); }
#sapper .grey-light {   color:var(--grey-light ); }
#sapper .grey-lightest {   color:var(--grey-lightest ); }
#sapper .white {   color:var(--white ); }
#sapper .bg-none { background: none }
#sapper .bg-blue {   background-color:var(--blue ); }
#sapper .bg-blue-light, #sapper .bg-blue-light-h:hover {   background-color:var(--blue-light ); }
#sapper .bg-orange {   background-color:var(--orange ); }
#sapper .bg-orange-medium {   background-color:var(--orange-medium ); }
#sapper .bg-orange-light,
  #sapper .bg-orange-light-h:hover { 
    background-color:var(--orange-light ); 
  }
#sapper .bg-overlay { background: rgba(86,86,86,.8) }
#sapper .bg-grey-dark { background-color:var(--grey-dark ); }
#sapper .bg-grey-medium {   background-color:var(--grey-medium ); }
#sapper .bg-grey-light {   background-color:var(--grey-light ); }
#sapper .bg-grey-lightest {   background-color:var(--grey-lightest ); }
#sapper .bg-white {   background-color:var(--white ); }
#sapper .bg-white2 {   background-color:var(--white2 ); }
#sapper .fill-white { fill: var(--white); }
#sapper .none { display: none; }
#sapper .block,
  #sapper .group-h-block:hover .item {
    display: block; 
  }
#sapper .triangle:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--white);
  }
#sapper .triangle-body:before { border-top-color: #f9f9f9 }
#sapper .triangle-orange:before {
    border-top-color: var(--orange)
  }
#sapper .triangle-blue:before {
    border-top-color: var(--blue)
  }
#sapper .triangle-up-white:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--white);
    border-top: none;
    transform: translateX(-50%) translateY(-100%);
  }
#sapper .triangle-up-orange:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--orange);
    border-top: none;
    transform: translateX(-50%) translateY(-100%);
  }
#sapper .scale50 { transform: scale(.5) }
#sapper .button:disabled .aux-overlay {
    display: none;
  }
#sapper .bg-orange .aux-overlay:after {
    background-color: var( --blue );
  }
#sapper .bg-grey-dark .aux-overlay:after {
    background-color: var( --blue );
  }
#sapper .bg-blue .aux-overlay:after {
    background-color: var( --orange );
  }
#sapper .bg-grey-light:hover {
      color: var(--white)
    }
#sapper .bg-grey-light .aux-overlay:after {
      background-color: var( --orange );
    }
#sapper .checkbox-container .hide-cb {
      display: none;
    }
#sapper .checkbox-container .checkbox.small {
      width: 20px;
      height: 20px;
      border-width: 2px;
    }
#sapper .checkbox-container .checkbox.small + label {
      width: calc( 100% - 20px);
    }
#sapper .checkbox-container .checkbox {
      width: 32px;
      height: 32px;
      position: absolute;
      border: 3px solid var(--blue);
      background-color: var(--grey-lightest);
      box-sizing: border-box;
      top: 3px;
    }
#sapper .checkbox-container .checkbox.relative {
      position: relative;
      top: 0;
    }
#sapper .checkbox-container .checked {
      background: url(/res/imgs/picto-vu.svg) no-repeat center center;
      background-size: contain;
      opacity: 1;
      transform: scale(1.3) translateX(24%) translateY(-12%);
    }
#sapper .checkbox-container:hover .checkbox {
      opacity: .9;
    }
#sapper .checkbox-container:hover .checkbox.checked {
      background-color: var(--green);
    }
#sapper .checkbox-container label {
      width: calc(100% - 32px - 10px);
    }
#sapper .datepicker-container.hasError input {
      color: var(--red);
    }
#sapper .datepicker-container.hasError {
      border-color: var(--red);
    }
#sapper .datepicker-container input {
      width: 100%;
      box-sizing: border-box;
      border: 0;
      background: none;
    }
#sapper .flatpickr-day.selected, 
  #sapper .flatpickr-day.startRange, 
  #sapper .flatpickr-day.endRange, 
  #sapper .flatpickr-day.selected.inRange, 
  #sapper .flatpickr-day.startRange.inRange, 
  #sapper .flatpickr-day.endRange.inRange, 
  #sapper .flatpickr-day.selected:focus, 
  #sapper .flatpickr-day.startRange:focus, 
  #sapper .flatpickr-day.endRange:focus, 
  #sapper .flatpickr-day.selected:hover, 
  #sapper .flatpickr-day.startRange:hover, 
  #sapper .flatpickr-day.endRange:hover, 
  #sapper .flatpickr-day.selected.prevMonthDay, 
  #sapper .flatpickr-day.startRange.prevMonthDay, 
  #sapper .flatpickr-day.endRange.prevMonthDay, 
  #sapper .flatpickr-day.selected.nextMonthDay, 
  #sapper .flatpickr-day.startRange.nextMonthDay, 
  #sapper .flatpickr-day.endRange.nextMonthDay {
    background-color: var(--orange);
    border-color: var(--orange);
  }
#sapper .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
  #sapper .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
  #sapper .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--orange)
  }
#sapper .flatpickr-day.inRange, #sapper .flatpickr-day.prevMonthDay.inRange, #sapper .flatpickr-day.nextMonthDay.inRange, #sapper .flatpickr-day.today.inRange, #sapper .flatpickr-day.prevMonthDay.today.inRange, #sapper .flatpickr-day.nextMonthDay.today.inRange, #sapper .flatpickr-day:hover, #sapper .flatpickr-day.prevMonthDay:hover, #sapper .flatpickr-day.nextMonthDay:hover, #sapper .flatpickr-day:focus, #sapper .flatpickr-day.prevMonthDay:focus, #sapper .flatpickr-day.nextMonthDay:focus {
    background: var(--orange-light);
    border-color: var(--orange-light)
  }
#sapper .flatpickr-day.inRange {
    box-shadow: -5px 0 0 var(--orange-light), 5px 0 0 var(--orange-light)
  }
#sapper .input-container.hasError {
      border-color: var(--red);
    }
#sapper .input-container.hasError input {
      color: var(--red);
    }
#sapper .input-container input {
      width: 100%;
      box-sizing: border-box;
      border: 0;
      color: var(--blue);
    }
#sapper .input-container.hasIcon input {
      padding-left: calc(var(--gutter)/6*7);
    }
#sapper .input-container .icon {
      margin-left: calc(var(--gutter)/3);
      margin-top: calc(var(--gutter)/3);
      position: absolute;
      pointer-events: none;
      width: 16px;
    }
#sapper .input-container button {
      border: 0;
      background: none;
      cursor: pointer;
    }
#sapper .quantity-container.hasError {
      border-color: var(--red);
    }
#sapper .quantity-container.hasError input {
      color: var(--red);
    }
#sapper .quantity-container input {
      padding: 0;
      box-sizing: border-box;
      border: 0;
    }
#sapper .radio-container .hide-cb {
      display: none;
    }
#sapper .radio-container .radio {
      width: 16px;
      height: 16px;
      align-self: flex-end;
    }
#sapper .radio-container .radio.relative {
      position: relative;
    }
#sapper .radio-container .label {
      transform: translateY(2px);
      cursor: pointer;
    }
#sapper .select {
    color: var(--black);
    height: 100%;
  }
#sapper .select .selectContainer {
      --borderRadius: 15px;
      height: 100%;
      min-height: 35px;
      line-height: 36px;
      box-sizing: border-box;
      background: var(--grey-lightest);
      border: 0;
      padding-top: 26px;
      padding-bottom: 26px;
    }
#sapper .select .selectContainer:before {
      display: block;
      position: absolute;
      width: 15px;
      height: 15px;
      top: 0;
      right: 0;
      content: url(/res/imgs/icon/dropdown-arrow.svg);
    }
#sapper .select.is-selected .selectContainer:before {
      display: none;
    }
#sapper .select .selectContainer input {
      top: 0;
      box-sizing: border-box;
      font-size: 18px;
      text-align: center;
      height: 100%;
      line-height: 34px;
      font-family: inherit;
      color: var(--grey-dark);
    }
#sapper .select .selectContainer input::-webkit-input-placeholder {
      color: var(--grey-medium)
    }
#sapper .select .selectContainer input::-moz-placeholder {
      color: var(--grey-medium)
    }
#sapper .select .selectContainer input:-ms-input-placeholder {
      color: var(--grey-medium)
    }
#sapper .select .selectContainer input::-ms-input-placeholder {
      color: var(--grey-medium)
    }
#sapper .select .selectContainer input::placeholder {
      color: var(--grey-medium)
    }
#sapper .select .selectedItem {
      position: absolute;
      top: 0;
      line-height: inherit;
      height: 100%;
      overflow: hidden;
      font-size: 18px;
      display: flex;
      align-items: center;
      width: 100%;
      text-align: center;
      justify-content: center;
    }
#sapper .select .clearSelect {
      top: 14px;
      bottom: auto;
      height: 25px;
    }
#sapper .select .multiSelectItem {
      margin-top: 1px;
    }
#sapper .select.hasError .selectContainer {
      border-color: var(--red);
    }
#sapper .spinner {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: relative;
    -webkit-animation: spinner 0.9s ease alternate infinite;
            animation: spinner 0.9s ease alternate infinite;
    -webkit-animation-delay: 0.36s;
            animation-delay: 0.36s;
    top: 50%;
    margin: -22px auto 0 auto; 
  }
#sapper .spinner:after, #sapper .spinner:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-animation: spinner 0.9s ease alternate infinite;
            animation: spinner 0.9s ease alternate infinite; 
  }
#sapper .spinner:before {
    left: -20px;
    -webkit-animation-delay: 0.18s;
            animation-delay: 0.18s; 
  }
#sapper .spinner:after {
    right: -20px;
    -webkit-animation-delay: 0.54s;
            animation-delay: 0.54s; 
  }
#sapper .spinner.white,
  #sapper .spinner.white:before,
  #sapper .spinner.white:after {
    -webkit-animation-name: spinner-white;
            animation-name: spinner-white;
  }
#sapper .spinner.blue-dark,
  #sapper .spinner.blue-dark:before,
  #sapper .spinner.blue-dark:after {
    -webkit-animation-name: spinner-blue-dark;
            animation-name: spinner-blue-dark;
  }
#sapper #scrollContainer {
    height: calc(100% - var(--gutter));
  }
#sapper #scrollContainer { width: 99.7% }
#sapper #scrollContainer > div { width: 101.5% }
#sapper .item-label:hover .background, #sapper .selected .background {
    display: block;
  }
#sapper .item-label:hover .border, #sapper .selected .border {
    display: none;
  }
#sapper .item-label:hover .greyscale, #sapper .item-label.selected .greyscale {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
#sapper .item-label .border {
    border-top: 4px solid var(--grey-light);
  }
#sapper #overlay-spinner {
    width: 56px;
    height: 56px;
    border: 8px solid var(--orange);
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader-rotate 1s linear infinite;
            animation: loader-rotate 1s linear infinite;
    top: 50%;
    margin: -28px auto 0 auto;
  }
#sapper #overlay-spinner:after {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--orange);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 47px;
  }
#sapper .svg-box{
    width: 100%;
    height: 0;
    position: relative;
  }
#sapper .svg-container svg{
    width: 100%;
    position: absolute;
    height: 100%;
    display: block;
  }
#sapper .svg-container.fill path {
    fill: inherit;
  }
@-webkit-keyframes spinner-white {
  0% {
    box-shadow: 0 12px 0 -12px #ffffff; 
  }
  100% {
    box-shadow: 0 12px 0 #ffffff; 
  }
}
@keyframes spinner-white {
  0% {
    box-shadow: 0 12px 0 -12px #ffffff; 
  }
  100% {
    box-shadow: 0 12px 0 #ffffff; 
  }
}
@-webkit-keyframes spinner-blue-dark {
  0% {
    box-shadow: 0 12px 0 -12px var(--blue-dark); 
  }
  100% {
    box-shadow: 0 12px 0 var(--blue-dark); 
  }
}
@keyframes spinner-blue-dark {
  0% {
    box-shadow: 0 12px 0 -12px var(--blue-dark); 
  }
  100% {
    box-shadow: 0 12px 0 var(--blue-dark); 
  }
}
@-webkit-keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
      transform: rotate(360deg);
  }
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
      transform: rotate(360deg);
  }
}
@media (min-width: 980px) {
    #sapper .md-absolute { position: absolute }
    #sapper .md-fixed { position: fixed }
    #sapper .md-flex { display: flex; }
    #sapper .md-inline-flex { display: inline-flex; }
    #sapper .md-flex-row { flex-direction: row; }
    #sapper .md-no-wrap { flex-wrap: noWrap }
    #sapper .md-align-center { align-items: center }
    #sapper .md-justify-start { justify-content: start }
    #sapper .md-justify-end { justify-content: end }
    #sapper .md-justify-start { justify-content: start }
    #sapper .md-space-between { justify-content: space-between }
    #sapper .md-none { display: none }
    #sapper .md-block { display: block }

    #sapper .md-w20pc { width: 20% }
    #sapper .md-w25pc { width: 25% }
    #sapper .md-w33pc { width: 33% }
    #sapper .md-w50pc { width: 50% }
    #sapper .md-w60pc { width: 60% }
    #sapper .md-w100pc { width: 100% }
    #sapper .md-h50vh { height: 50vh }
    #sapper .md-h40vw { height: 40vw }

    #sapper .col-16 > .md-span-5 { width: 31.25%; }
    #sapper .col-16 > .md-span-6 { width: 37.5%; }
    #sapper .col-16 > .md-span-7 { width: 43.75%; }
    #sapper .col-16 > .md-span-8 { width: 50%; }
    #sapper .col-16 > .md-span-14 { width: 87.5%; }
    
    #sapper .col-14 > .md-span-5 { width: 35.714285714285715% }
    #sapper .col-14 > .md-span-8 { width: 57.142857142857146% }
    #sapper .col-14 > .md-span-14 { width: 100% }
    
    #sapper .md-span-grow { flex-grow: 1 }

    /* paddings */
    #sapper .md-pb-0 { padding-bottom: 0; }
    #sapper .md-pb-2 { padding-bottom: calc(var(--gutter)/2); }
    #sapper .md-pb-4 { padding-bottom: var(--gutter); }
    #sapper .md-pt-2 { padding-top: calc(var(--gutter)/2); }
    #sapper .md-pt-4 { padding-top: var(--gutter) }
    #sapper .md-mt-0 { margin-top: 0; }
    #sapper .md-mt-2 { margin-top: calc(var(--gutter)/2); }
    #sapper .md-mt-3 { margin-top: calc(var(--gutter)/3*2); }
    #sapper .md-mt-4 { margin-top: var(--gutter); }
    #sapper .md-mb-0 { margin-bottom: 0 }
    #sapper .md-mb-2-5 { margin-bottom: calc(var(--gutter)/2); }

    #sapper .md-border-radius { border-radius: 20px }
    #sapper .md-border-radius-top { border-radius: 20px 20px 0 0 }
    #sapper .md-border-radius-bottom { border-radius: 0 0 20px 20px }
    #sapper .md-border-focus { box-shadow: 0 0 10px var(--orange) }
    #sapper .md-border-focus:before { 
      border-top-color: var(--orange)
    }

    #sapper .md-triangle-sky:before {
      border-top-color: #77b1cf;
    }
    #sapper .md-no-triangle:before {
      display: none
    }

    #sapper #ambiance-home {
      padding-top: calc(-374px / 3);
    }
    #sapper #ambiance {
      padding-top: calc(374px / 3);
    }
    #sapper .f-19 {
      font-size: 20px;
    }
  
}
@media (max-width: 980px) {
    #sapper .sm-flex-col { flex-direction: column; }
    #sapper .sm-justify-center { justify-content: center }
    #sapper .sm-align-center { align-items: center }
    #sapper .sm-mr-0 { margin-right: 0 }
    #sapper .sm-mr-2 { margin-right: calc(var(--gutter)/3) }
    #sapper .sm-pt-2 { padding-top: calc(var(--gutter)/3) }
    #sapper .sm-pb-2 { padding-bottom: calc(var(--gutter)/3) }
    #sapper .sm-pb-4 { padding-bottom: var(--gutter) }
    #sapper .sm-mt-2 { margin-top: calc(var(--gutter)/3) }
    #sapper .sm-mb-1 { margin-bottom: calc(var(--gutter)/6) }
    #sapper .col-16 > .sm-indent-1 { margin-left: 6.25%; }
    #sapper .col-16 > .sm-span-14 { width: 87.5%; }
}
@media (max-width: 410px) {
    #sapper .f-24 {
      font-size: 18px;
      line-height: 23px;
    }
    #sapper .f-19 {
      font-size: 14px;
      line-height: 19px;
    }
    #sapper .f-14 {
      font-size: 10px;
      line-height: 15px;
    }
  
    #sapper .xs-pl-0 { padding-left: 0 }
    #sapper .xs-pl-2 { padding-left: calc(var(--gutter)/3); }
    #sapper .xs-pr-0 { padding-right: 0 }
    #sapper .xs-pr-1 { padding-right: calc(var(--gutter)/6) }
  
    #sapper .col-16 .xs-span-5 { width: 31.25% }
    #sapper .col-16 .xs-outdent-0 { margin-right: 0 }
  
}